@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Rozha+One&subset=devanagari,latin-ext');
html {
  height: 100%;
  overflow-x:hidden;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
}
h2{
	font-family:'Rozha One', serif;
	letter-spacing:-1px;
	}
@media (max-width: 767px) {
	h2{
	letter-spacing:-1px;
	}
}
button{
	font-family: 'Poppins', sans-serif;
	}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

.toppage-mv{
	opacity: 0;
	-webkit-transition-duration: 2s;  
    -webkit-transition-timing-function: linear;  
}
.toppage-mv-active{
	opacity: 1.0;
}

.header {
  width: 100%;
  text-align: center;
  font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:2px;
  background:#fff;
  position:fixed;
  z-index:1;
  height:70px;
  top:0;
}


.gnavi{
	display:block;
	}

.container{
	padding:0 0 0 0;
	}
.container .toppage_contents h2{
	font-size:29px;
	line-height:1.4;
	font-family: Helvetica, Arial,  "sans-serif";
	font-weight: 600;
	padding:0 0 5% 0;
	}
@media screen and (min-width: 768px){
.container .toppage_contents h2{
	padding:0 0 50px 0;
	}
}
		
.container .toppage_contents h2 span{
	font-size:13px;
	line-height:1.4;
	display:block;
	font-weight: 200;
	}
.container .toppage_contents p{
	font-size:13px;
	line-height:1.7;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	}


/*--------------------------------------------------------
drawer
--------------------------------------------------------*/	
ul.drawer-menu {
  margin: 0;
  padding:70px 0 20px 0;
  list-style: none;
  background: #fff;
}
ul.drawer-menu li {
		display: block;
		color:#000;
		text-align:center;
		text-decoration: none;
		font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing:2px;
	}
	ul.drawer-menu li a {
		display: block;
		padding: 20px 0 20px;
		color:#000;
		font-size:14px;
	}
	ul.drawer-menu li a:hover{
		color:#000;
		}

.toppage-box h2{
	text-align:center;
	}
	
.title_wrap p{
	text-align:center;
	}


/*toppage fv*/
.toppage_contents .fv{
	position:relative;
	color:#fff;
	}
	.toppage .fv .contents{
		width:100%;
		margin:0 auto;
		padding:10px 0;
		}

/*toppage about*/
.toppage .news{
	}	
/*toppage about*/
.toppage .about{ 
	}
/*toppage_contents*/
.toppage_contents .fv{
	position:relative;
	width:100%;
	}
	.toppage_contents .fv .contents{
		position:relative;
		max-width:1200px;
		margin:0 auto;
		}

/*toppage news*/
.toppage .news{
	}
	.toppage .news .contents{
		position:relative;
		margin:0 auto;
		}
	.toppage .news .contents_in{
		margin:5% auto 0 auto;
		}
	.toppage .news .contents .img{
		width:100%;
		}
		.toppage .news .contents .text p{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:12px;
			}
@media (max-width: 767px) {
	.toppage .news .contents{
		position:relative;
		margin:0 auto;
		}
	.toppage .news .contents .text{
		margin:5% 0 0 0;
		}
}
@media screen and (min-width: 768px){
.toppage .news{
	}
	.toppage .news .contents{
		position:relative;
		max-width:980px;
		margin:0 auto;
		}
	.toppage .news .contents_in{
		max-width:750px;
		margin:55px auto 0 auto;
		}
	.toppage .news .contents .img{
		max-width:420px;
		float:left;
		}
		.toppage .news .contents .text{
		max-width:390px;
		float:left;
		padding:0 0 50px 0;
		margin:0 0 0 40px;
		}
		.toppage .news .contents .text p{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:12px;
			}
}
			
