@charset "shift-jis";
/*@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	
}
html,body,page {
	height: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,dl{
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}





q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* General Demo Style */



body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #666;
	background-size: 100%;
	overflow-y: scroll;
	background-image: url(../images/bwdesk1.jpg);   */
	font-weight: 400;
	font-size: 16px;
	color: #9892E8;

    background-color: #222;	
    background-image: url(../images/bwdesk1.jpg);
    background-repeat: no-repeat;
    background-position: center center ;
    background-size: cover;
    
    overflow-x: hidden;
	overflow-y: scroll;
	
}



a{color:#fff ;
	text-decoration: none;
}
/* s.ie7 body{
	overflow:hidden;kyblue General Demo Style End */


.container {
	/*overflow-x: hidden;
	overflow-y: scroll;
    position: relative;
	max-width:100% ;*/
    width: 100%;
    height: auto;
	margin-right:auto;
	margin-left:auto;
	
 
}	
/*.container--text-align: center;*/


header{top:0px;
    position: fixed;
    z-index: 5;
    opacity:1;
	height: 95px;
	margin-top: 0px;
	width: 100%;
	background-color:rgba(68,68,68,0.70) ;
	border-bottom: 5px #9892E8 solid ;
	}

#headerArea{
    position: relative;
	align-items:none;
	max-width:980px;
	margin-right:auto;
	margin-left: auto;
}

#logo1 img{
	width:154px;
	height: 55px;
	float: left;
    margin-top:22px ;
	margin-left: 20px;
	margin-right:20px;
	padding-left: 0px;
	padding-bottom: 0px;}

#logo1 img:hover{
	opacity: 0.6; 
	}

#logo2 img{opacity: 1; 
	width:180px; height:65px ;
	float: right;
	padding-top: 6px;
	margin-top: 10px;
	margin-left:5px;
	margin-right:10px;
	padding-right: 0px;
	padding-bottom: 0px;}

#logo2 img:hover{
	opacity: 0.6;   
	
	}




/*.headerArea img{
	font-family: Arial, sans-serif;
	line-height: 0px;
	width:154px;
	height: 55px;
	float: left;
	margin-left: 5px;
	margin-top:22px ;
	margin-right:0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	z-index: 9999;
	position: relative;
}

.headerArea img:hover{display: block;
	opacity: 0.6; 
	}

.headerArea span.right{
	float: right;	
}
.headerArea span.right img{
	width:200px;
	height: 72px;
	margin-top:12px ;
	margin-left: 5px;
	margin-right:5px;
	padding-left: 0px;
	padding-bottom: 0px;
}
 .headerArea span.right img:hover{
	opacity: 0.6; 
	}
.headerArea a.current-top,
.cheaderArea a.current-top:hover{color: #9DBDFD;	
}
.headerArea a:hover{
	color: #fff;
}

.headerArea span.right a{
	float: none;
	display: inline;
}
codrops-top HEAD END-----=
.logo{z-index:1000;clear: both;float:right;}
.logo img{z-index:1000;clear: both;float:right;}=       */
/*----------------menu---------------------------*/
   .roy61 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	color: #B7B7FF;
	width: auto;
	font-size: 14px;
	border-radius: 0px;
	border-style: solid 1px black;
	   
	background-color: rgba(21,21,153,1.00);   
	box-shadow:  0px 2px 5px 2px #A7A6C8;
	-webkit-box-shadow: 0px 2px 5px 2px  #A7A6C8;	
  }
   .roy6s {
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	color: #B7B7FF;
	width: auto;
	font-size: 14px;
	border-radius: 0px;
	border-style: solid 1px black;
		
	background-color: rgba(49,1,215,1.00);	
	box-shadow:  0px 2px 5px 2px #A7A6C8;
	-webkit-box-shadow: 0px 2px 5px 2px  #A7A6C8;	
  }
   .roy6s:hover,.roy61:hover{
	background-color: rgba(0,0,0,1.00);
	box-shadow: inset 0px 0px 1px 1px #FF1C1C;
	-webkit-box-shadow: inset 0px 0px 1px 1px #FF1C1C;
	}

