@charset "UTF-8";
/*\*/

/*------------------------------
SPECIAL / 荒井岳史 OFFICIAL特設
UPDATED : 2013.10.22
GUIDELINE : Ver.01
m-up, Inc.
------------------------------*/


/* ------------------------------------
 * RESET
 * ------------------------------------ */
@import "reset.css";


/* ------------------------------------
 * COMMON SETTING / OVERRIDE
 * ------------------------------------ */

body {
	color: #555;
	background:url(../img/kami_bg2.jpg);
	background-attachment: fixed;
-moz-background-size:cover;
background-size:cover;

	text-align: center;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}


/* ------------------------------------
 * LINK
 * ------------------------------------ */
 
a {
	cursor: pointer;
	outline: none;
}

a img {
	border: 0;
}

a:link,a:visited {
	color: #1144a2;
	text-decoration: underline;
}

a:hover,a:active {
	color: #09f;
	text-decoration: underline;
}


/* ------------------------------------
 * BASIC LAYOUT
 * ------------------------------------ */

/* ------------------------------------
 * wrapper
 * ------------------------------------ */

#wrapper {
	/*background: url(../img/bgHeader.jpg) center top repeat-x;*/
}

 
#container {
	margin: 0 auto;
	width: 100%;

}

#header {
	background:#000;
	color:#fff;
}

#header h1 {
	height: 60px;
	background: url(../img/header.gif) center top no-repeat;
	text-indent: -9999px;
}

#content {
	/*background: url(../img/bgContent.png);*/
	width:1024px;
	margin:0 auto;
	background:rgba(255,255,255,0.7);
	padding:3%;
}

#sns {
	height:auto;
	overflow:hidden;
}


#sns .share {
	float:left;
	text-align:left;
	padding:10px;
	width:47%;
}

#sns .share img {
	width:30px;
}

#sns .official {
	float:right;
	text-align:right;
	padding:10px;
	width:47%;
}

#sns .official img {
}

h1 {
	color:#fff;
	background: #222;
	font-size:150%;
	font-family: 'Black Ops One', cursive;
	/*width:70%;*/
	margin:10px auto;
	text-align:left;
	padding:10px;
}

h2 {
	font-family: 'Black Ops One', cursive;
	font-size:800%;
	margin-top: 5%;
}

p.bnr {
	background:#c22;
	border:solid 1px;
	font-size:150%;
	font-weight:bold;
	margin:2% auto;
	width:60%;
	padding:1%;
}

p.bnr a {
	text-decoration:none;
	color:#fff
}

p.bnr a:hover{
	color:#ccc;
}

a.bnr {
	display:block;
	width:80%;
	margin:0 auto;
}

a.bnr img {
	width:80%;
	margin-top:2%;
}

#schedule a.bnr img {
	margin-top:0;
}

#soundcloud {
	margin:5% 0;
}

ul.soundcloud li iframe {
	width:400px;
	height:150px;
}

ul.tour_list {
	width:80%;
	color:#000;
	text-align:left;
	font-weight:bold;
	margin-top:1%;
	font-size:130%;
}

a.lightbox {
	text-decoration:none;
}


p.lyric a {
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:150%;
	color:#fff;
	background:#2c2;
	border:solid 1px;
	width:100px;
	margin:2px auto;
}

p.lyric a:hover {
	background:#fff;
	color:#2c2;
}

#discinfo {
}

#discinfo p {
	margin:5px 0;
}

#discinfo p.midashi {
	font-size:400%;
}

ul.discinfo {
	width:95%;
	margin:0 auto;
	padding:3% 0;
}

img.nb {
	width:90%;
	margin-top:5px 0;
}

div.txt {
	width:95%;
	color:#000;
	margin:2% auto;
}

div.midashi {
	background:#c22;
	color:#fff;
	padding:1%;
}

div.txt div.midashi p.midashi {
	color:#fff;
}

div.txt div.midashi b {
	font-size:120%;
}