/*toppage about*/
.toppage .about{
	}
	.toppage .about .contents{
		position:relative;
		width:100%;
		max-width:980px;
		margin:0 auto;
		padding:20px 0;
		}
	.toppage .about .contents .contents_in {
			max-width:810px;
			margin:0 auto;
			}
	.toppage .about .contents .img{
		margin:0 auto;
		padding:50px 0 0 0;
		}
		.toppage .about .contents .info{
			margin:50px 0 0 0;
			}
		.toppage .about .contents h3{
			font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			text-align:center;
			font-size:16px;
			letter-spacing:2px;
			font-weight:500;
			}	
			.toppage .about .contents .info h4{
				font-family:'Rozha One', serif;
				text-align:center;
				letter-spacing:3px;
				padding:25px 0 10px 0;
				font-size:36px;
				line-height:1.0;
				}
			.toppage .about .contents .info p{
				padding:20px 0 10px 0;
				font-size:13px;
				text-align:center;
				line-height:1.7;
				}	
	@media (max-width: 767px) {
		.toppage .about .title_wrap p{
			font-size:12px;
				line-height:2.0;
				text-align:left;
		}
		.toppage .about .contents .img{
		padding:5% 0 0 0;
		}
		.toppage .about .contents .info{
			margin:8% 0 0 0;
			}
		.toppage .about .contents .info h3{
			font-size:14px;
			letter-spacing:1px;
			}	
			.toppage .about .contents .info h4{
				font-size:22px;
				line-height:1.0;
				letter-spacing:1px;
				}
			.toppage .about .contents .info p{
				font-size:13px;
				line-height:1.7;
				text-align:left;
				}
	}
	@media (max-width: 480px) {
		.toppage .about .contents .info h3{
			font-size:10px;
			}
	}
	@media (max-width: 320px) {
		.toppage .about .contents .info h3{
			font-size:8px;
			}
	}
	
	
/*toppage collection*/
.toppage .collection{
	}
	.toppage .collection .contents_in{
		text-align:center;
		width:100%;
		}
		.toppage .collection .contents_in .info{
			font-size:15px;
			margin:10px 0 0 0;
			}
		
		.toppage .collection .contents_in .info h3{
				/*font-family:'Rozha One',"Times New Roman", Times, serif;
				font-weight: 400;
				letter-spacing:2px;*/
				display:none;
			}
		.toppage .collection .contents_in .info .item .name,.toppage .collection .contents_in .info .item .comingsoon{
				font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing:2px;
				font-weight:600;
				}
		.toppage .collection .contents_in .info .item .price{
				font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing:1px;
				font-weight:400;
		}
		@media (max-width: 767px) {
			.toppage .collection .contents_in .info h3{
				letter-spacing:1px;
				}
			.toppage .collection .contents_in .info .item .name{
					letter-spacing:1px;
					}
			.toppage .collection .contents_in .info .item .price{
					letter-spacing:0.5px;
			}
		}
		
		/* スライダー処理 */
		.toppage .slider{
			margin:0 auto 0 auto;
			padding:0;
			width:100%;
			}
		@media screen and (min-width: 768px) and (max-width: 979px)  {
			.toppage .collection .contents_in{
				text-align:center;
				width:90%;
				margin:0 auto;
			}
			.toppage .collection .contents_in .img img{
				width:100%;
				}
			.toppage .collection .contents_in .img{
			float:left;
			width:45%;
			}
			.toppage .collection .contents_in .info{
				float:left;
				width:45%;
				margin:0 0 0 40px;
				}
				.toppage .collection .info{
					font-size:15px;
					margin:10px 0 0 0;
					}
			.slick-dots{
				bottom:-40px;
			}
		}
		@media screen and (min-width: 768px){
			.toppage .collection .contents_in .info{
				text-align:left;
				}
			/*.toppage .collection .contents_in .info h3{
				text-align:left;
				font-size:30px;
				padding:80px 0 0 0;
				}*/
			.toppage .collection .contents_in .info .item .name{
				padding:200px 0 0 0;
				}
			.toppage .collection .contents_in .info .item .comingsoon{
				padding:50px 0 0 0;
				}
			}
		@media (max-width: 767px) {
			.toppage .collection{
				padding:0 0 12% 0;
				}
			.toppage .collection .contents_in{
				text-align:center;
				width:80%;
				margin:0 auto;
			}
			.toppage .collection .contents_in img{
				width:100%;
				}
			.toppage .collection .contents_in .info h3{
				padding:5% 0 0 0;
				}
			.toppage .collection .contents_in .info .item .name{
				padding:5% 0 0 0;
				}
			.toppage .collection .contents_in .info .item .price{
				padding:3% 0 0 0;
				}
		}
		@media screen and (min-width: 980px){
		/*toppage collection*/
		.toppage .collection{
			padding:100px 0 0 0;
			}
			.toppage .collection .contents{
				position:relative;
				max-width:980px;
				margin:0 auto;
				}
			.toppage .slider .slick-slider ul{
				margin:0;
				padding:0;
				}
			.toppage .collection .contents_in {
					margin:0 0 0 0;
					}
			.toppage .slider {
				  width: 980px;
				  margin:0 auto 0 auto;
			  }
			 .toppage .collection .contents_in .img{
				float:left;
				width:460px;
				}
			.toppage .collection .contents_in .info{
				float:left;
				width:390px;
				margin:0 0 0 60px;
				}
				.toppage .collection .info{
					font-size:15px;
					margin:10px 0 0 0;
					}
			.slick-dots{
				bottom:-40px;
			}
		}
						