.index .roy6s:hover+#leftPart{display:block;
    margin-top:0px ;
    -webkit-opacity:1;
    opacity:1;}
/*-menu-=border-bottom: 5px #9892E8 solid ;=--*/
.Menu-area{
	display: block;
	clear:both;
    position: relative;
	width:100%;
	margin-top: 0px;
	
}
.Menu-center{
	display: block;
	max-width:900px;
    height: 300px;
	z-index: 5;
	clear:both;
	position:relative;
  
	margin-top: 100px;
    margin-bottom:0px; 
	margin-left: auto;
	margin-right:auto;	
}

.Menu-center ul{margin: 0;
			   padding: 3px 0 0 0;} 

.Menu-center li{
      float:left;
      list-style-type: none;
      width:224px;
      height:38px;
      margin: 0px 0px 3px 1px; 
      padding:0px;
}

.Menu-center li a{ /*color:#000;*/
      display: block;
      width: 100%; height:100%; 
      color: #fff;
      text-decoration: none;
      font-size:15px;
      padding:11px 0 0 0;   
      border:0; text-indent: 0%;   
}

.Menu-center li a:hover { opacity:0.6;
             -webkit-opacity:0.6;}

.Menu-center li.blue1 a{ text-align: center;
    background:url(../../img_top/mn_200_blue1.png)no-repeat; background-size:100%;}


#index2{position:block;
    clear:both;
	width:;
    float: left;
    background-image: ;
    margin-top: 2px; 
	margin-bottom: 2px;}

#index3{position:;
    float:right;	
	width:;
    margin-top: 2px; 
	margin-bottom: 10px;}

.roy60{
	float: right;
	background-color: #E0EBF1;
	margin: 0px 1px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	color: black;
	width: auto;
	font-size: 15px;
	border-radius: 3px;
	
  }
  .roy60:hover{border-style: solid 1px black;
	box-shadow:  0px 2px 5px 2px #B4C8EF;
    box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	-webkit-box-shadow: 0px 2px 5px 2px  #B4C8EF;	
	
	}

/*-#efefef-----position: absolute;----display: inline;---: block;----line-height: 140%;--z-index: 5;-----*/

/*#mainVis {position: relative;
	display: block;
    z-index: 3;
    max-width:900px;
    width:100%;
	height:200px;
    margin-top:205px ;
	margin-left: auto;
	margin-right:auto;
    display:flex;
    flex-wrap:wrap;
	background-image:url(../../img/mainvis_toprt-tenjim.png);
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}*/

#mainVis,h20 img{
	width:100%;
	overflow: hidden;
}

#mainvis,h20 img:hover{opacity: 0.2;
	transform: scale(1.3);
	-webkit-transform: scale(1.3) rotate();	
	/*-webkit-transition: all 0.3s linear 0.2s;
	-o-transition: all 0.3s linear 0.2s;
	transition: all 0.3s linear 0.2s; */  	
   -moz-transition: all 0.4s linear 0.2s; 
   -webkit-transition: all 0.4s linear 0.2s;
   -o-transition: all 0.4s linear 0.2s;
   -ms-transition: all 0.4s linear 0.2s; 
   transition: all 0.4s linear 0.2s; 
}
#mainVis h3{width:  380px;
	margin-top: 10px;
	margin-left: 0px;
    margin-bottom: 10px;}

.index{
	width:380px;
	float: left;
	margin-left: 8px;
	margin-top:0px ;
	margin-right:10px;
	padding-left: 0px;
	padding-bottom: 10px;}

.index-ex{clear: both;
	width:400px;
	float: right;
	margin-left: 8px;
	margin-top:0px ;
	margin-right:10px;
	padding-left: 0px;
	padding-bottom: 10px;}


#current-title{display: block;
    opacity:1;
	margin-left: 5px;
	clear:both;
	float: left;
	text-align: left;
	font-size:11pt ;
	width: 390px;
    height: 40px;
	color: #fff;
	margin-right:0px ;
    margin-top:;
			}