div.txt p.txt {
	margin-top:1%;
}

div.txtover{
	background:#fff;
	border:solid #c22;
	padding:3%;
}

div.txt p.midashi {
	color:#c22;
	font-size:250%;

}

div.txt p.txt {
	font-size:110%;
}

div.txt a.fuji {
	display:block;
	background:#fff;
	color:#0074C5;
	border:solid;
	width:30%;
	padding:2%;
	text-decoration:none;
	font-weight:bold;
	font-size:120%;
	margin:0 auto;
	border-radius:1em;
	box-shadow:10px 10px 10px rgba(0,0,0,0.4);
}

div.txt a.fuji:hover {
	color:#fff;
	background:#0074C5;
	box-shadow:none;
}

ul.store {
	width:85%;
	margin:0 auto;
}

ul.store li {
	width:23%;
}

ul.store li img {
	max-width:100%;
	height:45px;
}

p.sche {
	text-align:left;
	font-size:90%;
}

p.jkt img {
	width:450px;
	margin:0 auto;
}

p.midashi {
	font-size:150%;
	font-weight:bold;
}

#discinfo p.release {
	font-size:300%;
	font-weight:bold;
	font-family: 'ヒラギノ角ゴ Pro W3',Helvetica,'Black Ops One', cursive,;
	color:#c22;
	margin:0;
}

#discinfo li.discinfo b{
	font-size:35%;
	font-weight:normal
}

p.songlist {
	text-align:left;
	padding:5% 10%;
	margin-top:5%;
	font-family:Helvetica;
	font-weight:bold;
	font-size:120%;
	background:rgba(0,0,0,0.5);
	color:#fff;
}

p.detail span {
	display:block;
	margin:10px;
}

p.detail em.jesus {
	font-weight:bold;
	font-size:350%;
	color:#000;
	border-bottom:none;
}

p.detail ul {
	width:60%;
	margin:0 auto;
	font-size:150%;
	font-weight:normal;
	font-family: 'Palanquin Dark', sans-serif;


}

li.jkt {
	text-align:center;
}

li.discinfo {
	text-align:center;
	margin-top:5%;
}

li.discinfo span.full {
	font-size:120%;
	font-weight:bold;
	display:block;
	margin:0;
}

li.discinfo span.hinban {
	font-weight:bold;
}



ul.songlist {
	width: 100%;
	font-size:90%;
	text-align:left;
	font-family: 'Palanquin Dark', sans-serif;
	margin:0;
}

ul.songlist li {
	width:31%;
	float:left;
}

#membercomment ul li {
	width:30%;
	color:#fff;
	padding:1%;
	margin:0.5%;
	border-radius:25px;
}

#membercomment ul li p {
	font-weight:bold;
	font-size:130%;
	color:#c22;
}

#membercomment ul li b {
	display:block;
	margin-top:2%;
	font-weight:normal;
	text-align:left;
}

#membercomment ul li b span {
	display:block;
	text-align:right;
}

#membercomment ul.member_icon li.icon{
	background:none;
	width:20%;
}

#membercomment ul.member_icon li.icon img{
	width:100%
}

#membercomment ul.member_icon li.txt {
	width:68%;
	padding:4%;
	background:rgba(0,0,0,0.5);

}



b.guest {
	display: block;
	background:rgba(204,32,32,0.5);
	padding:10px;
	font-weight: normal;
	font-size:120%;
	border:solid 1px;
	width:50%;
	margin:0 auto;
	text-align:left;
}

b.guest span {
	font-size:150%;
	font-weight:bold;
}

p.detail img {
	width:50%;
	margin:0 auto;
}

#storeplay {
	background:#FDD001;
	border:solid;
	color:#c22;
	font-weight:bold;
	margin:2%;
	padding:2% 0;
}

p.storemidashi {
	font-size:450%;
}

p.storedetail {
	font-size:150%;
}

p.tenant {
	font-size:120%;
}

#movie1 {
	margin-bottom:2%;
}

.movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:2%;
}
.movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


li.thumb {
	width:14.4%;
	float:left;
}

li.thumb img {
	width:100px;
}

#content div.cart em {
	padding-top: 10px;
	display: block;
	color: #c00;
}

em {
	padding-top: 0px;
	display: block;
	color: #c00;
}

/* SHOP */

#shop ul{
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}

#shop ul li {
	width:85%;
	float:none;
	border: solid 1px;
	margin:1% auto;
	background:rgba(207,32,32,0.7);
}

#shop ul li b {
	display:block;
	margin-top:10px;
	background:#000;
	color:#fff;
	font-size:130%;
	padding: 0.5%;
}

#shop ul li img.set {
	width:100%;
	padding:2%;
}
#shop ul li img.cd {
	width:85%;
	padding:2%;
}


#shop ul li a.set,
#shop ul li a.cd,
#shop ul li a.mail {
	display:block;
	height:57px;
	width:320px;
	text-indent:-9999px;
	margin:10px auto;
}


#shop ul li a.set {
	background:url(../img/btn/set_btn.png);
	background-size:contain;

}

#shop ul li a.set:hover {
	background:url(../img/btn/set_btn_h.png);
	background-size:contain;
}

#shop ul li a.cd {
	background:url(../img/btn/takuhai_btn.png);
	background-size:contain;


}
#shop ul li a.cd:hover {
	background:url(../img/btn/takuhai_btn_h.png);
	background-size:contain;


}

ul li a.cd {
	display:block;
	height:73px;
	width:320px;
	text-indent:-9999px;
	background:url(../img/btn/btnCart_1.jpg) no-repeat;
	background-size:contain;
	margin:0 auto;

}

ul li a.cd:hover {
	background:url(../img/btn/btnCart_2.jpg) no-repeat;
	background-size:contain;


}


#shop ul li a.mail {
	background:url(../img/btn/mail_btn.png);
	background-size:contain;
}

#shop ul li a.mail:hover {
	background:url(../img/btn/mail_btn_h.png);
	background-size:contain;

}

#shop p.detail {
	padding:3%;
}


#shop p.goodsdetail {
	font-size:80%;
}


#shop ul.set li {
	width: 29%;
	background:none;
	border:none;
	float:left;
	margin:0.7%;
}



#shop ul.cd {
	width:75%;
}

#shop ul.cd li {
	width: 45%;
	background:none;
	border:none;
	float:left;
	margin:0.7%;
}

#shop ul li.and {
	margin-top:15%;
	width:2%;
	font-size:150%;
}

#store p.tower{
	width:30%;
	margin:1% auto;
	border:solid 1px #ddd;
	background:#fff;
	font-weight:bold;
	
}

#store p.tower img {
	width:100%;
}

#store p.tower span {
	display:block;
	background:#FDD000;
	color:#D70C19;
	border:solid;
}


p.tower_txt img {
	width:100%;
}


/* //SHOP */

#newartist {
	height: 100px;
	margin-top: 20px;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
}

#newartist p {
	font-size: 200%;
	color: #f00;
}

ul {
	width:100%;
	margin:0 auto;
	height:auto;
	overflow: hidden;
}

.thumbnail ul {
	margin:0.5% auto;
}

ul li {
	margin:1%;
	width:48%;
	float:left;

}

/*ul li.left{
	text-align:right;
}

ul li.right{
	text-align:left;
}*/

ul.label {
	width:40%;
}

li.label {
	margin-left:2%;
	width:25%;
	float:left;
	padding:10px;
}

li.label img {
	width:90%;
}

div#schedule {
	padding:1% 0;
}

div#schedule b.selfevent {
 	text-align:left;
	margin:1% 0 -2%;
	display:block;
}

div#schedule h3{
	font-size:180%;
	font-weight:bold;
}

div#schedule h3 p {
	 font-size:80%;
}

div#schedule .schedule {
	width:100%;
	margin:0 auto;
	font-weight:bold;

}