/*toppage_iconbags items*/
.toppage_contents .items .name{
				font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing:2px;
				font-weight:600;
				margin:3% 0 0 0;
		}
		.toppage_contents .items .price{
				font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				letter-spacing:1px;
				font-weight:400;
				margin:3% 0 0 0;
		}
		@media (max-width: 767px) {
		.toppage_contents .items .name{
				letter-spacing:1px;
		}
		.toppage_contents .items .price{
				letter-spacing:0.5px;
		}
		}
		
.toppage_contents .iconbags{
	position:relative;
	width:100%;
	background-size:cover;
	}
	.toppage_contents .iconbags .contents{
		position:relative;
		max-width:980px;
		margin:0 auto;
		}
		.toppage_contents .iconbags .contents .contents_in{
			max-width:980px;
			}
		.toppage_contents .iconbags .contents .contents_in ul li{
			float:left;
			max-width:460px;
			width:50%;
			margin:0 0 60px 0;
		}
		.toppage_contents .iconbags .contents .contents_in ul li:nth-child(odd){
			float:right;
		}
		.toppage_contents .iconbags .contents .contents_in ul li img{
			width:100%;
			}
		@media screen and (max-width: 979px){
		.toppage_contents .iconbags .contents .contents_in{
			width:95%;
			margin:0 auto;
			}
		.toppage_contents .iconbags .contents .contents_in ul li{
			margin:0 2.5% 5% 2.5%;
			width:45%;
		}
		.toppage_contents .iconbags .contents .contents_in ul li img{
			width:100%;
			}
		}
		

/*toppage items felicia bags & metallicbags*/
.toppage_contents .items{
	position:relative;
	}
	.toppage .items .contents{
			padding:20px 0;
			}
		.toppage .items .more{
			width:300px;
			margin:5% auto 0 auto;
			text-align:center;
			line-height:1.0;
			font-size:12px;
			font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			letter-spacing:1px;
			font-weight:400;
			}
		.toppage .items .more span{
			display:block;
			border:1px solid #000;
			padding:8px 10px;
			transition-duration:1s;
			}
		.toppage .items .more span:hover{
			color:#aaa;
			border:1px solid #aaa;
		}
		@media (max-width: 767px) {
		.toppage .items .more{
			width:70%;
			margin:5% auto 5% auto;
			line-height:0.5;
			}
		}
		
		
	.toppage_contents .items .contents{
		position:relative;
		max-width:980px;
		margin:0 auto;
		}
		.toppage_contents .items .contents .contents_in{
			}
			.toppage_contents .items .contents .contents_in h2{

				}
		.toppage_contents .items .contents .contents_in ul li{
			float:left;
			text-align:center;
			}
		@media screen and (min-width: 768px){
			.toppage .feliciabag{
				padding:60px 0 0 0;
				}
			.toppage .items .contents h2{
				padding:10px 0 10px 0;
				}
			.toppage .items .contents h3{
				padding:20px 0 0 0;
				}
			.toppage .items .contents{
				padding:0 0;
			}
			.toppage_contents .items .contents .contents_in ul li{
				max-width:230px;
				width:23.4%;
				margin:0.8% 0.8% 0.8% 0.8%;
			}
		}
		@media screen and (max-width: 769px){
		.toppage_contents .items .contents .contents_in{
			width:95%;
			margin:0 auto;
			}
		.toppage_contents .items .contents .contents_in ul li{
			margin:0 2.5% 5% 2.5%;
			width:45%;
		}
		.toppage_contents .items .contents .contents_in ul li img{
			width:100%;
			}
		}