#current-title h3{display: block;
    text-align: center;
	width:  370px;
    line-height: 1.2;
    padding: 16px 10px 0 0;
    height: 30px;
    border-top:1px solid #9892E8; 
    border-left: 1px solid #9892E8;
    border-right: 5px solid #9892E8;
	border-bottom: 2px solid #9892E8; 
    background-color: rgba(51,51,51,0.90);
	margin-top: 5px;
	margin-left: 0px;
    margin-bottom: 10px;
    font-size: 17px;
    color:aqua;	
    border-style: solid 1px black;
	box-shadow:  0px 2px 5px 2px #B4C8EF;
    box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	-webkit-box-shadow: 0px 2px 5px 2px  #B4C8EF;
		}

#home_leftPart span h3{
    width:360px;
    font-family: sans-serif;
    font-styl: normal;  
    color: #0088AC;	
   
}
.title{
	clear: both;
	background-color: #555;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	float:left;
    width: 360px;
    height: 20px;
	padding: 10px 0px 10px 20px;
	margin: 10px 10px 10px 5px;
    margin-bottom: 10px;	
}
	

/*-------------main----display:flex;------------
@media screen and (max-width: 600px){
    #main_contents display:flex;
    flex-wrap:wrap-reverse; -*/
   
.Main-contents{
	display: block;
    clear:both;
    max-width:900px;
    width:100%; 
	margin-top: 14px;
    margin-left: auto;
	margin-right:auto;
    display:flex;
    flex-wrap:wrap;
    position: relative;
	text-align: left;
    }

.Main-contents h3{ text-align: center;
    text-indent: 0%; 
    width:  360px;
    height: 30px;
    line-height: 1.2;
    padding: 20px 10px 0 0;
	font-size:16px ;
    color: #fff;
    background-color: rgba(51,51,51,0.60);
    background-position: center;
	padding-top: 20px;
    border-top:1px solid #fe6d1e; 
	border-left: 1px solid #fe6d1e;
	border-right: 5px solid #fe6d1e;
    border-bottom: 2px solid #fe6d1e; 
    border-radius: 4px;
}

/*---border-bottom: 1px dotted #9892E8 ;-----new-
			}--------*/

.leftPart,.bottomPart{
    opacity:1;
	margin-left: 5px;
	background-color: rgba(51,51,51,0.60);
	clear:both;
	float: left;
	text-align: left;
	font-size:15px ;
	max-width: 390px;
	color: #E8E8E8;
	margin-right:5px ;
    margin-top:;
			}

#home_leftPart{	float: left;
	        margin-right: 30px;
			margin-top: 20px;
			width: 470px;
            font-size: 15px;
		}
.leftPart a:hover, .RightPart a:hover{ opacity:0.6;
    -webkit-opacity:0.6;
    opacity:0.6;}
	
.leftPart dl,.bottomPart dl{width: 365px;
			margin-left: 5px;
			color: #E8E8E8;
            font-size: 15px;
            
				}
#home_leftPart dl{
				line-height: 1.2;
				
		}
.bottomPart li {margin-left: 10px;
            margin-top:5px;
            margin-bottom:5px;
    line-height:1.6;
    }
.bottomPart li a{color: #E8E8E8;
    margin-left: 0px;line-height: 180%;
}
.bottomPart a:active{
    text-decoration: underline;
    text-decoration-color:rgba(255,206,84,1.00);}
.bottomPart a:hover{
    color:rgba(214,227,255,1.00);
    text-decoration: underline;
    text-decoration-color:rgba(255,206,84,1.00);}


.bottomPart p{margin-left: 10px;
            font-size:11pt ;}

/*---border-bottom: 1px dotted #9892E8 ;-----new-
			}--------*/

.leftPart dt{padding: 5px 0px 0px 5px;
            margin-top: 5px;margin-left: 5px;
            border-bottom: 1px dotted #9b9797;
		}
#leftPart dt{ color: #313131;
		}

.leftPart dd{width: 360px;
            line-height: 1.5;
            margin-top: 3px;
            margin-left: 10px;
			padding-bottom: 5px;
			border-bottom: 1px dotted #9b9797;
			}