div#schedule .schedule .detail {
	width:95%;
	margin:0 auto;
}

div#schedule p.title {
	color:#fff;
	padding:2% 0;
	font-size:150%;
	padding:1%;
}

div#schedule ul.suke{
	width:70%;
}

div#schedule ul.suke li.flyer{
	width:25%;
}

div#schedule ul.suke li.flyer img {
	width:100%;
}

div#schedule ul.suke li.detail{
	width:70%;
}


div#schedule h1 {
	width:100%;
}

div.detail {
	width:70%;
	margin:0 auto;
}

p.title {
	background:#c22;
	font-size:120%;
	font-weight:bold;
	margin-top:1%;
}

div.oneshow {
	color:#000;
}

h3.tour_title {
	width:80%;
	margin:0 auto;
}

h3.tour_title img {
	width:100%;
}

#tour .tour {
	width:1024px;
	margin:0 auto;
}

#tour .tour h3.month {
	background:#c22;
	font-size:130%;
	font-weight:bold;
	margin:2% auto 1%;
	padding:0.5% 0;
}

p.date {
	color:#fff;
	background:#234;
	padding:10px;
	border:solid;
	font-weight:bold;
	font-size:150%;
	margin:10px auto 0;
	text-align:left;
}

p.img {
	width:70%;
	margin:0 auto;
}

img.flyer {
	width:100%;
}

p.artist {
	font-size:120%;
	font-weight:bold;
	padding:5px;
	height:auto;
	overflow:hidden;
	text-align:center;
}

p.time,p.price {
	padding-top:5px;
	border-top:solid 1px #aaa
}

p.ticket {
	padding: 5px;
	border: solid 1px #aaa;
}

p.ticket a.reserveera {
	background:#c22;
	color:#fff;
	padding:0.5%;
	border:solid 1px;
	text-decoration:none;
}

p.ticket a.reserveera:hover {
	color:#dd0;
}

p.ticket a.reserve {
	text-decoration:none;
	color:#fff;
	background:#c22;
	border:solid;
	padding:2px;
	font-size:120%;
	display:block;
	width:40%;
	margin:0 auto;
}

p.ticket img {
	width:95%;
	display:block;
	margin:0 auto;
}

p.ticket a:hover {
	color:#66a;
}

p.ticket em.detail {
	display:block;
	text-align:left;
	width:40%;
	margin:0 auto;
	color:#fff
}

b.ticketinfo {
	font-weight:normal;
	text-align:left;
	display:block;

}

p.info {
	text-align:right;
}

p.info a {
	text-decoration:none;
	color:#fff;
}

p.info a:hover {
	color:#c22;
}

#link p {
	width:80%;
	margin:0 auto;
}

#link p img {
	width:22%;
	margin-left:3px;
}

div#schedule h1.floor {
	background: none;
	font-size:120%;
	padding-left:10%;
}

#schedule span {
	display:block;
	text-align:right;
	margin-top:20px;
}

#rakuten h3 {
	font-size:180%;
	font-weight:bold;
}

#rakuten ul.rakuten li.img {
	width:20%;
}

#rakuten ul.rakuten li.txt {
	width:70%;
	text-align:left;
}


#about {
	padding:2% 0;
}

#about img {
	width:80%;
}

#about ul{
	width:90%;
}


#about ul li img {
	width:100%;
}

#about ul li img.logo {
	width:40%;
}

#about ul li a {
	color:#fff;
	text-decoration:none;
}

#about ul li a:hover {
	color:#2c2;
}

#about p.member {
	font-size:110%;
	font-weight:bold;
	margin:1% 0;
}

p.abouttext {
	text-align:left;
	margin-top:1%;
}

#about b {
	margin-top:1%;
	display:block;
	text-align:left;
	font-size:130%;
}

ul.comment {
	width:100%;
}

ul.comment li {
	width:23%;
	margin-left:1%;
}

