/* LESS Document */
/* Breakpoints */
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
              ~"only screen and (min--moz-device-pixel-ratio: 1.5)",
              ~"only screen and (-o-min-device-pixel-ratio: 3/2)",
              ~"only screen and (min-device-pixel-ratio: 1.5)";
@mobile:      ~"only screen and (max-width: 529px)";
@mobileland:      ~"only screen and (max-width: 529px) and (orientation : landscape)";
@mmobile:      ~"only screen and (max-width: 320px)";    
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@tabletland:      ~"only screen and (orientation : landscape)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";
@landscape:      ~"only screen and (max-width: 667px) and (orientation : landscape)";

/* common */
.m0{margin:0;}
.p0{ padding:0;}
.mp0{margin:0;padding:0;}
.w50{
	@media @tablet{ width:100%;}
	@media @mobile{ width:100%;}
}
.w100{ width:100%;}
.w1000{width:1000px; margin:0 auto; .p0;
	@media @tablet{
		width:90%;
	}
	@media @mobile{width:90%;}
	@media @landscape{width:90%;}
}
.clear{content:""; display:block; clear:both;}
.opacity10{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
.opacity8{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.opacity5{filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.opacity0{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.rounded-corners (@radius: 4px){border-radius: @radius;  -webkit-border-radius: @radius; -moz-border-radius: @radius;}
.box-shadow(@arg: 0px 4px 0px 0px #eee){ -moz-box-shadow: @arg; -webkit-box-shadow: @arg;box-shadow: @arg;}
.scale (@factor) {-webkit-transform: scale(@factor);-moz-transform:scale(@factor);-ms-transform: scale(@factor);-o-transform: scale(@factor);}
.transform(@string){-webkit-transform: @string;-moz-transform:@string;-ms-transform:@string;-o-transform:@string;transform:@string;}
.transition(@trans:0.5s){-webkit-transition: @trans;-moz-transition:@trans;-o-transition: @trans;-ms-transition: @trans;transition: @trans;}
.animation(@arguments) {-webkit-animation: @arguments;-moz-animation: @arguments;animation: @arguments;}

/* COLOR */
@red1:#e83428;
@red2:#a02621;


/*loading*/
#loader {width:200px;height:100px;display: none;position: fixed;_position: absolute; /* IE6対策 */top: 50%;left: 50%;margin-top: -50px; /* heightの半分のマイナス値 */margin-left: -100px; /* widthの半分のマイナス値 */z-index: 8600; text-align:center; color:#fff;}
#fade {width: 100%;height: 100%;display: none;background-color: #000;position: absolute;top: 0px;left:0; z-index:8000}

/* 基本設定 */
* { word-break:break-all;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body{ font-size:13px; line-height:1.5; color:#333; .mp0; height:100%; background:#000;
		font-family:"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
	@media @tablet{padding-top:50px;}
	@media @mobile{padding-top:20px;}		
		}
body.newsb{ background:#000 url(../img/matuejo.png) no-repeat center 100px fixed; padding-top:100px;
	@media @tablet{padding-top:100px;}
	@media @mobile{padding-top:20px;}
}
body#teikyo{ background:#000 ;}
img { vertical-align:bottom; max-width:100%;}
ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,p,figure,figcaption,input,textarea{ .mp0; list-style:none;}
a{ text-decoration:none; outline:none;
	&:hover{.opacity8;}
	img{ border:none; outline:none;}
}

input,textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.pc{ display:block;
	@media @tablet{ display:none;}
	@media @mobile{ display:none;}
}

.smp{ display:none;
	@media @tablet{ display:block;}
	@media @mobile{ display:block;}
}
.sp{ display:none;
	@media @mobile{ display:block;}
}

.i-play{
	display:inline-block;width: 32px; height: 32px;
	background:url(/base/img/icon-play.png) no-repeat;
	background-size: 100% 100%;

}
#menu{ display:none;


}
.slicknav_menu{ display:none; padding:0;
		a.slicknav_btn{ display:block; width:100%; margin:0;position:fixed; top:0; left:0; z-index:10000; width:100%;height:50px; background:none;  padding:0px;
			@media @mobile{ padding:0px;}
			.slicknav_menutxt{ display:block; float:left; font-size:16px; padding:12px; text-align:center; line-height:20px;background:@red2; width:80px; height:50px;
				@media @mobile{font-size:12px; line-height:25px;
				}
			}
			.slicknav_icon{ display:block; width:100%; display:none;
				.slicknav_icon-bar{ width:100%;}
				}
		}
		a.slicknav_btn.slicknav_open{ .slicknav_menutxt{color:#fff;}}
		@media @tablet{ display:block; }
		@media @mobile{ display:block;}
		
		ul{ width:100%;position:fixed; top:50px; left:0;z-index:10000; 
			@media @mobile{ top:50px;}
			li{ width:100%; background:@red1; margin:0; float:left; width:50%;
				a{ height:auto; display:block; color:#fff; position:static; background:none; margin:0; font-size:18px; width:100%; text-align:center; padding:10px;
				@media @mobile{ font-size:15px;
				}}
			}

			li.social {
				ol { padding-top:5px;
					li.facebook {background:#264370; width:33.333332%; padding:10px;
						a { background:url(../img/icon-fb.png) no-repeat center center; background-size:contain;
						}
					}
					li.twitter {background:#1d779d; width:33.333332%; padding:10px;
						a { background:url(../img/icon-tw.png) no-repeat center center; background-size:contain;
						}
					}
					li.line {.smp;background:#00c300; width:33.333332%; padding:10px;
						@media @tablet{ display:block;}
						a {  background:url(../img/icon-li.png) no-repeat center center; background-size:contain;
						}
					}
				}
				@media @tablet{ width:100%;
					ul{
						li{ width:33.333%; float:left;
						}
					}
				}
				@media @mobile{ width:100%;
					ul{
						li{ width:33.333%; float:left;
						}
					}
				}
			}
			li.takanotsume {
				 @media @tablet{ width:50%; float:left;}
				  @media @mobile{ width:50%; float:left;}
				a{background:@red2 url(../img/icon-takanotsume.png) center 15px no-repeat; color:#fff; padding-top:50px;}
				@media @tablet{height:50px;
					a{ background:@red2; padding-top:16px;height:50px;}
				}
				@media @mobile{height:50px;
					a{ background:@red2; padding-top:16px;height:50px;}
				}
			}
			li.lang {
				@media @tablet{ width:50%; float:left;}
				@media @mobile{ width:50%; float:left;}
				a{background:#eee url(../img/icon-lang.png) center 15px no-repeat; color:#222; padding-top:50px;}
				@media @tablet{height:50px;
					a{ background:#eee; padding-top:16px;height:50px;}
				}
				@media @mobile{height:50px;
					a{ background:#eee; padding-top:16px;height:50px;}
				}
			}

			&:after{.clear;}
		}
		
}
/*============================
#header
============================*/
header#header {.w100; position:fixed; top:0; left:0; height:80px; z-index:1500;background: rgba(0,0,0,0.80);
	@media @tablet{ position:fixed; height:50px; }
	@media @mobile{ position:fixed; height:50px;background:none;}
	&:after{.clear;}
	h1,div.h1 { float:left; width:15%;
		a { padding:11px; display:block; text-align:center;
			img { width:100%; max-width:145px;
			}
		}
		@media @tablet{ display:none;}
		@media @mobile{ display:none;
			a{ text-align:center;
				img{}
			}
		}
	}
	div.retop{ float:left; padding:20px; height:90px;
		ul{
			li{ float:left; padding-top:10px;
				a{ color:#fff; font-size:16px; display:block; padding:0 15px 0 10px; border-right:1px solid #ccc;}
				&:last-child{
					a{border-right:none; padding-right:0;}
				}
			}
		}
		@media @tablet{
			ul{ display:none;}
		}
		@media @mobile{ 
			ul{ display:none;}
		}
		.slicknav_menu {display:none;}
	}
	div.ticker {float:left; width:63%; position:relative; height:80px; overflow:hidden; margin:0;
		h2 {position:absolute; left:0px; top:25px; display:inline-block; z-index:100; color:#fff; background:@red2; font-size:13px; font-weight:normal; padding:5px 2px 5px 10px;
			&:after{border: 15px solid transparent; border-left: 15px solid @red2;content: "";position: absolute;right: -30px; top:0px;}
		}

		/*============================
		#news-list
		============================*/
		ul#news-list {position: relative; .w100;height:80px;
			li { display:none; .w100;height:80px; padding-left:70px;
				time { padding-top:20px; display:inline-block; font-size:11px;color:#fff;}
				a { display:block; color:#fff;
					
					&:hover{ text-decoration: underline;}
				}
			}
		}
		a.more{ position:absolute; right:0px; top:25px;display:block; padding:5px 10px; color:#fff; background:@red2;z-index:100;}
		
		@media @tablet{display:none;}
		@media @mobile{display:none;}
	}
	div.navi { float:right; width:20%;
		@media @tablet{ width:100%; float:none;}
		@media @mobile{ width:100%; float:none;}
		ul {
			&:after{.clear;}
			li{ width:33.3333%; float:left; 
				a{ display:block;height:80px; width:100%; text-align:center;}
				ul{
					li{ width:100%;
						a{ height:40px;}
						@media @tablet{
							a{ height:50px;} 
						}
					}
				}
			}
			li.social {
				ul {
					li.facebook {background:#264370;
						a { background:url(../img/icon-fb.png) no-repeat center center; background-size:contain;
						}
					}
					li.twitter {background:#1d779d;
						a { background:url(../img/icon-tw.png) no-repeat center center; background-size:contain;
						}
					}
					li.line {.smp;background:#00c300;
						@media @tablet{ display:block;}
						a {  background:url(../img/icon-li.png) no-repeat center center; background-size:contain;
						}
					}
				}
				@media @tablet{ width:100%;
					ul{
						li{ width:33.333%; float:left;
						}
					}
				}
				@media @mobile{ width:100%;
					ul{
						li{ width:33.333%; float:left;
						}
					}
				}
			}
			li.takanotsume {
				 @media @tablet{ width:50%; float:left;}
				  @media @mobile{ width:50%; float:left;}
				a{background:@red2 url(../img/icon-takanotsume.png) center 15px no-repeat; color:#fff; padding-top:50px;}
				@media @tablet{height:50px;
					a{ background:@red2; padding-top:16px;height:50px;}
				}
				@media @mobile{height:50px;
					a{ background:@red2; padding-top:16px;height:50px;}
				}
			}
			li.lang {
				@media @tablet{ width:50%; float:left;}
				@media @mobile{ width:50%; float:left;}
				a{background:#eee url(../img/icon-lang.png) center 15px no-repeat; color:#222; padding-top:50px;}
				@media @tablet{height:50px;
					a{ background:#eee; padding-top:16px;height:50px;}
				}
				@media @mobile{height:50px;
					a{ background:#eee; padding-top:16px;height:50px;}
				}
			}
		}
	}
}

header#header.commonhead{ position: fixed;
	@media @tablet{
		div.retop{ width:25%; text-align:center;}
		div.navi{ width:75%; float:right;}
	}

	@media @mobile{
		div.retop{ width:25%; text-align:center;}
		div.navi{ width:75%; float:right;}
	}
}

/*============================
#top
============================*/
section{ }

video {display:block;
	@media @mobile{ display:none;}
}
 
#bg-video {
position: fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-1;
	@media @tablet{}
	@media @mobile{ display:none;}
}
section#top {/* background: url(../img/matuejo.png) bottom center no-repeat #000;*/ background:url(../pattern.png) repeat;
    /*min-height:840px;*/
	div.box { text-align:center; padding-top:100px;
		h1.logo {
			img {
			}
		}
		div.movie-button { position:relative; top:-20px;
			@media @mobile{ padding-bottom:20px;}
			a {
				img {
				}
			}
		}
		h2.catch-1 {
			img {
			}
			@media @tablet{padding:0 20px;
			}
		}
		p.catch-2 { margin-bottom:0px;
			img {
			}
		}
		p.catch-3 {
			img {
			}
		}
		h2.en{ padding-bottom:15px;}
		a{max-width:100% !important;
			img{ max-width:100%;}
		}
	}
	@media @tablet{ min-height:400px;
		div.box { width:90%; margin:0 auto; padding-top:120px; padding-bottom:30px !important;
			
		}	
	}

	@media @mobile{background: url(../img/matuejo.png) bottom center no-repeat #000;background-size:cover; min-height:400px;
		div.box { width:90%; margin:0 auto; padding-top:30px; padding-bottom:10px !important;
			div.movie-button{ top:0;}
		}	
	}




}

/*============================
#info
============================*/
section#info { background:#fff; padding-bottom:120px;
	
	div.obi { 
		position:relative; background:@red1; text-align:center; color:#fff; height:70px; /*top:-70px;*/ padding-bottom:70px; line-height:65px; margin-bottom:30px;
		
		h3 { font-size:18px; font-weight:normal;
			strong { font-size:45px; font-weight:normal;
			}
			a{
				text-decoration: underline;
			}
		}
		a{
			color: #fff;font-size: 32px;line-height: 65px;
			span{font-size: 18px;line-height: 65px;}
			span.i{width:16px; height:16px;margin-right: 3px;}
		}
		
		ul.link{
			text-align: center;display:block;height: 70px; padding-top:5px;
			
			li{display: inline-block;height: 30px;min-width: 24px; padding:0px 15px 10px;border-right: 1px solid #fff; 
				a{font-size: 18px;line-height: 30px;display: block;height: 30px;
				}
				&:last-child{border-right :none;}
			}
			
			@media @tablet{height: auto;  padding:5px; width:100%;
				li{width:50%;height: auto; margin-bottom:0px; padding:5px;border-right :none; display:block; float:left;
					a{font-size: 12px;height: auto; display:block;border :1px solid #fff; padding:10px;}
					&:last-child{ width:99%;
					}
				}
			}
			
			@media @mobile{height: auto;  padding:5px;width:100%;
				li{width:50%;height: auto; margin-bottom:0px;  padding:5px;border-right :none;display:block;float:left;
					a{font-size: 12px;height: auto; display:block;border :1px solid #fff; padding:10px;}
					&:last-child{ width:99%;
					}
				}
			}
			
			/*padding: 20px 0;
			li{

				display: inline-block;height: 50px;
				min-width: 24px;
				margin: 10px 0px;
				padding: 0px 15px;
				border-right: 1px solid #fff;
				a{font-size: 18px;line-height: 50px;display: block;height: 50px;}		
				&:last-child{
					border-right :none;
				}
				@media @tablet{
					padding: 0px 10px;margin:0 0 5px 0!important;
					width:49%;height: auto;
					a{font-size: 12px;}
					&:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4){
						margin-bottom: 3px;
					}
					&:nth-child(5){ display:block; width:auto;margin:0 3px!important;}
						border :1px solid #fff;
						&:last-child{
							border-right :1px solid #fff;
						}

					
				}
				@media @mobile{
					margin: 0px 0px;
					padding: 0px 10px;
					width:49%;height: auto;
					a{font-size: 12px;}
					&:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4){
						margin-bottom: 5px;
					}
					&:nth-child(5){ display:block; width:auto;margin:0 3px!important;}
						border :1px solid #fff;
						&:last-child{
							border-right :1px solid #fff;
						}

					
				}
			}
			@media @tablet{
					height: auto;
			}
			@media @mobile{
				height: auto;
			}*/
		
			&:after{.clear;}
		}

	
		@media @tablet{height:auto; top:0px; line-height:1.2; width:100%; padding:10px;
			h3{ font-size:16px;
				strong{font-size:28px; }
			}
			/*a{span{display: none;}}*/
		}
		@media @mobile{height:auto; top:0px; line-height:1.2; width:100%; padding:10px;
			h3{ font-size:16px;
				strong{font-size:28px; }
			}
			a{
				font-size: 25px;line-height: 1.5;
				span{line-height: 30px;}
				/*span{display: none;}*/
			}


		}
	}

	div.newsbox { width:100%; margin:0 auto 0px; background:rgba(0,0,0,1.0) !important; margin-bottom:20px;
		h2 {color:@red1;font-size:18px; font-weight:normal; border-bottom:2px solid @red1;padding:10px; text-align: center;}

		/*============================
		#news-list
		============================*/
		ul.news {position: relative; .w100;
			li { border-bottom:1px solid #333; padding:10px;
				&:last-child{ border-bottom:none;}
				time { padding-top:0px; display:inline-block; font-size:11px;color:#fff;}
				a { display:block; color:#fff;
							
					&:hover{ text-decoration: underline;}
				}
			}

		}
		a.more{ display:block; padding:15px 10px; color:#fff; background:@red2;z-index:100; text-align:center; font-size:18px;
			span{width: 10px;height: 10px;margin-right: 8px;}

		}
		
	}


	.title{ text-align:center; margin-bottom:30px;
		h2 { color:@red1; display:inline-block; padding:0 70px 0 0; background:url(../img/icon-battle.png) no-repeat right top; font-size:30px;
			strong {background:url(../img/icon-battle.png) no-repeat left top; font-size:45px; display:inline-block;padding:0 0 0 70px;
			}
		}
		@media @mobile{margin-bottom:15px;
			h2{ font-size:16px;min-height:70px; line-height:70px;padding:0 65px 0 0;
				strong{ font-size:23px;min-height:70px;padding:0 0 0 65px;}
			}
		}
	}
	.title.en{ padding-top:20px;
		h2{background:url(../img/icon-battle.png) no-repeat left top;padding:0 0 0 70px;
			strong {background:url(../img/icon-battle.png) no-repeat right top;padding:0 70px 0 0 ;}
		}
		@media @mobile{margin-bottom:15px;
			h2{ font-size:16px;min-height:70px; line-height:70px;padding:0 0 0 55px;
				strong{ font-size:20px;min-height:70px;padding:0 55px 0 0 ;}
			}
		}
	}
	div.movie-button { text-align:center; margin-bottom:30px;
		@media @mobile{ width:90%; margin:0 auto 20px;}
		a {
			img { border:2px solid #ccc;
			}
		}
	}
	p{ text-align:center; font-size:20px; padding-bottom:20px;
		img{ margin-bottom:15px;}
		@media @tablet{width:90%; margin:0 auto;}
		@media @mobile{ width:90%; margin:0 auto;font-size:15px;  text-align:left;}
	}
	p.read-1 {
	}
	p.read-1.en{
		@media @mobile{padding-bottom:0px;}
	}
	p.read-2 {
	}
	p.read-3 {
		img {
		}
	}
	p.read-4 {
	}
	p.read-5 {
	}
	p.read-6 {
	}
	p.read-7 {
	}
}

/*============================
#event
============================*/
section#event { padding-bottom:30px;background-color:#fff;
	div.title { width:1000px; margin:0 auto; position:relative; padding-left:340px; background:#fff url(../img/experience.jpg) no-repeat left top; min-height:200px; padding-bottom:20px;
		h2 { font-size:37px; color:#222; line-height:1; font-weight:normal; float:left; display:inline-block; padding-right:20px; margin-bottom:10px;
			strong { font-size:75px; color:@red1; font-weight:normal;
			}
		}
		h2.en{
			strong{ display:block;}
		}
		
		p { float:left;display:inline-block; font-size:16px;
			span { font-size:13px; display:block;
			}
		}
		&:after{.clear;}

		@media @tablet{ text-align:center; width:100%; background:#fff url(../img/experience.jpg) no-repeat left top; background-size:50%;  padding:0 20px 20px;
			h2{ text-align:left; width:100%; float:none; font-size:30px;  padding-right:0px; margin-bottom:15px; padding-left:50%;
				strong{ font-size:60px;}
			}
			p{ text-align:left; padding-left:50%;}
		}

		@media @mobile{ text-align:center; width:100%; background:#fff url(../img/experience.jpg) no-repeat left 80px; background-size:50%;  padding:0 20px 20px;
			h2{ text-align:center; width:100%; float:none; font-size:30px;  padding-right:0px; margin-bottom:15px; padding-left:0%;
				strong{ font-size:70px; display:inline-block; }
			}
			h2.en{ font-size:25px;strong{ font-size:59px;}}
			p{ text-align:left; padding-left:50%; font-size:12px;
			span { font-size:11px;}
			}
		}
	}
	div.eventlist{ background:#222; padding:20px;
		li{ background:#000; margin-bottom:20px;
			&:last-child{ margin-bottom:0;}
			figure { position:relative;
					img { width:100%;
					}
					figcaption { padding:20px;
						h3{color:@red1; font-size:18px; font-weight:normal;}
						p{color:#fff; font-size:13px;}
					}
			}
		}
	}
	div.wideslider { padding-top:74px; position:relative;
		@media @mobile{ padding-top:0;}
		ul {
			li {
				figure { position:relative;
					img { position:relative;
					}
					figcaption {z-index:260; width:60%; position:absolute; bottom:0; right:0; background: rgba(0,0,0,0.80); padding:20px 28px;
						h3 { color:@red1; font-size:26px; font-weight:normal;
						}
						p { color:#fff; font-size:16px;
						}
						@media @tablet{width:100%;bottom:auto; top:0; right:0;background: rgba(0,0,0,0.80);width:40%;
							h3{ font-size:24px;}
							p{ font-size:14px;}
						}
						@media @mobile{width:100%;background: rgba(0,0,0,1);position:static; 
							h3{ font-size:24px;}
							p{ font-size:14px;}
						}
					}
				}
			}
		}
	}
	div.wrap{background:#000;
		@media @mobile{ padding-bottom:0;}
	}
	ul.common { .w1000; padding:40px 0;
		@media @mobile{ width:100%;padding:0px 0 10px;}
		li{ float:left; width:30%; margin-right:5%; color:#fff; position:relative;
			&:last-child{ margin-right:0;}
			img.photo{ margin-bottom:15px;}
			h2{ font-size:26px; font-weight:normal; margin-bottom:15px; color:@red1;}
			h2.en{ line-height:1;}
			p{ font-size:14px;
				span{ font-size:12px; display:block; padding-top:1em;}
			}
			@media @tablet{
				h2{ font-size:20px; font-weight:normal; margin-bottom:15px;}
				p{ font-size:12px;}
			}

			@media @mobile{ width:100%; float:none; margin:0 auto 20px;
				h2{padding:0px 20px 0;margin-bottom:5px;}
				p{ padding:10px 20px;}
			}
		}
		&:after{.clear;}
		li.know {
			img.photo {
			}
			img.yoshida {
			}
			h2 {
			}
			p {
				span {
				}
			}
		}
		li.enjoy {
			img.photo {
			}
			img.yoshida {
			}
			h2 {
			}
			p {
				span {
				}
			}
		}
		li.search {
			img.photo {
			}
			img.yoshida {
			}
			h2 {
			}
			p {
				span {
				}
			}
		}
	}
}

/*============================
#matsue
============================*/
section#matsue {background-color:#fff; padding-bottom:15px;
	div.wrapbox{.w1000; padding-top:25px;padding-bottom:25px;
	div.wrap{  float:right; width:70%; padding:20px;padding-top:0px;}
		h2{.mp0;font-size:24px; color:@red1; border-bottom:1px solid #eee; margin-bottom:10px;}
		p{.mp0;font-size:14px;
		a{ color:@red1; text-decoration:underline;}
		}
		ul{ padding-top:10px; padding-bottom:15px;
			li{ float:left; padding-right:10px; width:40%;
				a{ display:block;
					img{ width:100%; height:auto;}
				}
			}
			&:after{.clear;}
		}
	@media @tablet{
		div.wrap{ background:none; padding-bottom:0px;padding-top:0px;}
		h2{.mp0;font-size:24px; color:@red1; border-bottom:1px solid #eee; margin-bottom:10px;}
		p{.mp0;font-size:14px;}
	}
	@media @mobile{
		div.wrap{ background:none; padding-bottom:20px;padding-top:0px; float:none; width:100%;}
		h2{.mp0;font-size:24px; color:@red1; border-bottom:1px solid #eee; margin-bottom:10px;}
		p{.mp0;font-size:14px;}
		ul{
			li{ float:none; width:100%; margin:0 auto 10px;}
		}
	}
	
	.googlemap {position: relative;padding-bottom: 20%; height: 0;overflow: hidden; float:left; width:30%;
		iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
		@media @mobile{padding-bottom: 50%;
		float:none; width:90%; margin:0 auto 20px;
		}
	}
	}
	&:after{.clear;}
}

/*============================
#ticket
============================*/
div#ticket { border-bottom:4px solid @red1;border-top:4px solid @red1; padding:0px;background-color:#fff;
	h2 { font-size:30px; text-align:center; color:@red1;
		strong { font-size:50px;
		}
		a{color: #e83428;text-decoration: underline;}
	}
	div{ text-align:left; 
		h3{ font-size:24px; border-bottom:2px solid #eee;}
		p{ font-size:18px;padding:5px 0 25px 15px;
			span{ font-weight:bold;}
		}
	}
	.w1000{
		/*div{*/
			text-align: center;
		/*}*/
		/*a{display: block;margin:0 auto;}*/
		a{ cursor:pointer;}
	}
	
		@media @mobile{height:auto; top:0px; line-height:1.2; width:100%; padding:10px;
			h2{ font-size:16px; padding-bottom:25px;
				strong{font-size:28px; }
			}
			div{ text-align:left; 
				h3{ font-size:18px; border-bottom:2px solid #eee;}
				p{ font-size:14px;padding:5px 0 25px 15px; line-height:1.5;
					span{ font-weight:bold; display:block;}
				}
			}
		}

	/* english */
	div.contactus{ text-align:center; color:#222; background:#fff; padding:15px;
		h3{ font-size:18px; border-bottom:1px solid #eee;}
		p{ padding-top:10px;
			@media @mobile{
				a{ display:block;}
			}
		}
	}


}

/*============================
#sponsor
============================*/
#sponsor{ text-align:center; background:#000; padding-bottom:0px;

}


/*============================
#sponsor_matsue
============================*/
#sponsor_matsue{background-color:#fff; padding-top:20px;
	ul{.w1000;
		li{ width:50%; float:left; padding:20px;
			h3{ border-bottom:1px solid #eee; color:@red1; text-align:center; font-size:24px; margin-bottom:15px; padding-bottom:5px; font-weight:normal; letter-spacing:-1px;}
			p{ margin-bottom:10px;}
			img{ float:left; margin:0 15px 15px 0}
			a{ display:inline-block; font-size:20px; text-align:right; color:#fff; background:@red2; float:right; padding:3px 10px 5px 10px;.rounded-corners;}
		}
		&:after{.clear;}
		@media @tablet{
			li{
				img{ width:100%; height:auto; float:none;}
				a{ display:block; float:none; padding:10px 15px 15px; text-align:center;.rounded-corners; font-size:16px;}
			}
		}
		@media @mobile{
			li{ width:100%; float:none;padding:0px; padding-bottom:25px;
				img{ width:100%; height:auto; float:none;}
				h3{ font-size:18px;}
				p{ margin-bottom:15px;}
				a{ display:block; float:none; padding:10px 15px 15px; text-align:center;.rounded-corners; font-size:16px;}
				&:after{.clear;}
			}
		}
	}
}


/*============================
#footer
============================*/
footer#footer { padding-top:60px;
	ul.navi { text-align:center;
		li{ display:inline-block; margin:0 10px; padding:5px 10px;.rounded-corners(4px 4px 0 0);
			@media @mobile{ width:50%;margin:0%;.rounded-corners(0); float:left; .p0;
				a{padding:15px 0; display:block;}
			}
		}
		li.contact { background:#ccc;
			a { color:#222;
			}
		}
		li.pagetop { background:#222;
			a { color:#fff;
			}
		}
		&:after{.clear;}
	}
	div.sponsorship { padding-bottom:10px;padding-top:10px; border-top:1px solid #333;
		ul { text-align:center;
			li { display:inline-block;
				a { padding:20px 10px 10px; display:block;
					img { width:100%;
					}
				}
			}
			&:after{.clear;}
		}
		p { text-align:center; color:#222; font-size:16px;.w1000;
			span{ display:inline-block;
				&:after{ content:"・"}
				&:last-child{
					&:after{ content:" "}
				}
			}
		}
		
		@media @mobile{padding-bottom:0px;
			ul{ padding-top:10px; margin-bottom:10px;
				li{ width:80%;
					a{ .p0;padding-bottom:5px;}
				}
			}
			p{ font-size:13px;width:90%; word-wrap:break-word;
			span{ display:inline-block;word-wrap:break-word;
				&:after{ content:"・"}
				&:last-child{
					&:after{ content:" "}
				}
			}
			}
		}
		
	}
	div.copyright { background:#222; text-align:center; padding:20px 0;
		img { margin-bottom:15px;}
		p{ color:#fff;}
	}
	div.social-count {background:#000; text-align:center; padding:10px;
		div{ display:inline-block; margin:5px;}
		div.facebook { position:relative; top:-5px;
			
		}
		/* IE hack */
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			div.facebook { position:relative; top:0px;}
		}
		div.twitter {
		}
	}
	
	.foot-menu{ text-align:center; width:100%; background:@red1; padding:10px;
		li{ display:inline-block;
		}
			@media @mobile{
			li{ width:100%; background:@red1; margin:0; float:left; width:50%;
				a{ height:auto; display:block; color:#fff; position:static; background:none; margin:0; font-size:18px; width:100%; text-align:center; padding:10px;
				@media @mobile{ font-size:15px;
				}}
			}
			}
			&:after{.clear;}

			li{display: inline-block;height: 30px;min-width: 24px; padding:0px 15px 10px;border-right: 1px solid #fff; 
				a{font-size: 18px;line-height: 30px;display: block;height: 30px;color:#fff;
				}
				&:last-child{border-right :none;}
			}
			
			@media @tablet{height: auto;  padding:5px; width:100%;
				li{width:50%;height: auto; margin-bottom:0px; padding:5px;border-right :none; display:block; float:left;
					a{font-size: 12px;height: auto; display:block;border :1px solid #fff; padding:10px;}
					
				}
			}
			
			@media @mobile{height: auto;  padding:5px;width:100%;
				li{width:50%;height: auto; margin-bottom:0px;  padding:5px;border-right :none;display:block;float:left;
					a{font-size: 12px;height: auto; display:block;border :1px solid #fff; padding:10px;}

				}
			}
	}
	
}
body.home footer#footer{ background-color:#fff !important;}
body.newsb footer#footer{ background-color:none !important;}

/*============================
#diy
============================*/
div#diy{padding-top:50px;
	div.title {.w1000; margin-bottom:20px;
		div.logo { float:left;
			img { max-height:80px;
			}
		}
		h2 {font-size:50px; font-weight:normal; text-align:center; line-height:1.2; color:#fff;
			span { font-size:20px; display:block;
			}
		}
		p{ text-align:left; color:#fff; font-size:16px; line-height:1.5; padding:10px; padding-top:50px;}

		&:after{.clear;}
		
		@media @mobile{
			div.logo{
				img { max-height:50px;}
			}
			h2{font-size:35px;
				span{ font-size:16px;}
			}
			p{ text-align:left; font-size:12px;}
		}
		
	}
	div.contants{.w1000; margin-bottom:20px;border:3px solid #333; background:rgba(0,0,0,0.50); padding:25px 120px; color:#fff;
	.contents-book{ padding-bottom:80px;
	}
	}
	
	.banner{.w1000;
		padding-top:80px; 
		ul{
			&:after{.clear;}
			li{ float:left; width:50%; padding:10px;
			@media @mobile{float:none; width:100%;}
				a{ display: block; cursor:pointer;}
			}
		}
	}
	
	.OneBook3d_620399_icons_container{ display:none;
	}
	
	div.book_btn{ background:#ff0000 !important; display:block !important;
		&:nth-child(3){ background:#ff0000;}
	}

}

/*============================
#news
============================*/
div#news,div#contact,div#ticketinfo,div#event,div#rule { padding-top:50px;
	div.title {.w1000; margin-bottom:20px;
		div.logo { float:left;
			img { max-height:80px;
			}
		}
		h1 { float:right; font-size:50px; font-weight:normal; text-align:right; line-height:1; color:#fff;
			span { font-size:20px; display:block;
			}
		}

		h2 {font-size:50px; font-weight:normal; text-align:center; line-height:1.2; color:#fff;
			span { font-size:20px; display:block;
			}
		}
		&:after{.clear;}
		
		@media @mobile{
			div.logo{
				img { max-height:50px;}
			}
			h1{font-size:35px;
				span{ font-size:16px;}
			}
		}
		
	}
	
	div.contants{.w1000; width:50%; margin-bottom:20px;border:3px solid #333; background:rgba(0,0,0,0.50); padding:25px; color:#fff;
		@media @tablet{ width:50%;}
		@media @mobile{ padding:20px; width:90%;}
		p{ margin-bottom:15px; border-bottom:1px solid #333; padding-bottom:8px;}
		#contact-form{
			p{ border-bottom:none;}
			input{ color:#222; padding:10px; width:100%; margin-top:10px; font-size:15px;}
			textarea{ border:none; color:#222; padding:10px; width:100%; margin-top:10px;font-size:15px;}
			input[type="checkbox"]{ display:inline; width:auto;}
			input[type="submit"]{ height:60px;.rounded-corners(10px); border:none; background:@red1; color:#fff; cursor:pointer; width:60%; margin:0 auto; display:block;
				&:hover{.opacity8;}
			}
		}
	}

/*============================
#pagenate_items
============================*/
	ul.news_list {.w1000;

/*============================
#post
============================*/
		li{ border:3px solid #333; background:rgba(0,0,0,0.50); padding:0 25px 25px 25px; color:#fff; margin-bottom:50px; position:relative;
			h2 { font-size:20px; font-weight:normal; margin-bottom:15px;}
			time {position: relative;background:@red1; padding:5px 10px; display:inline-block; top:-15px;
				&:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: @red1;border-width: 10px;margin-left: -10px;
				}
			}
			div.news_body,div.news_body_single { border-top:1px solid #333; padding:15px 0;
				h1,
				h2 ,
				h3,
				h4,
				h5,
				div,
				p { padding-bottom:15px;}
				a { color:@red1;}
				img { max-width:100%; height:auto;}
				
				/* youtube 用*/
				@media @tablet{
					.youtube{position: relative;width: 100%;padding-top: 56.25%;
						iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
					}
				}
				@media @mobile{
					.youtube{position: relative;width: 100%;padding-top: 56.25%;
						iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
					}
				}
			}
			
			.news_body_single{
				.btn_toggle{ display:none;}
			}
				.btn_toggle{ background:#333; text-align:center;.rounded-corners(10px); width:30%; position:absolute; left:50%; margin-left:-15%; bottom:-25px;
					a{ color:#fff; display:block; padding:10px; font-size:16px;&:before{content:"開く"}}
				}
				.btn_toggle.open{ background:#ccc;
					a { color:#333; &:before{content:"閉じる"}}
				}
		}
	}
	
	ul.news_list.singlepage{
		li{
			.btn_toggle{ display:none;}
		}
	}
	
	ul.news_list.qa{width:50%;
		@media @mobile{ width:90%;}
		li{
			h3{ padding:15px 0; margin-bottom:10px;}
		}
	}
	
	div.holder {.w1000; text-align:center;
		a.jp-previous
		a.jp-current { color:#fff;border-bottom:2px solid @red1; background:@red1;}
		span.jp-hidden {}
		a { color:#fff; display:inline-block; padding:5px 10px; border-bottom:2px solid #eee;}
		a.jp-hidden {}
		span {}
		a.jp-next {}
		a.jp-first{ float:left; display:none;}
		a.jp-last{ float:right; display:none;}
		a.jp-previous{ float:left;}
		a.jp-next{ float:right;}
		.jp-disabled {.opacity5;}
	}
}

/*============================
#contact
============================*/
div#contact {
	div.title {
		h2 {
			span {
			}
		}
	}
	div.contents {.w1000; width:50%; margin-bottom:20px;border:3px solid #333; background:rgba(0,0,0,0.50); padding:15px; color:#fff;
		@media @tablet{ width:50%;}
		@media @mobile{ padding:20px; width:90%;}
		p{ padding:10px; text-align:center;
			strong { color:@red1; display:block; text-align:center; font-size:26px; line-height:1;
			}
		}
		h3{ border-bottom:1px solid #333; font-size:18px; padding-top:20px;}
		p.kome { text-align:left;
		}
	}
}

/*============================
#event
============================*/
div#event {
	b{display: block;}
	p{font-size: 16px;}
	h2{border-bottom: 1px solid #333;}
	div.title {
		
		h2 {
			margin-bottom: 50px;
			border-bottom: none;

			@media @mobile{ font-size:40px;}
			span {
			}
		}
	}
	div.entry{
		text-align: center;
		p{
			color: #fff;/*text-align: left;*/
			padding: 10px ;
		}
		a{
			font-size: 20px;color: #fff;
			background: #f00;margin: 0 auto;display: inline-block;
			.rounded-corners(5px);padding: 8px 20px;
			@media @mobile{ width:100%;}
		}

	}
	div.subtitle{
		.w1000;color: #fff;/*margin-bottom: 20px;*/
		h2{
			font-size: 30px;
			background-color: rgba(240,240,240,0.25);
			/*border-bottom: 1px solid #fff;*/
		}
		h3{
			font-size: 30px;
		}
	}
	div.contents.first{ padding-bottom:0;
		img{ width:70%; margin:0 auto;
		@media @tablet{width:90%; margin-top:20px;}
		@media @mobile{width:100%;margin-top:20px;}
		}
	}
	div.contents {.w1000;  margin-bottom:80px;border:3px solid #333; background:rgba(0,0,0,0.50);  color:#fff;padding: 0px 0px 15px 0px;
		@media @tablet{ width:80%;}
		@media @mobile{  width:90%;}
		p{ padding:10px; text-align:left;margin-bottom: 10px;width: 70%;display:inline-block;
			strong { color:@red1; display:block; text-align:center; font-size:26px; line-height:1;}
			a{color: #fff; text-decoration: underline;}
			@media @mobile{ width:100%;}
			&:after{.clear };

		}
		a.w50{ color:#fff; text-decoration:underline;}
		p.w50{width: 50%;
			@media @mobile{ width:100%;}
		}
		p.w50.left{ float:left;}
		p.w50.right{ float:right;}
		p.w100{width: 100%;}
		div.mapbox{&:before{.clear; }	
		}
		div.img{
			width:28%;float: right;padding: 10px;
			img{margin-bottom: 10px;}
			a{color: #fff; text-decoration: underline;}
			@media @mobile{ width:100%;}
			&:after{.clear };
		}
		div.map{
			width:50%;float: right;padding: 10px;
			a{color: #fff;text-decoration: underline;}
			@media @mobile{ width:100%;}
			&:after{.clear };	
		}
		h3{ border-bottom:1px solid #333; font-size:18px; padding-top:20px; font-weight:normal;}
		h4{  font-size:18px; padding-top:15px;font-weight:normal; border-bottom:1px solid #333;}
		p.kome { text-align:left;
		}
		div{

			&:before{.clear; }	
		}
		article{padding:15px 10px ;}
		section{
			padding: 0px 15px ;
			margin-bottom: 30px;
			ul{
				display: block;
				width: 99%;margin-bottom: 30px;
				li{
					border: 1px solid #000;
					float: left;width: 10%;
					text-align: center;
					span{border-bottom: 1px solid #fff;background-color:#ff9999 /*rgba(240,240,240,0.2)*/; border-bottom:1px solid #000; color:#000;}
					strong,span{
						display: block;padding:10px;white-space: nowrap;
					}
					strong{ background:#fff;color:#000; margin-bottom:10px;}
					@media @tablet{
						width:100%;
						strong,span{width:50%; float:left;margin-bottom:0px; border:1px solid #000;}
						&:before{.clear;}
					}
					@media @mobile{ 
						width:100%;
						strong,span{width:50%; float:left;margin-bottom:0px; border:1px solid #000;}
						&:before{.clear;}
					}

				}
				&:before{.clear;}
				&:after{.clear;}
			}

		}
		
		.phlaly{ margin:0 20px; 
			section{ width:50%; float:left; padding:0 10px;margin-bottom:0;
				@media @mobile{ width:100%; float:none;}
				div{ 
					h3{ text-align:center;}
					p{ width:100%; font-size:16px;
					img{ max-width:100%; height:auto;}
					}
					p.center{ text-align:center;}
				}
			}
			&:after{.clear;}
		}


		div.subtitle{
			width: 100%;
			text-align: center;
			h2{}
			h3{border-bottom: none;font-size: 40px; line-height: 1.1;}
			p{display: block;text-align: center;width: 100%;font-size: 24px;line-height: 1.3;padding: 15px;}
			@media @mobile{ 
				h3{font-size: 22px;}
				p{font-size: 14px; text-align: left;}
			}
		}
		h2{
			img.ticket{padding-bottom: 10px;}
		}

		img.ticket{margin-left: 10px;padding-bottom: 3px;}
		.stageevent{
			li{ border-bottom:1px dotted #ccc; padding:10px; font-size:20px;
				span{ width:50%; display:block; text-align:left; float:left; margin-bottom:20px;}
				strong{ width:50%; display:block; float:right;text-align:right; margin-bottom:20px;}
				&:after{.clear; }
			}
			
		}
		
		div.event-child{ margin:0 15px; border:1px solid #333; padding:0 15px; margin-bottom:20px;
			h4{ font-size:24px; color:@red1;}
			.w50{@media @tablet{ float:none; width:100%; padding:20px;}@media @mobile{ float:none; width:100%; padding:0px;}
			}
			a.w50{ float:right; display:block; width:50%;
				@media @tablet{ float:none; width:100%; padding:20px;}
				@media @mobile{ float:none; width:100%; padding:0px;}
				img{ width:100%;}
			}
		}


		&:after{.clear; }
		.first{ padding-bottom:0;}
}

			section{
			&:after{.clear; }	
		}
}
/*============================
#ticket
============================*/
div#rule {
	div.title {
		h2 {
			font-size: 20px;
			span {
				font-size: 50px;
			}
		}
		@media @mobile{
			h2 {
			font-size: 20px;margin-bottom: 10px;
			span {
				font-size: 30px;
			}
		}
		}
	}
	div.contents {.w1000;  margin-bottom:20px;border:3px solid #333; background:rgba(0,0,0,0.50); padding:25px; color:#fff;line-height: 1.8;
		@media @tablet{ width:80%;}
		@media @mobile{ padding:20px; width:90%;}
		p{ padding:10px; text-align:left;
			strong { color:@red1; display:block; text-align:center; font-size:26px; line-height:1;
			}

		}
		h3{ border-bottom:1px solid #333; font-size:18px; padding-top:0px;padding-left: 10px;}
		p.kome { text-align:left;
		}
		ol{
			padding-top: 10px;padding-left: 10px;margin-bottom: 25px;
			li{

				p{
					padding:0px;padding-left: 3em;margin-bottom: 5px;
					@media @mobile{
						padding-left: 0em;
					}
				}
				ol{
					margin-bottom: 0px;
					li{

					}
				}
			}
		}
		@media @mobile{
			padding:15px;
		}
	}
}
/*============================
#ticketinfo
============================*/
#ticketinfo{
	div.title {   height:400px; margin-bottom:0 !important;
		h2 { text-align:center !important; margin-bottom:50px; padding-top:50px;
			span {
			}
		}
		p{ color:#fff; font-size:16px; margin-bottom:30px;
			span{ display:block; font-size:13px;}
		}
		
		@media @tablet{background: none; width:100%; padding:20px;
			 background-size:30%;
			h2 {padding-left:0px; text-align:center !important; margin-bottom:50px; padding-top:50px;
				span {
				}
			}
			p{ color:#fff;padding-left:0px; font-size:16px; margin-bottom:30px;
				span{ display:block; font-size:13px;}
			}
		}
		@media @mobile{ height:auto;background:none; width:100%; padding:15px;
			h2 {padding-left:0px; text-align:center !important; margin-bottom:50px; padding-top:50px;
				span {
				}
			}
			p{ color:#fff;padding-left:0px; font-size:16px; margin-bottom:30px;
				span{ display:block; font-size:13px;}
			}
		}
	}
	p.kome{ text-align:center; color:#fff; padding:10px; font-size:12px; position:relative; top:-30px; 
	@media @tablet{ top:-20px;}@media @mobile{ top:0px;margin-bottom:20px;}
		}

	section.ticket-detail {  margin-bottom:30px;
		img{ width:100%; height:auto;}
		div.box {
			.w1000;
		 color:#fff;  padding:15px; padding-top:15px; padding-left:15px;
			h3 { font-size:20px; font-weight:normal;}
			h2 { font-size:40px; font-weight:normal; margin-bottom:15px;}
			p { font-size:15px;margin-bottom:15px;}
			ul.detail { margin-bottom:10px;
				li {
				}
			}
			ul.price {margin-bottom:15px;
				li {
					font-size: 24px;
				}
			}
			h4{ font-size:16px; padding:5px;}
			a.buy { border:2px solid #fff; padding:5px 10px;color:#fff; font-size:26px; display:inline-block; margin-right:10px; margin-bottom:0px;
			}
			a.buy.no-hover{
				&:hover{.opacity5;}
			}
		}
		@media @tablet{background:none;margin:20px;
			div.box { padding:20px; width:100%;
				h3 { font-size:15px; text-align:center;}
				h2 { font-size:28px; text-align:center;}
				p { font-size:15px;margin-bottom:10px;}
				ul.detail { margin-bottom:10px;
					li {
					}
				}
				ul.price {margin-bottom:15px;
					li {
						font-size: 17px;
					}
				}
				a.buy { border:2px solid #fff; padding:5px 10px; color:#fff; font-size:26px; display:block; text-align:center;margin-right:0px; margin-bottom:10px;
					.box-shadow(4px 4px 0px 0px #514e33);
				}
			}
		}
		@media @mobile{ width:90%; margin:0 auto 0px;
			div.box { padding:20px; width:100%; text-align:center;
				h3 { font-size:15px; margin-bottom:10px; }
				h2 { font-size:24px; text-align:center;}
				p { font-size:13px;margin-bottom:15px; text-align:left;}
				ul.detail { margin-bottom:10px;
					li { text-align:left;
					}
				}
				ul.price {margin-bottom:15px;
					li { text-align:left;
						font-size: 17px;
					}
				}
				a.buy { border:2px solid #fff; padding:10px; color:#fff; font-size:23px; display:inline-block; width:100%;margin-right:0px; margin-bottom:10px;
					.box-shadow(4px 4px 0px 0px #514e33);
					span{ display:block; font-size:12px;}
				}
			}
		}
		
	}

	section.ticket-detail.premium{ background:url(../img/ticket-premium-bg.jpg) no-repeat center top;
		/*max-width: 1000px;display: block;margin-left:  auto;margin-right:  auto;*/
		@media @tablet{background: url(../pattern.png) repeat; border:2px solid #514e33;
			h2{border-bottom:2px solid #514e33;}
			
		}
		@media @mobile{background:#514e33; border-top:4px solid #514e33;border-bottom:4px solid #514e33;
		}
		img{margin-bottom: 20px;}
		div.box{

			a{.box-shadow(4px 4px 0px 0px #514e33);}
		}
	}

	section.ticket-detail.basic{ background:url(../img/ticket-basic-bg.jpg) no-repeat center top;
		/*max-width: 1000px;display: block;margin-left:  auto;margin-right:  auto;*/
		@media @tablet{background: url(../pattern.png) repeat;  border:2px solid #777;
			h2{border-bottom:2px solid #777;}
		}
		@media @mobile{background: #777; border-top:4px solid #777;border-bottom:4px solid #777;}
		img{margin-bottom: 20px;}
		div.box{
			a{.box-shadow(4px 4px 0px 0px #777);}
		}
	}
	
	section.ticket-detail.premium1000{ background:url(../img/ticket-premium-bg1000.jpg) no-repeat center bottom;
		max-width: 1000px;display: block;margin-left:  auto;margin-right:  auto;height: 380px;
		@media @tablet{background: url(../pattern.png) repeat; border:2px solid #514e33;height: auto;
			h2{border-bottom:2px solid #514e33;}
			
		}
		@media @mobile{background:#514e33; border-top:4px solid #514e33;border-bottom:4px solid #514e33;height: auto; margin:0 auto ;
		}
		img{margin-bottom: 20px;}
		div.box{

			a{.box-shadow(4px 4px 0px 0px #514e33);}
		}
	}
	
	section.ticket-detail.basic1000{ background:url(../img/ticket-basic-bg1000.jpg) no-repeat center bottom;
		width: auto;height: 380px;


		/*max-width: 1000px;display: block;margin-left:  auto;margin-right:  auto;*/height: 380px;
		@media @tablet{background: url(../pattern.png) repeat;  border:2px solid #777;height: auto;
			h2{border-bottom:2px solid #777;}
		}
		@media @mobile{background: #777; border-top:4px solid #777;border-bottom:4px solid #777;height: auto;}
		img{margin-bottom: 20px;}
		div.box{
			a{.box-shadow(4px 4px 0px 0px #777);}
		}
	}

	section.ticket-detail.light{ background: url(../pattern.png) repeat; border:2px solid #fff;.w1000; min-height:auto;margin-bottom: 40px;
		@media @tablet{background: url(../pattern.png) repeat; }
		@media @mobile{background: url(../pattern.png) repeat;}
		div.box{
			a{.box-shadow(4px 4px 0px 0px #000);}
		}
	}
	
	.ticket-common{.w1000; color:#fff; padding-top:10px;
		div{ width:100%; padding:10px; float:none;
			h4{ border-bottom:2px solid #fff; text-align:center; font-size:22px; padding:10px;}
			p{ font-size:16px; padding:15px;
				span{ display:block; font-size:13px; padding-top:15px;}
			}
			@media @tablet{width:96%; margin:0 auto; float:none;
				h4{ border-bottom:2px solid #fff; text-align:center; font-size:18px; padding:10px;}
				p{ font-size:13px; padding:15px;
					span{ display:block; font-size:12px; padding-top:15px;}
				}
			}
			@media @mobile{width:96%; margin:0 auto; float:none;
				h4{ border-bottom:2px solid #fff; text-align:center; font-size:18px; padding:10px;}
				p{ font-size:13px; padding:15px;
					span{ display:block; font-size:12px; padding-top:15px;}
				}
			}
		}
		&:after{.clear;}
	}
	
	.banner{.w1000;
		ul{
			&:after{.clear;}
			li{ width:50%; padding:10px; margin:0 auto;
				@media @mobile{ width:100%; float:none; margin-bottom:10px;}
				a{}
			}
		}
	}


}


/*============================
#daisakusen
============================*/
.modal{

	position:fixed; top:0; left:0; z-index:3000;width:100%; min-height:100%;
	.youtube{position:absolute; left:0; top:0; z-index:1011;}
	.moadl_bg{ background:rgba(0,0,0,0.70); width:100%; min-height:100%; position:absolute; left:0; top:0; z-index:1010;}
}

div#daisakusen {background:url(../teikyo/bg-opening-1.jpg) no-repeat center top #000; margin-bottom:-20px;
	@media @mobile{ top:10px; position:relative;}
	@media @tablet{ top:20px; position:relative;}
	div.d-main {.w1000;  position:relative; 
		div.logo { text-align:center; padding-top:20px; width:60%; margin:0 auto;
			h1 {
				img {
				}
			}
		}
		div.yoshida { position: absolute; bottom:-10px; right:-60px;  z-index:100;overflow:hidden; text-align:right;
			img{ display:block;}
			img.comm {
			}
			img.ch { position:relative; bottom:40px;
			}
		}
		div.soutou { position: absolute; bottom:0px; left:0px; z-index:100;
			img{ display:block;}
			img.comm { padding-top:100px; position:absolute; bottom:400px; left:-100px; width:500px; max-width:350px; height:auto;
				@media @mobile{ position:static; max-width:100%;}
				@media @tablet{ position:static; max-width:200px;height:auto;}
				@media @tabletland{padding-bottom:100px; position:absolute; top:-400px; left:0px; width:500px; max-width:350px; height:auto;}
			}
			img.ch {
			}
		}
		div.opening { position:relative; z-index:20; top:-60px; text-align:center; 
			a { display:inline-block; border:10px solid #000; background:#000;.rounded-corners(10px);
				img {.rounded-corners(5px); width:400px; height:auto;
					&:hover{.opacity8;}
				}
				&:hover{.opacity10;}
			}
			h2 { width:300px; margin:0 auto; background:#000;.rounded-corners(0 0 10px 10px); color:#fff; padding-bottom:5px;
			}
		}
		@media @mobile{
			min-height:auto; height:auto;width:100%; overflow:visible;
			div.logo{ width:100%; margin:0 auto; padding-top:70px; padding-bottom:70px; position:relative; z-index:120; text-align:left;
				img{ width:70%; margin-left:15px;}
			}
			div.opening{ width:100%; margin:0 auto; top:0px; position:relative; z-index:900;
				a{.rounded-corners(0);
					img{ width:100%;}
				}
				h2{width:100%;.rounded-corners(0);}
			}
			div.yoshida{ width:40%; bottom:auto; top:30px; right:10px; z-index:500;}
			div.soutou { width:40%; bottom:auto; top:10px; left:10px; z-index:500;
			img.comm { padding-bottom:90px;}
			}
			
		}
		@media @tablet{
			min-height:auto; height:auto;width:100%;
			div.opening{ width:100%; margin:0 auto; top:-10px; position:static;
				a{.rounded-corners(0);
					img{ width:100%;}
				}
				h2{width:100%;.rounded-corners(0);}
			}
			div.yoshida{ width:40%; bottom:0px; right:20px;}
			div.soutou { width:40%; bottom:0px; left:20px;}
			
		}
		@media @tablet{
			div.logo{ width:50%; margin:0 auto; padding-top:30px; position:relative;}
			div.opening{width:50%; margin:0 auto; display:block; padding-bottom:50px;
				a{
					img{ width:100%;}
				}
				h2{ width:100%;}
			}
			div.yoshida{ width:25%; padding-top:50px;right:0px !important;
				img.comm {}
			}
			div.soutou{ width:25%;padding-top:50px;}
		}
		@media @tablet @tabletland{width:100%;
			div.logo{ width:50%;}
			div.yoshida{right:0px !important; width:20%;
				img { width:90%;}
			}
			div.soutou{
				img.comm{position:static; max-width:120px; left:0;height:auto;}
			}
		}
	}
	div.smp{ top:-10px; position:relative; z-index:1000;
		a{
			img{}
			&:hover{.opacity10;
			}
		}
		@media @tablet{ top:-20px; position:relative;}
	}
	div.pv { background-image:url(../teikyo/bg-pv-bottom.png),url(../teikyo/bg-pv-top.png); border-top:15px solid #000;
	background-repeat:repeat-x,repeat-x;
	background-position:center bottom,center top;
	background-size:contain, contain;
	background-color:#b2e3ff;
	 position:relative; top:-50px; padding-top:40px; padding-bottom:30px; z-index:100;
	 @media @tablet{top:-10px; }
	 @media @mobile{top:-10px; }
	 	h3{border:5px solid #000;background:#fff;padding:10px; text-align:center;width:800px; margin:0 auto 10px; .rounded-corners(20px);
			img{}
		}
		div.frame { background:url(../teikyo/douga-frame.png) no-repeat; width:829px; height:429px; margin:0 auto 10px; padding:22px 30px 0;
			a {
				img { width:100%; height:auto; border:2px solid #000;
				}
			}
		}
		.info{ border:5px solid #000; background:#fff;padding:20px 30px; width:800px; margin:0 auto 30px;.rounded-corners(20px);
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			h2{
				span{ float:right; font-size:14px;}
				&:after{.clear;}
			}
			p{}
		}
		.customPrevBtn,.customNextBtn{ position:absolute; top:50%; position:absolute; margin-top:-67px; z-index:1800;
			img{ cursor:pointer;}
		}
		.customPrevBtn{ left:10px; text-align:left;}
		.customNextBtn{right:10px; text-align:right;}
		
		@media @tablet{ top:-23px; height:auto; height:auto; padding:10px;border-bottom:10px solid #000;
			h3{width:100%; height:auto;}
			div.frame{width:100%; height:auto; padding:13px 13px; background-size:contain;}
			.info{width:96%; height:auto; background-size:contain;
				h2{
					span{ display:block;}
				}
			}
			.customPrevBtn{ left:0px; text-align:left;}
			.customNextBtn{right:0px; text-align:right;}
			.customPrevBtn,.customNextBtn{margin-top:-37px; top:auto; bottom:15%;
				img{ width:30%;}
			}
		}
		@media @mobile{ top:-23px; height:auto; height:auto; padding:20px 10px;border-bottom:10px solid #000;width:100%;
			h3{width:100%; height:auto;
				img{ width:auto;}
			}
			div.frame{width:100%; height:auto; padding:7px 10px; background-size:contain;}
			.info{width:100%; height:auto;  background-size:contain;
				h2{ font-size:18px;
					span{ display:block; float:none; font-size:11px;}
				}
			}
			.customPrevBtn{ left:-10px; text-align:left;}
			.customNextBtn{right:10px; text-align:right;}
			.customPrevBtn,.customNextBtn{margin-top:-27px; top:auto; bottom:30%;
				img{ width:30%;}
			}
		}
	}
	div.merit { background:url(../teikyo/bg-yellow.png) repeat;position:relative; top:-35px; padding-top:20px; border-top:10px solid #000;
		@media @mobile{ padding-top:0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
		div.info1 { background:url(../teikyo/info-frame1.png) no-repeat center 80px;.w1000; position:relative; height:486px;
			h2 { padding-left:160px;
				img {
				}
			}
			h3 { padding-left:140px;
				img {}
			}
			p {padding-left:130px;
				img {}
			}
				a { position:absolute; right:40px; bottom:60px; z-index:40;
					img { width:320px; height:auto; border:3px solid #000;}
				}
			img.hakase { position:absolute; right:90px; top:-20px;}
			
			@media @mobile{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position:relative; background:#000; padding:0px;border:10px solid #000; border-top:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:20px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto; border:none;}
				}
			}
			@media @tablet{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position:relative; background:#000; padding:0px;border:10px solid #000; border-top:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:20px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto; border:none;}
				}
			}
			
		}
		div.info2 {background:url(../teikyo/info-frame2.png) no-repeat center 00px;.w1000; position:relative; height:382px;
			h2 { position:relative; top:-10px; padding-left:60px;
			}
			p { padding-left:500px; position:relative; top:-10px;
			}
			a { position:absolute; left:120px; bottom:70px;
				img { width:320px; height:auto; border:3px solid #000;
				}
			}
			@media @mobile{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position:relative; background:#000; padding:0px;border:10px solid #000;border-top:none; border-bottom:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:22px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto;border:none;}
				}
			}
			@media @tablet{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position:relative; background:#000; padding:0px;border:10px solid #000;border-top:none; border-bottom:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:22px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto;border:none;}
				}
			}
		}
		div.info3 {background:url(../teikyo/info-frame3.png) no-repeat center 0px;.w1000; position:relative; height:332px; padding-top:20px;
			h2 { position:relative; top:-10px; padding-left:120px;
			}
			p { padding-left:510px; position:relative; top:0px;
			}
			a { position:absolute; left:130px; bottom:70px;
				img {width:320px; height:auto; border:3px solid #000;
				}
			}
			@media @mobile{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; padding-top:0px; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position: static; background:#000; padding:0px;border:10px solid #000; border-top:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:22px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto; border:none;}
				}
			}
			@media @tablet{width:100%; margin:0; border:10px solid #000; border-left:none;border-right:none; padding-top:0px; .rounded-corners(0px); position:relative; margin-bottom:0px; background:#fff;height:auto;
				h2{ width:100%;padding-left:0px; position: static; background:#000; padding:0px;border:10px solid #000; border-top:none;}
				h3{ padding-left:0; color:#e83428; padding:15px 15px; letter-spacing:-1px; font-size:22px; line-height:1.2; padding-bottom:0;}
				p{padding-left:0px;padding:15px; font-size:13px; }
				a{ position: static; display:block; padding:0px; padding-top:0;
					img{ width:100%; height:auto; border:none;}
				}
			}
		}
		div.info4 { height:250px; overflow: hidden;.w1000; /*background:url(../teikyo/bosatsu.png) no-repeat;*/ position:relative;
			h3 { float:right; position:relative; z-index:2;
				img {
					margin-bottom: 10px;
				}
			}
			img.bosatsu { position:absolute; left:20px; top:20px; z-index:1;
			}
			@media @mobile{padding:5px; width:100%; height:auto;
				h3{ float:none;}
				img.bosatsu{ display:none;}
			}
			@media @tablet{padding:5px; width:100%; height:auto; text-align:center;
				h3{ float:none;}
				img.bosatsu{ display:none;}
			}
		}
	}
	
	div.sponsorwrap { background:#fff; top:-20px; position:relative; padding:70px 0 25px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	@media @mobile{ padding-left:0px;}
		div.sponsor {.w1000; width:900px; border:10px solid #000;.rounded-corners(10px); position:relative; margin-bottom:70px;
			img { position:absolute;}
			.t1{ left:-62px; top:-50px;}
			.t2{ right:0; top:-38px;}
			div.box { padding:30px;
					a.link { padding-top:10px;.rounded-corners(0);
						img{ width:100%; position: static;.rounded-corners(0);}
					}
				div.left { float:left; width:50%; padding-right:20px;
					img { position:relative;.rounded-corners(10px); margin-bottom:10px;
					}
					a{
						img{.rounded-corners(0);}
					}
				}
				div.right {float:right; width:50%;
					h2 { font-size:55px; line-height:1; padding-bottom:15px; padding-top:5px;
					}
					p { font-size:15px;
					}
				}
				&:after{.clear;}
			}
			@media @mobile{border:8px solid #000;margin:0 auto; margin-bottom:70px; width:96%;.rounded-corners(0);
				img { position:absolute;}
				.t1{ left:auto; right::auto; margin:0 auto; top:-30px; width:70%; position:relative;}
				.t2{ right:0; top:-38px; display:none;}
				div.box{padding:15px; padding-top:0px;
					div.left { width:100%; float:none;padding-right:0px; margin-bottom:20px;
						img{ width:100%;}
					}
					div.right { width:100%; float:none;
						h2{ font-size:24px; border-bottom:1px solid #eee; text-align:center; padding-bottom:5px; margin-bottom:15px;}
						p{ font-size:13px;}
					}
				}
			}
			@media @tablet{border:8px solid #000;margin:0 auto; margin-bottom:70px; width:96%;.rounded-corners(0);
				img { position:absolute;}
				.t1{ left:auto; right::auto; margin:0 auto; top:-30px; width:40%; position:relative;}
				.t2{ right:0; top:-38px; display:none;}
				div.box{padding:15px; padding-top:0px;
					div.left { width:100%; float:none;padding-right:0px; margin-bottom:20px;
						img{ width:100%;}
					}
					div.right { width:100%; float:none;
						h2{ font-size:24px; border-bottom:1px solid #eee; text-align:center; padding-bottom:5px; margin-bottom:15px;}
						p{ font-size:13px;}
					}
				}
			}
		}
	}
	
	
	div.fil { background:#fff; position:relative; top:-20px;
		@media @tablet{ padding-bottom:20px;} 
		ul { background:url(../teikyo/philip.png) no-repeat center bottom; .w1000; padding-bottom:240px;text-align:center;
			@media @mobile{padding-top:200px;padding-bottom:0;background:url(../teikyo/philip.png) no-repeat center top; background-size:contain; width:100%;}
			@media @tablet{padding-top:200px;padding-bottom:0;background:url(../teikyo/philip.png) no-repeat center top; background-size:contain; width:100%; margin-bottom:20px;}
			li{width:130px; height:130px; display:inline-block;.rounded-corners; margin:15px;
				@media @mobile{.rounded-corners(0);}
				@media @tablet{.rounded-corners(0);}
				a{ display:block; width:130px; height:130px;}
				@media @mobile{  width:33.33%; margin:0px; height:80px;float:left;.rounded-corners(none);
					a{ width:100%; height:80px; }
				}
				@media @tablet{  width:33.33%; margin:0px; height:80px;float:left;.rounded-corners(none);
					a{ width:100%; height:80px; }
				}
			}
			li.facebook {background:#264370;
				a { background:url(../img/icon-fb.png) no-repeat center center;
				@media @mobile{background-size:60%;}
				@media @tablet{background-size:30%;}
				}
			}
			li.twitter {background:#1d779d;
				a { background:url(../img/icon-tw.png) no-repeat center center;
				@media @mobile{background-size:60%;}
				@media @tablet{background-size:30%;}
				}
			}
			li.line {.smp;background:#00c300;
				@media @tablet{ display:inline-block;}
				@media @mobile{ display:inline-block;
					a{background-size:60%;}
				}
				
				a {  background:url(../img/icon-li.png) no-repeat center center;
				@media @tablet{background-size:30%;}
				}
			}
		}
	}
}















































/* slider */
.wideslider{width:100%;text-align:left;position:relative;overflow:hidden}.wideslider ul,.wideslider ul li{float:left;display:inline;overflow:hidden}.wideslider ul li img{width:100%;display:none}.wideslider_base{top:74px;position:absolute}.wideslider_wrap{top:0;position:absolute;overflow:hidden}.slider_next,.slider_prev{top:0;overflow:hidden;position:absolute;z-index:100;cursor:pointer}.slider_prev{background:url(../img/prev.png)right center no-repeat #000}.slider_next{background:url(../img/next.png)left center no-repeat #000}.pagination{top:0;left:0;width:100%;height:74px;text-align:center;position:absolute;z-index:200;background:url(../img/thumb-bg.jpg)repeat-x; text-align:center;}.pagination a{margin:0 8px;height:74px;line-height:74px;display:inline-block;color:#fff; font-size:24px;}.pagination a:hover{border-bottom:2px solid @red1}

@media @tablet{
.wideslider{width:100%;text-align:left;position:relative;overflow:hidden;height:450px !important;background:#000}.wideslider ul,.wideslider ul li{float:left;display:inline;overflow:hidden}.wideslider ul li img{width:100%;display:none}.wideslider_base{top:74px;position:absolute;height:450px !important}.wideslider_wrap{height:450px !important;top:0;position:absolute;overflow:hidden}.slider_next,.slider_prev{top:0;overflow:hidden;position:absolute;z-index:100;cursor:pointer}.slider_prev{background:url(../img/prev.png)right center no-repeat #000}.slider_next{background:url(../img/next.png)left center no-repeat #000}.pagination{top:0;left:0;width:100%;height:74px;text-align:center;position:absolute;z-index:200;background:url(../img/thumb-bg.jpg)repeat-x; text-align:center;}.pagination a{margin:0 8px;height:74px;line-height:74px;display:inline-block;color:#fff; font-size:20px;}.pagination a:hover{border-bottom:2px solid @red1}
}

@media @mobile{
.wideslider{width:100%;text-align:left;position:relative;overflow: visible;height:auto !important;background:#000; padding:0px; &:after{.clear;}}.wideslider ul,.wideslider ul li{float:left;height:auto;display:inline;overflow:visible}.wideslider_base,.wideslider_wrap{top:0;position:absolute;height:auto !important}.wideslider ul li{height:auto !important;top:0;position:relative; width:100%; padding:0px;}.wideslider ul li img{width:100%;display: block}.wideslider_wrap{overflow:visible}.slider_next,.slider_prev{top:0;overflow:visible;position:absolute;z-index:100;cursor:pointer}.slider_prev{background:url(../img/prev.png)right center no-repeat #000}.slider_next{background:url(../img/next.png)left center no-repeat #000}.pagination{top:0px;left:0;width:100%;height:auto;text-align:center;position:relative;z-index:200;background:url(../img/thumb-bg.jpg)top center repeat-x #000;padding:30px 0 10px}.pagination a{margin:0;display:inline-block; width:33%; padding-bottom:10px;color:#fff;height: auto;line-height:1;font-size:12px;}.pagination a:hover{border-bottom:none;}
}

.pagination a.pn1 {&:before{ content:"戦国体験"}}
.pagination a.pn2 {&:before{ content:"大手門破り"}}
.pagination a.pn3 {&:before{ content:"行天橋石垣登り"}}
.pagination a.pn4 {&:before{ content:"混成守備隊"}}
.pagination a.pn5 {&:before{ content:"白兵戦"}}
.pagination a.pn6 {&:before{ content:"弓打ち,石落とし"}}

/*english*/
.english .pagination a:before{ font-size:13px;}
.english .pagination a.pn1 {&:before{ content:"Experience of Sengoku"}}
.english .pagination a.pn2 {&:before{ content:"Breaking through the Otemon"}}
.english .pagination a.pn3 {&:before{ content:"Climb up the stone wall with Gyotenbashi"}}
.english .pagination a.pn4 {&:before{ content:"Scouting Party"}}
.english .pagination a.pn5 {&:before{ content:"Close Combat"}}
.english .pagination a.pn6 {&:before{ content:"Archery and Ishi-otoshi"}}

.pagination a.pn1.active {&:before{ color:@red1;}}
.pagination a.pn2.active {&:before{ color:@red1;}}
.pagination a.pn3.active {&:before{ color:@red1;}}
.pagination a.pn4.active {&:before{ color:@red1;}}
.pagination a.pn5.active {&:before{ color:@red1;}}
.pagination a.pn6.active {&:before{ color:@red1;}}


/*venobox*/
.vbox-close,.vbox-next,.vbox-num,.vbox-prev,.vbox-title{overflow:hidden;color:#fff}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vbox-overlay{background:#fdfdfd;background:rgba(0,0,0,.85);width:100%;height:auto;position:fixed;top:0;left:0;bottom:0;z-index:10008;opacity:0;overflow-x:hidden;overflow-y:auto}
.vbox-preloader{position:fixed;width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;background-image:url(../img/loading.png);text-indent:-100px;overflow:hidden;}
.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:100px;height:100px;padding:10px 20px 10px 0;display:block;background:url(../img/close.png) right center no-repeat;text-indent:-100px; z-index:10010;}
.vbox-num,.vbox-title{height:40px;display:none}.vbox-next,.vbox-prev{box-sizing:content-box;cursor:pointer;position:fixed;top:50%;width:30px;height:170px;margin-top:-85px;text-indent:-100px;border:solid transparent}
.vbox-num,.vbox-title{background:#161617;top:-1px}
.vbox-prev{left:0;border-width:0 30px 0 10px;background:url(../img/prev.png)center center no-repeat}.vbox-next{right:0;border-width:0 10px 0 30px;background:url(../img/next.png)center center no-repeat}
.vbox-title{width:100%;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;position:fixed;left:0}
.vbox-num{cursor:pointer;position:fixed;left:0;line-height:28px;font-size:12px;padding:6px 10px}
.vbox-inline{width:420px;height:315px;padding:10px;background:#fff;text-align:left;margin:0 auto;overflow:auto}
.vbox-content,.vbox-open{overflow:hidden}
.venoframe{border:none;width:960px;height:720px}@media (max-width:992px){.venoframe{width:640px;height:480px}}@media (max-width:767px){.venoframe{width:420px;height:315px}}@media (max-width:460px){.vbox-inline,.venoframe{width:100%}
.venoframe{height:260px}}.vbox-container{position:relative;background:#000;width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.vbox-content{text-align:center;float:left;width:100%;position:relative}

/* owl */
.vbox-overlay ,.owl-carousel,.owl-item{-webkit-tap-highlight-color:transparent}.owl-item,.owl-video-play-icon{-webkit-backface-visibility:hidden}.owl-carousel,.owl-item,.owl-stage,.owl-stage-outer{position:relative}.owl-carousel{display:none;width:100%;z-index:1;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-animated-in{z-index:0}.owl-animated-out{z-index:1}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.owl-stage{-ms-touch-action:pan-Y}.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-stage-outer{overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-item{min-height:1px;float:left;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-video-wrapper{position:relative;height:100%;background:#000}.owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png)no-repeat;cursor:pointer;z-index:1;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-video-frame{position:relative;z-index:1}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-text-select-on{-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}


.owl-carousel .owl-controls{ position:relative;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {background:#FF0004;
}

.owl-prev{ background:#FF0004; width:50px; height:50px; position:absolute; left:0px; bottom:-50px;  text-align:center; font-size:30px; line-height:50px;}
.owl-next{ background:#FF0004; width:50px; height:50px; position:absolute; right:0px; bottom:-50px; text-align:center; font-size:30px; line-height:50px;}

/* slick*/
.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);}.slicknav_menu .slicknav_menutxt{color:#FFF;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#f5f5f5}.slicknav_menu{}.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover{}.slicknav_nav{clear:both;color:#fff;margin:0;padding:0;font-size:.875em}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_nav .slicknav_row:hover{border-radius:6px;color:#fff}.slicknav_nav a:hover{border-radius:6px;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}


/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz

*/

@animationDurationTime: 1s;
@animationDelayTime: 0s;
@animationFillMode: both;
@animationLessLocation: './source';

// required for all
@import "@{animationLessLocation}/animated.less";

@import "@{animationLessLocation}/bounce.less";
@import "@{animationLessLocation}/bounceIn.less";
@import "@{animationLessLocation}/bounceInDown.less";
@import "@{animationLessLocation}/bounceInLeft.less";
@import "@{animationLessLocation}/bounceInRight.less";
@import "@{animationLessLocation}/bounceInUp.less";
@import "@{animationLessLocation}/bounceOut.less";
@import "@{animationLessLocation}/bounceOutDown.less";
@import "@{animationLessLocation}/bounceOutLeft.less";
@import "@{animationLessLocation}/bounceOutRight.less";
@import "@{animationLessLocation}/bounceOutUp.less";
@import "@{animationLessLocation}/fadeIn.less";
@import "@{animationLessLocation}/fadeInDown.less";
@import "@{animationLessLocation}/fadeInDownBig.less";
@import "@{animationLessLocation}/fadeInLeft.less";
@import "@{animationLessLocation}/fadeInLeftBig.less";
@import "@{animationLessLocation}/fadeInRight.less";
@import "@{animationLessLocation}/fadeInRightBig.less";
@import "@{animationLessLocation}/fadeInUp.less";
@import "@{animationLessLocation}/fadeInUpBig.less";
@import "@{animationLessLocation}/fadeOut.less";
@import "@{animationLessLocation}/fadeOutDown.less";
@import "@{animationLessLocation}/fadeOutDownBig.less";
@import "@{animationLessLocation}/fadeOutLeft.less";
@import "@{animationLessLocation}/fadeOutLeftBig.less";
@import "@{animationLessLocation}/fadeOutRight.less";
@import "@{animationLessLocation}/fadeOutRightBig.less";
@import "@{animationLessLocation}/fadeOutUp.less";
@import "@{animationLessLocation}/fadeOutUpBig.less";
@import "@{animationLessLocation}/flash.less";
@import "@{animationLessLocation}/flip.less";
@import "@{animationLessLocation}/flipInX.less";
@import "@{animationLessLocation}/flipInY.less";
@import "@{animationLessLocation}/flipOutX.less";
@import "@{animationLessLocation}/flipOutY.less";
@import "@{animationLessLocation}/hinge.less";
@import "@{animationLessLocation}/lightSpeedIn.less";
@import "@{animationLessLocation}/lightSpeedOut.less";
@import "@{animationLessLocation}/pulse.less";
@import "@{animationLessLocation}/rollIn.less";
@import "@{animationLessLocation}/rollOut.less";
@import "@{animationLessLocation}/rotateIn.less";
@import "@{animationLessLocation}/rotateInDownLeft.less";
@import "@{animationLessLocation}/rotateInDownRight.less";
@import "@{animationLessLocation}/rotateInUpLeft.less";
@import "@{animationLessLocation}/rotateInUpRight.less";
@import "@{animationLessLocation}/rotateOut.less";
@import "@{animationLessLocation}/rotateOutDownLeft.less";
@import "@{animationLessLocation}/rotateOutDownRight.less";
@import "@{animationLessLocation}/rotateOutUpLeft.less";
@import "@{animationLessLocation}/rotateOutUpRight.less";
@import "@{animationLessLocation}/shake.less";
@import "@{animationLessLocation}/swing.less";
@import "@{animationLessLocation}/tada.less";
@import "@{animationLessLocation}/wiggle.less";
@import "@{animationLessLocation}/wobble.less";


/*.owl-stage{max-width: 100%!important;}*/
/* [href="#sponsor"]{z-index: 3500;}*/

.sg-mission.pc{
	position:fixed; left:0; top:200px; width:171px; height:285px; display:block; z-index:3500;
	@media @tablet{
		// display:none; 
	}
	@media @mobile{
		display:none; 
	}
}
.sg-mission.smp{
	display: none;
	@media @tablet{
		// width: 100% !importa;display:block;
		// position: fixed;bottom: 0px;z-index:3500;
	}
	@media @mobile{
		width: 100%;display:block;
		position: fixed;bottom: 0px;z-index:3500;
	}
}