.leftPart dd img{
			background-color: rgba(90,135,215,1.00);	
			}
.leftPart dd img:hover {
	        -webkit-opacity:0.7;
			opacity:0.7;}
/*--------new-hover----------*/
.leftPart:hover+#mnSpArea{display:block;
    margin-top:0px ;
	-webkit-opacity:1;
	opacity:1;}
/*--------new-hover----------*/

/*------------------------*/
.RightPart{display: block;
    opacity:1;
	float: right;
	margin-left: 0px;
	background-color: rgba(51,51,51,0.60);
	font-size:11pt ;
	width: 395px;
	color: #E8E8E8;
    margin-right: ;
	margin-top:0px;
		}

.RightPart:hover{display: inline-block;
    margin-top:;
	-webkit-opacity:1;
	opacity:1;}

.RightPart h3, .leftPart h3{
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
    margin-right: 5px;
	margin-bottom: 0px;
}

.RightPart dl{width: 360px;
			 padding-left: 10px;
			 	
		}
.RightPart dt{
	   display: block;
	   border-left: 3px solid #9892E8;
	   border-top:2px solid #9892E8 ;
       border-radius: 4px;
	   font-size:12pt ;
	   margin: 10px 5px 0 5px;
	   padding: 8px 0 5px 5px;
	   color: #E8E8E8;
	   background-position: left;
			}
.RightPart a{color: aliceblue}

.RightPart dd{font-size:10pt ;
	   color:aqua;
	   padding: 0px 0px 0px 5px;
	   margin: 0 0 5px 5px;
		}

 /* #mnSpArea:-----top_17.css--index4---------------*/

#mnSpArea{display: block;
    z-index: 1;
    opacity:1;
	clear:both;
	color: #E8E8E8;
	line-height: ;
	width:388px;
	height: ;
	float: left;
	background-color: rgba(102,102,102,0.10);
	margin-left: 5px;
	margin-top:0px ;
	margin-right:5px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 20px;
}

#mnSpArea:after{content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;}

#mnSpArea ul{margin: 0;
			   padding: 5px 0 5px 0px;
} 
#mnSpArea li{
      float:left;
      list-style-type: none;
      width:188px;
      height:38px;
      margin: 0px 0px 3px 2px; 
      padding:0px;
}

#mnSpArea li a{ /*color:#000;*/
      display: block;
      width: 98%; height:98%; 
      color: #fff;
      text-decoration: none;
      font-size:14px;
      padding:8px 0 0 0;   
      border:0; text-indent: 5%;   
      white-space: nowrap; overflow: hidden; }

#mnSpArea li a:hover { opacity:0.6;
             -webkit-opacity:0.6;}
/*-----------------------------------------*/
  #mnSpArea li.bw0 a{ background: url(../../img_top/mn_200_0.png) no-repeat; background-size:100%; }
  #mnSpArea li.blue1 a{ background:
  url(../../img_top/mn_200_blue1.png)no-repeat; background-size:100%;}
  #mnSpArea li.bw000 a{ background: url(../../img_top/mn_200_000.png) no-repeat; background-size:100%; }
  #mnSpArea li.bw555 a{ background: url(../../img_top/mn_200_555.png) no-repeat; background-size:100%; }
  #mnSpArea li.bw101 a{ background:
  url(../../img_top/mn_200_101.png) no-repeat; background-size:100%;}