ul.comment li img.comment {
	width:100%;
}

.footer {
	padding:10px 0 5%;
	border-top:solid 1px #444;
	margin-bottom:0%;
	clear:both;
	color:#fff;
	background:#000;
}

.blinking{
	color:#c22;
    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (max-width: 1290px){
	#container {
		width:100%;
	}
	#content {
		width:90%;
		padding:1%;
	}

	#discinfo ul li {
		width:47%;
		margin:0 0.5%;
	}

	#discinfo ul li img {
		max-width:95%;
	}

	#discinfo ul li ul.store {
		width:85%;
		margin:0 auto;
	}

	#discinfo ul li ul.store li {
		width:23%;
	}

	#discinfo ul li ul.store li img {
		max-width:100%;
		height:45px;
	}

}

@media screen and (max-width: 1103px){

}

@media screen and (max-width: 1024px){

	#container {
		width:100%;
		padding:0;
	}

	#content {
		width:100%;
		padding:3% 0%;
	}

	#title img {
		width:60%;
	}

	#discinfo p.midashi {
		font-size:130%;
	}

	 div.txt p.midashi {
		font-size:130%;
	}

	ul.discinfo {
		width:90%;
	}

	div.txt {
		width:100%;
	}

	#discinfo p.release {
		font-size:140%;
	}

	ul.songlist,b.guest,div#schedule {
		width:100%;
	}

	p.jkt img {
		width:90%;
	}
	#shop ul {
		width:100%;
	}

	#shop ul li {
		width:90%;
		float:none;
		margin:2px auto;
	}

	#tour .tour {
		width:80%;
	}

	#tour .tour p.date {
		font-size:115%;
	}

	ul.tour_list {
		width:95%;
		margin-top:0px;
		font-size:110%;
	}

	#rakuten ul.rakuten li.img img {
		width:100%;
	}



}

@media screen and (max-width: 1024px){
	#container{
		width:100%;
	}

	ul.soundcloud li iframe {
		width:300px;
		height:150px;
	}


	#discinfo p.release,
	p.detail em.jesus {
		font-size:250%;
	}
	p.midashi {
		font-size:115%;
	}

	#discinfo ul.discinfo li.discinfo ul.store li {
		float:left;
		width:47%;
		margin:1%;
	}

	a.bnr {
		display:block;
		width:80%;
		margin:0 auto;
	}

	a.bnr img {
		width:70%;
		margin-top:2%;
	}



}