/*toppage iconbags*/
.toppage_contents .iconbags{
	position:relative;
	}
	.toppage .iconbags .contents{
		width:100%;
		margin:0 auto;
		padding:0 0;
		}
		.toppage .iconbags .contents h2{
			padding:10px 0 10px 0;
			}
		.toppage .iconbags .contents h3{
			padding:20px 0 0 0;
			}

/*toppage shoplist*/
.toppage .shoplist{
	}
	.toppage .shoplist .contents{
		position:relative;
		margin:0 auto;
		}
	.toppage .shoplist .contents_in{
		margin:5% auto 5% auto;
		}
	.toppage .shoplist .contents .img{
		width:100%;
		}
		.toppage .shoplist .contents .text p{
			font-size:12px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}
		.toppage .shoplist .contents .text{
			width:100%;
			}
		.toppage .shoplist .contents .text p.open{
			width:50%;
			float:left;
			margin:10px 0 0 0;
			}
		.toppage .shoplist .contents .info p.map{
			margin:18px 0 0 0;
			width:60px;
			float:right;
			line-height:1.0;
			font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}
		.toppage .shoplist .contents .text p.map a{
			text-align:center;
			padding:5px 5px;
			display:block;
			border:1px solid #000;
			}
@media (max-width: 767px) {
	.toppage .shoplist .contents{
		position:relative;
		margin:0 auto;
		}
	.toppage .shoplist .contents .text{
		margin:5% 0 0 0;
		}
	.toppage .shoplist .contents .text p.map{
			margin:5% 0 5% 0;
			}
}
@media screen and (min-width: 768px){
.toppage .shoplist{
	}
	.toppage .shoplist .contents{
		position:relative;
		max-width:980px;
		margin:0 auto;
		}
	.toppage .shoplist .contents_in{
		max-width:700px;
		margin:55px auto 0 auto;
		}
	.toppage .shoplist .contents_in:first-child{
		margin:15px auto 0 auto;
		}
	.toppage .shoplist .contents .img{
		max-width:320px;
		float:left;
		}
		.toppage .shoplist .contents .text{
		max-width:320px;
		float:left;
		padding:0 0 50px 0;
		margin:0 0 0 40px;
		}
		.toppage .shoplist .contents .text p{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:12px;
			}
}
	
.footer {
  margin:0;
  padding:0;
  width: 100%;
  text-align: center;
  font-weight:500;
  font-family:'Poppins',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:2px;
}
@media (max-width: 767px) {
		.footer {
			 letter-spacing:1px;
			}
		}
.footer address{
	margin:10% 0 5% 0;
	font-style:normal;
	font-weight:400;
	font-size:9px;
	}
@media screen and (min-width: 768px){
	.footer address{
	margin:10px 0 10px 0;
	font-style:normal;
	font-weight:400;
	font-size:11px;
	}
	}

