/* LESS Document */

/*
@ import
===================
*/
@import "common.css";
@import "venobox.css";

/* 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)";
@tablet:      ~"only screen and (min-width: 530px) and (max-width: 949px)";
@desktop:     ~"only screen and (min-width: 950px) and (max-width: 1128px)";
@desktop-xl:  ~"only screen and (min-width: 1129px)";



/* common */
.m0{margin:0;}
.p0{ padding:0;}
.mp0{margin:0;padding:0;}
.w980{width:1024px; margin:0 auto; .p0;
	@media @mobile{ width:100%;}
}
.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);}
.rotate (@deg) {-webkit-transform: rotate(@deg);-moz-transform:rotate(@deg);-ms-transform: rotate(@deg);-o-transform: rotate(@deg);}
.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;}

.grayscale{-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;}
.nograyscale{-webkit-filter: grayscale(0%);filter: none;}
/*  */
#loader {width:171px;height:118px;display: none;position: fixed;_position: absolute; /* IE6対策 */top: 50%;left: 50%;margin-top: -60px; /* heightの半分のマイナス値 */margin-left: -85px; /* widthの半分のマイナス値 */z-index: 2000; text-align:center; color:#fff;
	img{.animation(spin 1.5s linear infinite);}
	
}
#fade {width: 100%;height: 100%;display: none;background-color: #000;position: absolute;top: 0px;left:0; z-index:1000}