/*-----------------------------------------*/  
     
     #mnSpArea li.nikon_lineup a{ background:
     url(../../img_top/mn_200_nik.png)no-repeat; background-size:100%;}
     #mnSpArea li.canon_lineup a{ background:
     url(../../img_top/mn_200_ca.png)no-repeat; background-size:100%;}
     #mnSpArea li.sideFsys a{ background: url(../../img_top/top_side_1.png) no-repeat; background-size:100%;}
     #mnSpArea li.ringFsys a{ background: url(../../img_top/top_ring_1.png) no-repeat; background-size:100%; }  
     #mnSpArea li.sample a{ background: url(../../img_top/mn_sample.jpg) no-repeat; background-size:100%; }
     #mnSpArea li.tokutyou a{ background: url(../../img_top/mn_tokutyou.jpg) no-repeat; background-size:100%; }
     #mnSpArea li.campain a{ background: url(../../img_top/mn_campain.jpg) no-repeat; background-size:100%; }
     #mnSpArea li.tenji a{ background:
     url(../../img_top/mn_tenji.jpg) no-repeat; background-size:100%;}
     #mnSpArea li.attn a{ background: url(../../img_top/mn_attn.jpg) no-repeat; background-size:100%; }
     #mnSpArea li.word a{ background: url(../../img_top/mn_word.jpg) no-repeat; background-size:100%; } 

   

/* Media Queries 
@media screen and max-width: 767px) {
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}}*/

@media screen and (max-width: 500px) { 
	
    header {height:76px ;}
    #logo1 img{height:55px ;margin-top:9px;
    margin-left: 10px;margin-right:0px;}
	#logo2 img{width:160px; height:58px ;margin-top:0px; padding-top: 8px; margin-left:5px; margin-right:5px;}
  .Menu-area{margin-left: 0%;
    margin-top:-20px;}
  .Menu-center li{width:189px;}  
  .mainVis{ margin-top:200px;height:200px;}
  .Main-contents{
    margin-left: 0%;
    margin-top:0px;}
	
}
@media screen and (max-width: 600px) { 
	
}

/* ----New------ page top scroll------
}*/
/***追従するトップへ戻るボタン**
#page-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    background: #fff;
    color: #737373;
    padding: 10px;
    border: solid 1px;
    border-radius: 50%;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
}
<i class="blogicon-hatenablog lg"></i>
/***追従するトップへ戻るボタンここまで***/

#toPagetopArea {
	celar: both;
	width:900px ;
    margin: 10px auto 0 auto;
}
#toPagetopArea a{
		float: left;
		height: 24px;
	}
#toPagetopArea img{
		border: none;
	}

/*----------fo0ter------------------------- */ 	

div#footer {
    position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top:20px ;
	clear: both;
	font-size: 12px;
	background-color: #333;
	color: #fff;
}
#footerArea {
	clear: both;
	max-width:900px;
	margin: 0 auto 200px auto;
    font-size: 14px;
}
div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active{
	color: #fff;
	font-style: normal;
}
div#footer a:hover,
div#footer a:active {
	text-decoration: underline;
}
    div#footerArea p{margin-left: 10px;}

	div#footerArea dl{
		margin-left:10px;
		float: left;
	}
	div#footerArea dt{
		clear: both;
		float: left;
		width: 120px;
		border-bottom: 1px solid #666;
		margin-bottom: 4px;
		padding-right: 15px;
		padding-bottom: 4px;
	}
	div#footerArea dd{
		float: left;
		margin-bottom: 10px;
		padding-bottom: 4px;
		border-bottom: 1px solid #666;

	}
	div#footerArea .company{
		clear: both;
		margin-top: 35px;
		padding-top: 3px;
        
	}


/* ---------- page top scroll------ */
html {
    scroll-behavior: smooth;
}

.pagetop  {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #13788C;
    border: solid 2px #54E1FF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow  {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #3293e7;
    }
}



/* ---------- page top scroll------ */
/*.demo {
	clear: both;
	float:left;
	font-size:9pt ;
	margin-top: 0px;
    margin-left: 5px;
    margin-bottom: 10px;	
}

p.codrops-demos{
	display: block;
	
	padding: 10px 0px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #FE6D1E;
	padding: 4px 10px 3px;
	
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FE6D1E;
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
}
p.codrops-demos a:hover{
	background: #6d0019;
}
p.codrops-demos a:active{
	background: #FE6D1E;
	background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329));
	background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	background: linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #A5727D;
	background: #6d0019;
}--------display: none;----------------------*/

/* button-wrapper-btn3 

/* button-wrapper-btn3-end-------------------------------------------- */