@media (max-width: 767px) { 
.sp{display:block;}
.pc{display:none;}

.header_in{
		/*width:204.5px;
		margin:0 auto;
		text-align:center;*/
		}
	.header_in .logo {
		  padding:12px 0 0 0;
		}
		.header_in .logo img{
		  width:175px;
		  margin:0 auto;
		  text-align:center;
		}

.toppage-box{
	position:relative;
	width:90.666%;
	margin:0 auto;
	padding:8% 0 0 0;
	}
	.collection{
		width:100%;
		}
				
/*fv*/
.toppage_contents .fv{
	width:90.666%;
	margin:0 auto;
	}
	.toppage_contents .fv img{
		width:100%;
		}
	
/*iconbags*/
.toppage_contents .iconbags{
	padding-top:0%;
	}
	.toppage_contents .iconbags h2{
		margin-top:5%;
		}
	.toppage_contents .iconbags .contents .contents_in{
			width:95%;
			margin:0 auto;
			}
		.toppage_contents .iconbags .contents .contents_in ul li{
			margin:0 2.5% 5% 2.5%;
			width:45%;
		}
		

/*toppage felicia bags*/
.toppage_contents .items{
	padding-top:0%;
	}
	.toppage_contents .items h2{
		margin-top:5%;
		}

}

@media screen and (min-width: 768px){
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
.sp{display:none;}
.pc{display:block;}

.container .toppage_contents h2{
	font-size:42px;
	line-height:1.5;
	}
	
.header{
	width:100%;
	height:100px;
	overflow:visible;
	background:#fff;
	z-index:9999;
	text-align:left;
	}
	.fixed .header{
		top:0;
		position:fixed;
		height:100px;
		}
	.header_in{
		max-width:980px;
		margin:0 auto;
		}
		.header_in .logo{
			text-align:center;
			margin:0 auto;
			width:300px;
			padding:54px 0 0 0;
			}
		.fixed .header_in .logo{
			width:200px;
			margin:0 auto;
			transition: 0.3s;
			padding:20px 0 0 0;
			}
		.header_in ul{
			max-width:980px;
			margin:0 auto;
			padding:50px 0 0 0;
			text-align:center;
			}
			.fixed .header_in ul{
			padding:20px 0 0 0;
			}
			.header_in .gnavi ul li{
				display: inline;
				text-align:center;
				font-size:12px;
				margin:0 20px;
				font-weight:500;
			}
			.header_in .gnavi ul li a{
			  position: relative;
			  display: inline-block;
			}
			.header_in .gnavi ul li a:before,
			.header_in .gnavi ul li a:after{
			  position: absolute;
			  top: 1.3em;
			  content: "";
			  display: inline-block;
			  width: 0;
			  height: 1px; 
			  background: #000;
			  transition: 0.3s;
			}
			.header_in .gnavi ul li a:before{
			  left: 50%;
			}
			
			.header_in .gnavi ul li a:after{
			  right: 50%;
			}
			.header_in .gnavi ul li a:hover:before,
			.header_in .gnavi ul li a:hover:after{
			  width: 50%;
			}

.container{
	padding:220px 0 0 0;
	}
	.fixed .container{
	padding:100px 0 0 0;
	}

.toppage-box{
	max-width:980px;
	margin:0 auto;
	padding:45px 0 0 0;
	}
	
/*toppage_contents*/
.toppage_contents .fv{
	position:relative;
	width:100%;
	}
	.toppage_contents .fv .contents{
		position:relative;
		max-width:1200px;
		margin:0 auto;
		}

.footer {
  margin:0;
  padding:0;
  width: 100%;
  text-align: center;
}

.footer .fnavi{
	margin:120px 0 80px 0;
	}
.footer .fnavi ul{
		max-width:980px;
		margin:0 auto;
		padding:20px 0 0 0;
		}
		.footer .fnavi ul li{
			display: inline;
			text-align:center;
			font-size:12px;
			margin:0 20px;
			font-weight:500;
		}
		.footer .fnavi ul li a{
			position: relative;
			display:inline;
			padding:0;
			color:#000;
		}
		.footer .fnavi ul li a:hover,
		.footer .fnavi ul li a:focus {
			outline: none;
			color:#666;
			text-decoration:none;
			transition: 0.3s ease-in-out;  
		}	

}