@charset "utf-8";

.spOnly{display:block !important;}

#Menubtn{
	right:30px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Navi
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#gnav #logo{
	margin-bottom: 40px;
}

#gnav li{
	margin-bottom: 30px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Content
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#content{
	margin: 0 10px;
}

#content img{
	width:100%;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// TOP
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#content.top{
	padding-top: 80px;
	margin: 0;
	text-align: center;
}

#content.top h1{
	width: 141px;
	margin:0 auto 40px;
	position: initial;
    top: 0;
    left: 0;
}
#content.top h1 img {
	width: auto;
}

#content.top #main_img{
	width: 100%;
	margin-bottom: 30px;
	position: initial;
	top: 0;
	left: 0;
	transform: initial;
	height: auto;
}

#content.top li{
	margin-bottom: 20px;
}
#content.top li:last-child{
	margin-bottom: 0;
}
#content.top li img {
	height: auto;
}

#content.top #contentLink{
	display: block;
	padding-bottom: 40px;
}

footer.top {
	display: block;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// about
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// gallery
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#content.gallery img{
	width: 100%;
}
#content.gallery ul{
	width: 100%;
}
#content.gallery ul li{
	margin-bottom: 10px;
}
#content.gallery ul.grid li{
	width: calc(50% - 5px) !important;
	margin-bottom: 10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// stockists
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// contact
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#content.contact h2{
	margin-bottom: 130px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// news
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


#content.news .date{
	font-size:1.6rem;
	font-weight: 100;
}

#content.news .box{
	max-width: 760px;
	margin: 0 auto 50px;
	padding-bottom: 40px;
	display: table;
	border-bottom: solid 1px #e7e7e7;
}
#content.news .box:last-child{
	border-bottom: none;
	margin-bottom: 0;
}

#content.news .date,
#content.news .detail{
	text-align: left;
	display: table-cell;
}

#content.news .date{
	max-width: 160px;
	padding-right: 50px;
	box-sizing: border-box;
}
#content.news .detail{
	font-size:1.2rem;
	max-width: 100%;
	padding-left: 60px;
	border-left:solid 1px #e7e7e7;
	box-sizing: border-box;
}

#content.news .detail img{
	float: right;
	width: 235px;
	margin: 0 0 25px 25px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// news
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


#content.news .box{
	max-width: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	display: block;
}


#content.news .date,
#content.news .detail{
	display: block;
}

#content.news .date{
	max-width: auto;
	padding-right: 0;
}
#content.news .detail{
	font-size:1.2rem;
	max-width: auto;
	padding-left: 0;
	border-left:none;
	box-sizing: border-box;
}

#content.news .detail img{
	float: none;
	width: 100%;
	margin:0 0 15px 0;
}