@media screen and (max-width: 680px){
	body {
	}
	
	#container{
		width:100%;
	}

	#title img {
		width:100%;
	}

	p.bnr {
		width:90%;
		font-size:110%;
	}

	a.bnr {
		width:100%;
		margin:0 auto;
	}

	a.bnr img {
		width:90%;
		margin-top:2%;
	}


	#sns .share {
		padding:1%;
	}


	#sns .official {
		padding:1%;
	}



	ul {
		width:100%;
	}

	#discinfo {
		padding:3% 0;
	}


	#discinfo ul.discinfo li {
		width:95%;
		text-align:center;
		float:none;
	}

	#discinfo ul.discinfo li img.nb {
		width:95%
	}


	#discinfo ul.discinfo li.discinfo ul.store {
		text-align:center;
		width:90%;
		margin:0 auto;
	}

	#discinfo ul.discinfo li.discinfo ul.store li {
		float:left;
		width:47%;
		margin-left:1%;
	}

	#discinfo p.release{
		font-size:180%;
	}

	#membercomment ul li {
		width:90%;
		float:none;
		margin:0.5% auto;
		padding:2%;
	}

	#membercomment ul.member_icon li {
		float:left;
	}

	ul.soundcloud {
		margin:0 auto;
	}

	ul.soundcloud li {
		text-align:center;
		float:none;
		margin:1% auto;
		width:90%;
	}

	ul.soundcloud li iframe {
		width:100%;
		height:120px;
	}


	ul.discinfo {
		width:90%;
		margin:0 auto;
	}


	ul li {
		width:90%;
		float:none;
		margin:2% auto;
	}
	h1 {
		font-size:150%;
		width:95%;
		margin-left:0px;
	}

	li.thumb {
		width:30%;
	}

	
	ul.label {
		width:95%;
		margin:0 auto;
	}
	ul.label li {
		width:20%;
		font-size:30%;
	}

	h2 {
		margin-top:2%;
		font-size:250%;
	}

	h2 em {
		font-size:20%;
	}

	h2 img {
		width:80%;
	}

	p.img {
		width:100%;
	}

	p.jkt img {
		width:90%;
	}

	p.date {
		font-size:110%;
	}

	p.midashi {
		font-size:110%;
	}

	ul.comment li {
		width:47%;
		float:left;
	}


	p.release {
		font-size:180%;
	}

	p.detail img {
		margin-top:5%;
		width:80%;
	}

	p.artist {
		font-size:110%;
	}

	p.time,p.price,p.info {
		font-size:90%;
	}

	p.ticket a {
		width:90%;
	}

	p.ticket em.detail {
		display:block;
		width:70%;
	}

	ul.songlist {
		width:70%;
		font-size:100%;
	}

	ul.songlist li {
		width:100%;
		float: none;
	}

	b.guest {
		width:80%;
		font-size:90%;
	}

	div#schedule {
		width:100%;
	}

	div#schedule b.selfevent {
	margin:1% 0 -4%;
	}


	div#schedule h3 p {
		font-size:70%;
	}

	div#schedule ul.suke{
		width:95%;
	}

	div#schedule ul.suke li.flyer{
		width:100%;
	}

	div#schedule ul.suke li.flyer img {
		width:100%;
	}

	div#schedule ul.suke li.detail{
		width:100%;
	}


	div.detail {
		width:100%;
	}

	#link p {
		width:95%;
		margin:0 auto;
	}

	#link p img {
		width:60%;
		margin-left:3px;
	}

	#tour {
		width:95%;
		padding:0;
	}
	div.left,div.right{
		margin:0;
	}
	ul.cddetail{
		width:90%;
	}

	#news span.midashi {
		font-size:100%;
	}


	#shop ul li a.set,
	#shop ul li a.cd,
	#shop ul li a.mail {
		width:250px;
		height:45px;
		background-size:contain;

	}

	#shop ul.shop li {
		width: 90%;
		float:none;
	}

	#shop ul.cd {
		width:100%;
	}

	ul li a.cd {
		width:270px;
		height:73px;
	}

	ul li a.cd:hover {
		width:270px;
		height:73px;
	}


	#shop ul li img.set {
		width:74%;
		padding:0;
	}
	#shop ul li img.cd {
		width:74%;
		padding:0;
	}

	#shop ul.set li {
		width: 100%;
		float:none;
		margin:2% auto;
	}

	#shop ul.cd li {
		width: 100%;
		float:none;
		margin:2% auto;
	}

	#store p.tower{
		width:70%;
	}

	#tour {
		margin:0 auto;
	}

	#tour .tour {
		width:100%;
	}

	#tour .tour li {
		float:none;
	}

	ul.tour_list {
		width:95%;
		margin-top:0px;
		font-size:100%;
	}

	#rakuten ul.rakuten li.img {
		width:50%;
	}

	#rakuten ul.rakuten li.txt {
		width:95%;
	}


	p.storemidashi {
		font-size:150%;
	}

	p.storedetail {
		font-size:120%;
	}

	div.txt a.fuji {
		width:60%;
	}

	



@media screen and (max-width: 361px){

	p.midashi {
		font-size:90%;
	}

	p.release {
		font-size:150%;
	}

}	

}



#menu-box {
	margin-top:10px;
}

#menu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
/*  width: 12.5%;*/
  width: 16.6%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
#toggle{
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 48%;
    border-bottom: 1px solid #444;
  }
}
@media only screen and (max-width: 480px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}