/* 基本設定 */
* { 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:rgba(199,207,201,1.00);
 font-family:YuMincho, '游明朝',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
body , html{height: 100%;}
img { vertical-align:bottom; max-width:100%;}
ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,p,figure,figcaption{ .mp0; list-style:none;}
a{ text-decoration:none; outline:none;
	&:hover{.opacity8;}
	img{ border:none; outline:none;}
}
.wrap{.w980; position:relative;
	&:after{.clear;}
	@media @mobile{ width:90%; margin:0 auto;}
}
#wrapper{height: auto!important; /*IE6*/height: 100%; /*IE6*/min-height: 100%;position:relative;}
.main{padding-bottom: 70px; padding-top:50px;
@media @mobile{padding-bottom: 20px; padding-top:50px}
	}
/**/
body#index{background:url(../img/bg-top.png) no-repeat center 50px #c6d0d2;
@media @mobile{background:#c6d0d2;}
 }
body#com2{background:url(../img/bg-2.png) no-repeat center 50px #000000; background-size:cover; }
body#com3{background:url(../img/bg-3.png) no-repeat center 50px #000000; background-size:cover; }
body#com4{background:url(../img/bg-4.png) no-repeat center 50px #000000; background-size:cover; }
body#com5{background:url(../img/bg-5.png) no-repeat center 50px #4f5354; background-size:cover; }

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

@keycolor:#b4a750;

/*
header
#1c251c 
*/

header{ background:rgba(28,37,28,0.9); border-bottom:1px solid @keycolor; position:fixed; width:100%; top:0; left:0; z-index:500;
	
	h1{ float:left; width:120px;
		a{ background:url(../img/head-logo.png) no-repeat center center; display:block; text-indent:-8888em; height:50px;
		@media @mobile{ position:relative; z-index:6000;}
		}
		
	}
	ul{ float:right;
		li{ display:inline-block; text-align:center;
			@media @mobile{ width:50%; float:left; display:block;}
			a{ font-size:9px; color:@keycolor; padding:10px 15px 0; display:block; height:45px;
				span{ display:block;}
			}
		}
		.news{a{ background:url(../img/navi-news.png) no-repeat center 25px;}}
		.onair{a{ background:url(../img/navi-onair.png) no-repeat center 25px;}}
		.introduction{a{ background:url(../img/navi-introduction.png) no-repeat  center 25px;;}}
		.staffcast{a{ background:url(../img/navi-staffcast.png) no-repeat bottom center;}}
		.story{a{ background:url(../img/navi-story.png) no-repeat bottom center;}}
		.character{a{ background:url(../img/navi-character.png) no-repeat  center 25px;}}
		.glossary{a{ background:url(../img/navi-glossary.png) no-repeat bottom center;}}
		.books{a{ background:url(../img/navi-books.png) no-repeat  center 25px;}}
		.product{a{ background:url(../img/navi-product.png) no-repeat  center 25px;}}
		.movie{a{ background:url(../img/navi-movie.png) no-repeat  center 25px;}}
		.calender{a{ background:url(../img/navi-calender.png) no-repeat  center 25px;}}
	}
 
 /* smp menu */
.dl-menuwrapper{ 
	ul{background:rgba(28,37,28,0.9); border:1px solid @keycolor; padding-bottom:15px;
		li{ width:50%; display:block; float:left;
			a{ font-size:9px; color:@keycolor; padding:10px 15px 0; display:block; height:45px;
				span{ display:block;}
			}
		}
	}
}
.dl-menuwrapper button{ height:50px; width:50px;}
 
 }

footer{ background:#1c251c; width:100%; padding:20px 0;position: absolute;bottom: 0;
	@media @mobile{position: static;bottom: auto;}
	.banner{ float:left;
		li{ float:left; padding-right:5px;
			a{
				img{ width:160px; height:auto;}
			}
		}
		@media @mobile{ float:none;
			li{float:none; padding-right:0; margin-bottom:5px;
				a{
					img{ width:100%; height:auto;}
				}
			}
		}
	}
	.social{float:left; padding-left:50px;
		@media @mobile{ float:none; text-align:center; padding:10px;}
		li{ float:left;
			@media @mobile{ display:inline-block; float:none;}
			a{ width:30px; height:30px; display:block;
				img{}
			}
		}
		&:after{.clear;}
		.fb{a{ background:url(../img/social-fb.png) no-repeat center center;}}
		.tw{a{ background:url(../img/social-tw.png) no-repeat center center;}}
		.hatena{a{ background:url(../img/social-hatena.png) no-repeat center center;}}
	}
	.copyright{ float:right; font-size:12px; padding-top:5px; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		@media @mobile{ float:none; text-align:center;}
	}
	
	@media @mobile{
	ul.gnavi{ float:none;
		li{ width:100%; float:none; display:block; text-align:center;border-top:1px solid rgba(180,167,80,0.30); padding-bottom:10px;
			a{ font-size:9px; color:@keycolor; padding:10px 15px 0; display:block; height:45px;
				span{ display:block;}
			}
		}
		.news{a{ background:url(../img/navi-news.png) no-repeat center 25px;}}
		.onair{a{ background:url(../img/navi-onair.png) no-repeat center 25px;}}
		.introduction{a{ background:url(../img/navi-introduction.png) no-repeat  center 25px;;}}
		.staffcast{a{ background:url(../img/navi-staffcast.png) no-repeat bottom center;}}
		.story{a{ background:url(../img/navi-story.png) no-repeat bottom center;}}
		.character{a{ background:url(../img/navi-character.png) no-repeat  center 25px;}}
		.glossary{a{ background:url(../img/navi-glossary.png) no-repeat bottom center;}}
		.books{a{ background:url(../img/navi-books.png) no-repeat  center 25px;}}
		.product{a{ background:url(../img/navi-product.png) no-repeat  center 25px;}}
		.movie{a{ background:url(../img/navi-movie.png) no-repeat  center 25px;}}
		.calender{a{ background:url(../img/navi-calender.png) no-repeat  center 25px;}}
	}

	}
	
}


#top{ height:100%; min-height:100%;
	.wrap{height:100%; min-height:100%;
		@media @mobile{ width:100%;}
	}
	.top{ padding-top:20px; margin-bottom:30px;
		.social{ position:absolute; top:20px; right:0;
			@media @mobile{ display:none;}
		}
		.logo{ display:block; margin-bottom:10px;}
		.onair{ margin-bottom:20px;}
		@media @mobile{padding-top:0px; margin-bottom:0px;
			.logo{ display:none;}
		}
	}
	.news,.twitter{ width:280px;background:rgba(28,37,28,0.9); border:1px solid @keycolor; padding:0px 10px 10px 10px; margin-bottom:20px;
		h2{ padding:0; margin:0; margin-bottom:5px;}
		li{ margin-bottom:5px;
			a{ color:#fff;
				time{ display:block; font-size:12px;}
				h3{ font-size:12px; font-weight:normal;}
			}
		}
		@media @mobile{ width:90%; margin:0 auto 20px;
		}
	}
	.news{
		ul{ overflow:auto; height:150px; padding-top:10px;
		}
	}
	.twitter{ margin-bottom:50px;
		a{ overflow:auto;max-width:none; min-width: 250px}
		iframe{ max-width:none !important; width: 250px; position:relative; z-index:9999;}
		@media @mobile{margin-bottom:0px;}
		}
	.movie{ position:absolute; bottom:50px; right:0px; text-align:right;
		@media @mobile{ width:90%; margin:0 auto 20px; position:static;
			img{ width:100%;}
		}
		a{ display:block; padding-bottom:10px;
			img{ width:250px;}
		}
		.catch{ display:block; margin-bottom:10px; text-align:right;
			@media @mobile{ display:none;}
		}
	}
	.banner{
		a{ display:block;}
		img{ width:300px; height:auto;
		@media @mobile{ width:100%; margin-bottom:15px;}
		}
	}
	@media @mobile{ 
		.banner{width:90%; margin:0 auto 20px; position:static;}
		.pc{ display:none;}
		.movie{
			a{ display:block; padding-bottom:10px; text-align:center;
			img{ width:100%;}
		}
		}
	}
	
}


