@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/*font-family: 'EB Garamond', serif;*/



/*
reset
*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 62.5%;
	width:100%;
/*	height:100%;*/
	min-width: 1000px;
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #000;
	line-height: 1.7em;
	vertical-align: baseline;
	letter-spacing: 0.1em;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background-color: transparent;
	font-size: 16px;
/*	height:100%;*/
	
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
/*	padding-top: 100px;*/
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, textarea {
display: block;
}

ul { list-style: none; list-style-position:outside; margin:0; padding:0;  }
ul li { margin:0; padding:0; list-style: none;}
ol { list-style: decimal; list-style-position:inside; }
ol li { margin-bottom:5px;}
li img {
	vertical-align: bottom;
}
div img {
	vertical-align: bottom;
}

caption,th { text-align: left; }
q:before,q:after { content: ''; }
a img,:link img,:visited img {border: none;}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

strong{
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
input, select {
	vertical-align:middle;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ins {
	background-color:#dfdfdf;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#dfdfdf;
	color:#000;
	font-style:italic;
	font-weight: bold;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #dfdfdf;
	margin:1em 0;
	padding:0;

}
/*input[type="button"],input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
	border:none;
	background: #000;
	color:#fff;
	font-size: 14px;
	padding: 10px ;
}
*//* placeholder */
input::-webkit-input-placeholder {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}
input:-moz-placeholder {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}

img{
	margin:0;
	padding:0;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
cursor: pointer;
outline: none;
text-decoration: none;
}
a:link { text-decoration:none; color:#666;}
a:visited { text-decoration: underline; color:#666;}
a:active, a:focus{opacity:0.7; outline:none;}
a:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:#363636;
/*	opacity:0.7;*/
 }

/*________________ ■全体設定 ________________*/





body{
	width: 100%;
	height:100%;
	transition: all 0.3s ease;
}
body.current{
	padding-top: 27px;
	transition: all 0.3s ease;
}

html{
	position:relative;
}


.inner-column{
	width: 1000px;
}

.l-header{
width: 100%;
}

.serif{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.alp_caption{
font-family: 'EB Garamond', serif;
color: #999;

}

.italic{
	font-style:italic;
}

/***********************

loading

***********************/


/*.loading::before {
	content: '';
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	margin:0;
	pointer-events: none;
	background: #efefef;
	animation: loaderAnim .5s ease forwards;
}*/
/*.loading::after {
	content: '';
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	margin:0;
	pointer-events: none;
	background: #efefef;
	animation: loaderAnim_right .5s ease forwards;
}*/

/*@keyframes loaderAnim {
	to {
		transform: translate3d(-100%,0,0);
		opacity:0;
	}
}
*/
@keyframes loaderAnim_right {
	to {
		transform: translate3d(-100%,0,0);
		opacity:0;
	}
}




/***********************

header

***********************/

.l-header{
	padding:;
	height:250px;
}

.title{
	text-align: center;
	font-size: 30px;
	line-height:1;
	position:absolute;
	top:50%;
	margin-top:-50px;
	text-align: center;
	width: 100%;
}

.title span{
	display: block;
	font-size: 16px;
	line-height:1.2em;
}

.main-logo{
	display: block;
	width: 30%;
	height:auto;
margin:0 auto;
	max-width:400px;
}

/***********************

category

***********************/

.l-category{
	position:relative;
	display: block;
	width: 50%;
	float: left;
	height:100%;
	height:100vh;
}

.category__title{
	padding-left: ;
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	margin-bottom: 10px;	
	margin-top:-50px;
	padding-top:90px;
}

.category__title__small{
	padding-left: ;
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	margin-bottom: 10px;	
	margin-top: 0;	
}
/*
.category__title__small.toggle{
	cursor:pointer;
	transition:.5s all ease 0s;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 5px;
}
.category__title__small.toggle::after{
	content:"";
	width: 7px;
	height:7px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	display: inline-block;
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -60%) rotate(45deg);
transition:.5s all ease 0s;
}

.category__title__small.toggle:hover{
	opacity:.5;
}

.category__title__small.toggle:hover::after{
    transform: translate(0, -20%) rotate(45deg);
}
*/

.category__title__small.toggle.is-show::after{
    transform: translate(0, -60%) rotate(225deg);
}

.category__title__small__block{
/*	display: none;*/
}

.category__year{
font-family: 'EB Garamond', serif;
	font-size: 25px;
	position:relative;
	margin-bottom: 10px;
}

.category__year.drop{
	position:relative;
	display: block;
	cursor:pointer;
}


.l-year.active{
	display: block;
}
/***********************

article

***********************/
.l-article{
	background: #fff;
	overflow: hidden;
padding:10px;
	margin-bottom: 20px;
	display: block;
	box-shadow: 0 0 5px #ddd;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content:         flex-start;
	opacity:0;
  transform: translateY(20%);
}
.l-article.is-show{
	opacity:1;
transition:.5s all ease 0s;
  transform: translateY(0);
}
.article__data{
	float: none;
    width: calc(100% - 200px);
	padding-bottom: 20px;
	position:relative;
}
.article__images{
	text-align: left;
	width:200px;
	height:200px;
	margin-right: 10px;
}
.article__images.no-image{
	position:relative;
}
.article__images img{
	width: auto;
	max-height:200px;
	display: block;
}

.article__images img+img{
	margin-top: 20px;
}
.article__images.lateral img{
	max-width:200px;
	height:auto;
}
.article__title{
	font-size: 14px;
	margin-bottom: 10px;
	line-height:1.2em;
	margin-top: 10px;
}
.article__title span.name{
	font-weight: bold;
	font-size: 16px;
	display: block;
	margin: 0 0 10px;
}

.article__detail{
	font-size: 14px;
	color:#666;
	text-align: left;
	line-height:1.6em;
}

.article__detail.Publicity{
	font-size: 14px;
	color:#666;
	text-align: left;
	line-height:1.6em;
	min-height:40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-align-items: center;
	align-items:         center;
}


.article__detail a{
	text-decoration:underline;
	position:relative;
	padding-right: 20px;
}

.article__detail a:after{
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		border-right: 1px solid #666;
		border-top: 1px solid #666;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		font-size: 14px;
}


a.btn_text_link{
	font-family: 'EB Garamond', serif;	
}


p.btn_text_link{
	border:none;
	font-family: 'EB Garamond', serif;	
	display: inline-block;
	border:1px solid #666;
	padding:5px 2px;
	border-radius:15px;
	line-height:1;
}

a.l-text-link {
	background: #000;
	color:#fff;
	font-family: 'EB Garamond', serif;	
	position:absolute;
	bottom:-10px;
	right:-10px;
	padding:0 10px;
	text-decoration:none;
}

a.l-text-link::after{
		display: inline-block;
		width: 6px;
		height: 6px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		font-size: 14px;
}



/*.left-block*/

.layout-block{
	width: 50%;
	min-width:500px;
}

.layout-block.left{
	float: left;
	position:static;
/*	position:fixed;
	left:0;
	top:0;
*/	transition: all 0.3s ease;

}

.layout-block.left.leftbox.fix{
	position:fixed;
	bottom:0;
	left:0;
	transition: all 0.5s ease;
}

.copyright{
	position:fixed;
	left:-105px;
	bottom:135px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 12px;
}

.category-btn{
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 16px;
	position:fixed;
	top:0;
	right:50%;
	cursor:pointer;
}
.category-btn.inner{
	color:#fff;
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 18px;
}

.close-btn{
	background: #fff;
	position:absolute;
	top:0;
	left:0;
	width: 45px;
	height:45px;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.category-btn2{
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 16px;
	position:fixed;
	top:0;
	left:0;
	cursor:pointer;
	color:#fff;
}
.category-btn2.inner{
	color:#fff;
	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 16px;
}

.close-btn2{
	/*	background: #F9F9F9;*/
	border-left: 1px solid #fff;
	position: relative;
	z-index:1000;
	position:absolute;
	right:0;
	top:0;
	width: 27px;
	height:27px;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.l-left-menu{
	position:fixed;
	top:0;
	left:0;
	width: 49.6vw;
	height:100vh;
	background: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	display: none;
}
.left-menu li{
	text-align:right;
}
.left-menu li a{
	color:#fff;
	text-align:right;
	display: block;
	padding-right: 10px;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 24px;
	padding:10px;
	padding-right: 20px;
}
.left-menu li.current a{
	background: #F9F9F9;
	color:#000;
}


.l-left-menu2{
	color:#fff;
	position:fixed;
	top:-27px;
	left:0;
	width: 100vw;
	height:27px;
	background: #000;
	z-index:1000;
	padding:0 50px 0 100px;
/*	display: none;*/
    animation: slideDown .3s ease-out 1s forwards;

}

@keyframes slideDown {
    from {
	top:-27px;
    }
    to {
	top:0px;
    }
}


.left-menu2{
	display: flex;
	border-left: 1px solid #fff;
	justify-content: space-around;
	width: calc(100vw - 165px);
}
.left-menu2 li{
	text-align:right;

}
.left-menu2 li a{
	color:#fff;
	text-align:right;
	display: block;
	padding-right: 10px;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 14px;
	padding:0;
	padding-right: 20px;
	width:100% ;
	display: block;
	text-align: center;
}
.left-menu2 li.current a{
	background: #F9F9F9;
	color:#000;
}

a.contact-btn{
	color:#fff;
	padding:0 30px 0 10px;
	font-family: 'EB Garamond', serif;
	position:fixed;
	bottom:0;
	right:50%;
	background: #000;
	z-index:100;
width:100px;
}


a.contact-btn:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:50%;
	margin-top: -3px;
	right:10px;
	font-size: 14px;
}

a.contact-btn.back{
	left:0;
	right:auto;
}

a.contact-btn.back:before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	position: absolute;
	top:50%;
	margin-top: -3px;
	left:10px;
	font-size: 14px;
}
a.contact-btn.back:after{
	content:"";
	border:none;
}

a.stores-btn{
	color:#fff;
	padding:0 30px 0 10px;
	font-family: 'EB Garamond', serif;
	position:fixed;
	bottom:0;
	right:calc(50% + 105px);
	background: #000;
width:100px;
}


a.stores-btn:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:50%;
	margin-top: -3px;
	right:10px;
	font-size: 14px;
}


.inner-layout{
	position:relative;
	height:100%;
	height:105vh;
	background: #fff;
}

.inner-layout .title img{
	display: block;
	position:relative;
	position:absolute;
top:0;
bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	transition: all .4s ease;
transform: translateY(0);
}

.inner-layout .title.fix img{
	display: block;
	position:relative;
	transition: all .4s ease;
transform: translateY(-100%);
}



.layout-block.right{
	width: 50%;
	margin: 0;
	position:absolute;
	left: 50%;
	height: auto;
	overflow: hidden;
	background: rgba(239,239,239,.4);
}

.l-about{
	padding:45px 45px 60px 45px;
	padding: 0 45px 60px;
	transition: all 0.3s ease;
}

.l-about.fix{
/*	bottom:0;*/
	transition: all 0.3s ease;
transform: translateY(0);
position:fixed;
top:0;
left:0;
}

.l-about-name{
	margin-bottom: 10px;

}
.about-name{
/*	border-bottom: 2px solid #000;*/
	padding-bottom: 0;
}

.about-caption{
	font-size: 12px;
}

.about-text{
	font-size: 14px;
	margin-bottom: 10px;
	color:#333;
line-height: 2em;
}

.about-text.name{
font-size: 110%;
margin-top:25px;
padding-top: 20px;
position: relative;
font-family: 'EB Garamond', serif;
}
.about-text.name::before{
	content:"";
	width: 20px;
	height:1px;
	display: inline-block;
	background: #000;
	position: absolute;
	top:0;
	left:0;
}

/*.about-text.japanese + .about-text.english{
	margin-top: 40px;
}*/


.inner-right{
	padding:27px 40px 40px 40px;
}
/**/

.follow {
	display: none;
}


/***********
form-settings
***********/
html{
	height:100%;
}

body.contact{
	background: #fff;
	position:relative;
	height:100%;
	padding:4%;
}

body.contact .container{
	height:100%;
	padding-bottom: 40px;
	width: 60%;
	margin:0 auto;
}

h1.page-header{
	text-align: center;
	font-family: 'EB Garamond', serif;
	font-size: 25px;
}

.col-sm-3{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
}

.Confirmation_name{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	padding-right: 20px;
}

.page-content{
	background: #fff;
	width: 100%;
	padding:20px;
	min-height:750px;
	position:relative;
}

.form-control{
	width: 100%;
	height:40px;
	font-size: 20px;
}

textarea.form-control{
	height:200px;
}

.form-group{
	margin-bottom: 5%;
}

span.red{
	color:#f00;
}

a.btn-toppage{
	position:absolute;
	left:0;
	bottom:0;
	background: #000;
	color:#fff;
	display: block;
	font-family: 'EB Garamond', serif;

}

.form-horizontal{
	min-height:560px;
}

.error{
	font-size: 12px;
}

/***************************************************

responsive_settings

***************************************************/

@media screen and (min-width: 768px) and (max-width: 1000px){
	.l-left-menu{
		width: 500px;
	}
}


@media screen and (max-width: 768px) {
.inner-layout .title img{
	display: block;
	position:static;
top:auto;
bottom:auto;
	left:auto;
	right:auto;
	margin:auto;
	transition: all .4s ease;
}

.inner-layout .title.fix img{
	display: block;
	position:relative;
	transition: all .4s ease;
	margin-top: 0;
}


	.l-left-menu{
		width: 100vw;
	}
.category-btn{
	position:fixed;
	top:0;
	right:0;
	color:#000;
	z-index:100000;
}
.left-menu li a{
	color:#fff;
	text-align:right;
	display: block;
	padding-right: 10px;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 24px;
	padding:10px;
	padding-right: 20px;
}

.close-btn2{
	display: flex;
	right:auto;
	left:100px;
}


html{
	min-width:0;
}

.loading::before {
	content: '';
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin:0;
	pointer-events: none;
	background: none;
	animation: none;
}
.loading::after {
	content: '';
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin:0;
	pointer-events: none;
	background: none;
	animation: none;
}

@keyframes loaderAnim {
	to {
		transform: translate3d(0,0,0);
		opacity:0;
	}
}

@keyframes loaderAnim_right {
	to {
		transform: translate3d(0,0,0);
		opacity:0;
	}
}




/***********************

header

***********************/



.l-header{
	padding:;
	height:250px;
}

.title{
	text-align: center;
	font-size: 30px;
	line-height:1;
	position:absolute;
	top:50%;
	margin-top:-25px;
	text-align: center;
	width: 100%;
}

.title span{
	display: block;
	font-size: 16px;
	line-height:1.2em;
}

.main-logo{
	display: block;
	width: 30%;
	height:auto;
margin:0 auto;
	max-width:400px;
}

/***********************

category

***********************/

.l-category{
	position:relative;
	display: block;
	width: 100%;
	float: none;
	height:auto;
}


.category__title{
	padding-left: ;
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	margin-bottom: 10px;	
}

.category__title__small{
	padding-left: ;
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	margin-bottom: 10px;	
	margin-top: -5px;	
}

.category__year{
font-family: 'EB Garamond', serif;
	font-size: 25px;
	position:relative;
}

.category__year.drop{
	position:relative;
	display: block;
	cursor:pointer;
}

.category__year.drop:hover{
	background: #fff;
}

.l-year{
	display: block;
}

.l-year.active{
	display: block;
}



/***********************

article

***********************/

.article__data{
	float: none;
    width: calc(100% - 120px);
}

.article__images{
	text-align: left;
	float: left;
	width: 120px;
	min-height: 120px;
	margin-right: 10px;
}

.article__images img{
	width: auto;
	max-height:120px;
}

.article__images img+img{
	margin-top: 20px;
}

.article__images.lateral img{
	max-width:120px;
	height:auto;
}

/*.left-block*/

.layout-block{
	width: 100%;
	min-width:0;
}
.layout-block.left{
/*	float: left;*/
	position:static;
/*	text-indent: -9999px;
*//*	-webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,.1);
	-moz-box-shadow: 8px 0px 8px -1px rgba(0,0,0,.1);
	box-shadow: 8px 0px 8px -1px rgba(0,0,0,.1);*/
/*	position:relative;*/
	position:static;
}

/*#leftbox.fixed{
	position:static;
	top:auto;
	left:auto;
}*/

.layout-block.left.leftbox.fix{
	position:static;
	bottom:auto;
	left:auto;
	transition: all 0.5s ease;
}

.copyright{
	position:fixed;
	left:-100px;
	bottom:120px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	font-size: 12px;
}

a.contact-btn{
	color:#fff;
	padding:0 30px;
	font-family: 'EB Garamond', serif;
	position:fixed;
	bottom:0;
	right:0;
	background: #000;
text-indent:10px;
text-align: left;
padding-left: 0;
}

a.stores-btn{
	color:#fff;
	padding:0 30px;
	font-family: 'EB Garamond', serif;
	position:fixed;
	bottom:0;
	right:105px;
	background: #000;
text-indent:10px;
z-index:10;
padding-left: 0;
}


.inner-layout{
	position:relative;
	height:95%;
	height:95vh;
	background: #fff;
}

.layout-block.right{
	width: 100%;
	margin: 0;
	position:static;
	left: 100%;
	height: auto;
	overflow: hidden;
	background: rgba(239,239,239,.4);
}

.l-about{
	background: #fff;
	padding:15px 45px;
	min-height:0;
	position:static;
	height:auto;
transform: translateY(0);
padding-top: 40px;
}

/***********
form-settings
***********/
body.contact .container{
	height:100%;
	padding-bottom: 40px;
	width: 80%;
	margin:0 auto;
}

.category-btn2.inner{
	background: #000;
}
.l-left-menu2{
	height:auto;
	display: none;
}
.left-menu2{
padding-top: 30px;
	flex-direction: column;
	border-left: none;
}

.left-menu2 li a{
	font-size: 14px;
}

.category__title{
	padding-left: ;
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	margin-bottom: 10px;	
	margin-top:-300px;
	padding-top:350px;
}

p.category-btn2{
	color:#fff;
	cursor:pointer;
	background: #000;
	text-indent:10px;
	top:0;
	left:-5px;
	background: #000;
	padding-right: 20px;
	z-index:100;
	width: 100%;
	display: inline-block;
}

}