#common{
	.pagecat{ text-align:center; padding-top:40px; padding-bottom:20px;}
	.tab{ border-bottom:1px solid @keycolor; width:30%; margin:0 auto 50px; padding-bottom:20px;
		li{ width:50%; float:left; text-align:center;
			a{ display:inline-block; text-align:center;
				img{ vertical-align: top;}
			}
		}
		&:after{.clear;}
		.on{  a{background:url(../img/tab-on.png) no-repeat 0 5px; padding-left:20px;}}
		@media @mobile{width:80%; }
	}
	.tab.col1{
		li{ width:100%;}
	}
	
	.arows{ position:relative;
		div{ position:absolute; top:200px; display:block;
			a{ display:block; width:43px; height:93px; text-indent:-8888em;}
		}
		.arrow-left{ left:0px; background:url(../img/arrow-left.png) no-repeat;}
		.arrow-right{ right:0px; background:url(../img/arrow-right.png) no-repeat;}	
		@media @mobile{
			.arrow-left{ left:0;}
			.arrow-right{ right:0;}
		}
	}
	
	
	/**/
	.cast{ padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		p{ text-align:center; color:#fff; font-size:16px; padding-bottom:10px;
			span{ font-size:12px; padding-left:5px;}
		}
		@media @mobile{
			p{ margin-bottom:10px;}
			span{ display:block;}
		}
	}

	.origine{ color:#fff; margin-bottom:30px;
		@media @mobile{ margin:0 20px 20px;}
		h2{ text-align:center; font-size:20px;
			span{ display:block; font-size:12px;}
		}
		p{ font-size:20px; text-align:center;}
	}
	
	.staffcast{ color:#fff; padding-bottom:50px;
		@media @mobile{ margin:0 20px;}
		.staff{ width:50%; float:left;
		@media @mobile{ width:100%; float:none; margin-bottom:20px;}}
		.cast{ width:50%; float:right;
			h2{ padding-bottom:10px;}
		@media @mobile{ width:100%; float:none; margin-bottom:20px;}}
		&:after{.clear;}
		
		h2{ text-align:center;}
		table{ color:#fff; font-size:16px; width:100%;
			tr{
				td{ vertical-align:top; padding-bottom:10px;
					span{ display:block; font-size:12px;}
					&:nth-child(1){ text-align:right; width:48%}
					&:nth-child(2){ text-align:center; width:4%;}
					&:nth-child(3){ text-align:left; width:48%;}
				}
			}
		}
		
	}

	/**/
	.introduction{ padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		p{ text-align:center; color:#fff; font-size:18px; padding-bottom:10px; line-height:2;
			span{ font-size:12px; padding-left:5px;}
		}
	}

	.onair{ padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		a{  color:#b4a750; text-decoration:underline;}
		a.off{  color:#fff; text-decoration:none; cursor:default;}
		h2{ text-align:center; color:#fff;}
		p{ text-align:center; color:#fff; font-size:14px; padding-bottom:10px; line-height:1.2; margin-bottom:20px;
			span{ font-size:12px; display:block;}
		}
	}
	h5.product_title{color:@keycolor; font-size:18px; padding:10px 15px; background:rgba(0,0,0,0.70); margin-bottom:10px; font-family:YuMincho, '游明朝',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.product_list{ width:910px; margin:0 auto 50px; font-family:YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		@media @mobile{ float:none; width:100%; margin:0 auto;}
		.right{ float:right; width:660px;
			@media @mobile{ float:none; width:90%; margin:0 auto 50px;}
			ul.product_item{
				li{ width:220px; float:left;@media @mobile{ float:left; width:50%;}
					a{display:block; text-align:center; color:#fff;background:none; padding:20px; border:1px solid #7c7b6e;
						img{ width:100%; margin-bottom:10px;}
						h2{ font-size:16px; font-weight:normal; text-align:left;}
						&:hover{ background:rgba(0,0,0,0.40); border:1px solid #7c7b6e;
							img{.opacity10;}
						}
					}
				}
				&:after{.clear;}
			}
			ul.product_item.blu-raydvd{margin-bottom:30px;
				li{ float:left; width:50%; }
			}
			ul.product_item.music{margin-bottom:30px;
				li{ float:left; width:50%; }
			}
			
			.product_detail{ background:rgba(0,0,0,0.40); border:1px solid rgba(180,167,80,0.30); padding:20px; color:#fff;
				time{ font-size:14px; font-style:italic;}
				h1{ border-bottom:1px solid #fff;margin-bottom:10px; color:#fff; font-size:24px; font-weight:normal; }
				p{ margin-bottom:10px; line-height:1.5;}
				a{ color:@keycolor;}

			}
			
		}
		
		.left{ float:left; width:220px;
			@media @mobile{ float:none; width:90%; margin:0 auto;}
			.banner{ margin-bottom:20px; background:rgba(0,0,0,0.40);
				a{
					img{ width:100%}
				}
			}
			.category{ background:rgba(0,0,0,0.40); padding:10px 15px;
				h3{ margin-bottom:10px;}
				li{
					a{ color:#fff; font-size:14px; font-style:italic; padding-left:25px;}
				}
			}
			
		}
		&:after{.clear;}
	}
	a.renews{ background:#222; text-align:center; width:200px; margin:20px auto; display:block; padding:12px 10px;}
	.news_list{width:910px; margin:0 auto 50px; padding-bottom:50px; font-family:YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		@media @mobile{ float:none; width:100%; margin:0 auto 0px;}
		.right{ float:right; width:660px;
			@media @mobile{ float:none; width:90%; margin:0 auto 50px;}
			
			li{ border-bottom:1px solid rgba(180,167,80,0.30); margin-bottom:10px;
				a{ display:block; padding-bottom:10px;
					h2{ font-size:20px; color:#fff; font-weight:normal;}
					time{ color:#8e8f7a; font-size:14px;}
				}
			}
			
			.news_detail{ padding:0; color:#fff; line-height:1.5; font-size:16px; border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:20px;
				time{ font-size:14px; font-style:italic;}
				h1{ border-bottom:1px solid #fff;margin-bottom:10px; color:@keycolor; font-size:24px; font-weight:normal; }
				span.cat{ float:left;}
				.wp_social_bookmarking_light{ float:right;}
				p{ margin-bottom:10px; line-height:1.5;}
				a{ color:@keycolor;}
			}
			
		}
		.left{ float:left; width:220px;
			@media @mobile{ float:none; width:90%; margin:0 auto;}
		}
		&:after{.clear;}
	}
	
	.books{padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		ul{ width:80%; margin:0 auto;
			li{ width:33.3333%; float:left; margin-bottom:20px;
				a{ display:block; text-align:center; color:#fff;
					img{ margin-bottom:10px;}
					h2{ text-align:center; color:#fff; font-weight:normal; font-size:14px;}
				}
			}
			&:after{.clear;}
		}
		@media @mobile{
			ul{ width:90%; margin:0 auto;
				li{ width:100%; float:left;
				}
			}
		}
	}

	.movie{padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		ul{ width:80%; margin:0 auto;
			li{ width:33.3333%; float:left; padding:10px;
				a{ display:block; text-align:center; color:#fff;background:rgba(20,28,17,0.60); padding:20px;
					img{ margin-bottom:10px;}
					h2{ text-align:center; color:#fff; font-weight:normal; font-size:14px;}
				}
			}
			&:after{.clear;}
		}
		@media @mobile{
			ul{ width:90%;
				li{ width:100%; margin-bottom:10px;
					a{
						img{ width:100%;}
					}
				}
			}
		}
	}
	
	.storylist{padding-bottom:50px;
		h1{ text-align:center; margin-bottom:20px;}
		ul{ width:80%; margin:0 auto;
			li{ width:25%; float:left;
				a{ display:block; text-align:center; color:#fff;background:rgba(20,28,17,0.60); padding:10px; border:1px solid #c6c2a5;
					img{ margin-bottom:10px;}
					h2{ text-align:center; color:#fff; font-weight:normal; font-size:14px;}
					p{ font-size:12px;}
				&:hover{ background:rgba(0,0,0,0.60); border:1px solid #7c7b6e;}
				}
				
			}
			&:after{.clear;}
		}
		@media @mobile{
			ul{ width:90%;
				li{ width:100%; margin-bottom:10px;
					a{
						img{ width:100%;}
					}
				}
			}
		}
	}
	
	.storydetail{width:60%; margin:0 auto;
		h1{ color:#b4a750; font-size:22px; font-weight:normal; margin-bottom:15px;
			strong{ padding-right:15px; font-weight:normal;}
		}
		p{ color:#fff; font-size:14px; line-height:1.5; margin-bottom:25px;}
		ul{
			li{ width:33.3333%; float:left;
				a{ display:block; text-align:center; color:#fff; padding:10px;
					img{}
				}
			}
			&:after{.clear;}
		}
		@media @mobile{width:90%;
			ul{
				li{ width:100%;
					a{ padding:0; margin-bottom:20px;
					}	img{ width:100%}
				}
			}
		}
	}
	.glossary_menu{ padding-bottom:20px;
		ul{ text-align:center;
			li{ display:inline-block; padding:5px;
				a{ color:#fff; font-size:16px;}
			}
		}
	}
	.glossary{
		ul{width:80%; margin:0 auto 50px;
			li{ margin-bottom:20px;margin-top: -50px;  padding-top: 50px;
				div{padding:25px; background:rgba(20,28,17,0.60); }
				h2{ color:#b4a750; border-bottom:1px solid #b4a750; padding-bottom:5px; margin-bottom:10px; font-size:30px; font-weight:normal;}
				p{ color:#fff; font-size:14px;}
			}
			@media @mobile{ width:90%; 
			}
		}
	}
	
	.ch-detail{ width:670px; margin:0 auto; padding-top:20px; text-align:right;
		.full{ width:300px; float:left;}
		.face{ width:350px;}
		.detail-text{background:rgba(20,28,17,0.40); padding:20px; width:350px; float:right; margin-bottom:20px; color:#fff; text-align:left;
			h2{ border-bottom:1px solid #fff; margin-bottom:5px; padding-bottom:5px;}
			h3{ text-align:right; font-size:13px; margin-bottom:15px;}
			p{ font-size:14px;}
		}
		@media @mobile{width:90%; text-align:center;padding-top:0px; 
		.full{ float:none; width:70%; margin-bottom:10px;}
		.face{ float:none; width:100%;}
		.detail-text{ width:100%; float:none;}
		}
	}
	
	.ch-list{ width:800px; margin:0 auto;
		a{.grayscale; background:#000; display:block;
			img{.opacity5;}
			&:hover{.nograyscale;
				img{.opacity10;}
			}
		}
		@media @mobile{ width:200px;
			a.item{ float:none;
			}
			.diamond-row-wrap{ position:static; display:block; float:none;}
			.diamond-box-wrap{ position:static; display:block; float:none;}
			.diamond-row-lower{position:static; display:block; float:none;}
			.diamond-row-lower .diamond-box{ margin-left:14.6447%; margin-top:14.6447%;
			}
		}
	}
	
	.calender{ text-align:center; padding-top:50px; padding-bottom:50px;
		iframe{ width:100%; height:600px;}
	}
	
}




























/**/
.posts-navigation{
	h2{ display:none;}
	.nav-links{
		a{ color:@keycolor; font-size:16px;}
		.nav-previous{ float:right; padding:7px 10px; border:1px solid rgba(180,167,80,0.30);}
		.nav-next{ float:left; padding:7px 10px; border:1px solid rgba(180,167,80,0.30);}
		&:after{.clear;}
	}
}

			aside{background:rgba(0,0,0,0.60); margin-bottom:20px;
				#calendar_wrap{ background:url(../img/side-calender.png) no-repeat 20px 20px; padding:60px 20px 20px 20px;
					table{ width:100%; color:#fff; text-align:center;
						a{color:@keycolor;}
					}
				}
			}
			.widget_categories{ padding:20px;
				.widget-title{  background:url(../img/side-category.png) no-repeat 0px 0px; text-indent:-8888em;}
				ul{
					li{ padding-left:20px;
						a{ color:#fff;}
					}
					li.current-cat{ background:url(../img/tab-on.png) no-repeat 0 8px;
						a{ color:@keycolor;}
					}
				}
			}
			.widget_recent_entries{ padding:20px;
				.widget-title{  background:url(../img/side-latest.png) no-repeat 0px 0px; text-indent:-8888em;}
				ul{
					li{ margin-bottom:10px; padding-top:10px;border-top:1px solid rgba(180,167,80,0.30);
						a{ color:#fff; display:block; padding-bottom:5px; display:block;}
						span{ color:#eee; font-size:10px; display:block;}
					}
				}
			}




/* tweetbox */
.customisable-border.thm-dark, .thm-dark .customisable-border{ border-color: rgba(0,0,0,0.00) !important;}

/* 菱形 */
.diamonds{ text-align:center;  overflow:visible;  white-space:nowrap;  display:inline-block}

.diamond-row-wrap{ text-align:center;  position:relative;  float:left;  clear:both}
.diamond-row-upper, .diamond-row-lower{ overflow:visible;  clear:both;  width:100%}
.diamond-row-lower{ position:absolute;  bottom:0}
 .diamond-row-lower .diamond-box{ margin-left:64.644660941%;  margin-top:64.644660941%}

.diamond-box-wrap{ float:left;  width:250px;  height:250px}

.diamond-box{ -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box;  box-sizing:border-box;  overflow:hidden;   position:relative;  z-index:1;   width:70.710678118%;  height:70.710678118%;  margin:14.644660941%;   border:1px solid transparent}

.diamond-box-inner{ -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg);  -webkit-transform-origin:center center;  -moz-transform-origin:center center;  -ms-transform-origin:center center;  transform-origin:center center;   -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box;  box-sizing:border-box;   width:141.421356237%;  height:141.421356237%;  margin:-20.7106781185% 0 0 -20.7106781185%}

/* animation */
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

#index{
	#wrapper{background:url(../img/smoke.png) center 50px no-repeat;.smoke-anime;
		@media @mobile{ background:none;}
	}
}

.smoke-anime{
		animation: smoke 5s ease infinite;
		-webkit-animation: smoke 5s ease infinite;
		-moz-animation: smoke 5s ease infinite;
		-ms-animation: smoke 5s ease infinite;
		-o-animation: smoke 5s ease infinite;
}
@keyframes smoke {
	0% {background-position:  -100px 50px;}
	50% {background-position: 0px  50px;}
	100% {background-position: -100px  50px;}
}
@-webkit-keyframes smoke {
	0% {background-position:  -100px 50px;}
	50% {background-position: 0px  50px;}
	100% {background-position: -100px  50px;}
}
@-moz-keyframes smoke {
	0% {background-position:  -100px 50px;}
	50% {background-position: 0px  50px;}
	100% {background-position: -100px  50px;}
}
@-ms-keyframes smoke {
	0% {background-position:  -100px 50px;}
	50% {background-position: 0px  50px;}
	100% {background-position: -100px  50px;}
}
@-o-keyframes smoke {
	0% {background-position:  -100px 50px;}
	50% {background-position: 0px  50px;}
	100% {background-position: -100px  50px;}
}
.timeline-header{ display:none;}
.twitterArea {
  background-color: rgba(0, 0, 0, 0.7);
  border: dotted 3px #00ebf2;
  padding: 10px;
}