@charset "utf-8";
body {
	background-color: #f7f7f7;
}
header {
}
#load {
	display: none;
}
#header-inner, #container {
	width: 1000px;
	height: auto;
	margin: auto;
}
#header-inner {
}
h1 {
	padding: 30px 0 36px 70px;
}
h2#about {
	width: 1000px;
	height: 180px;
	margin: 0;
	text-align: center;
}
h2#collection {
	width: 1000px;
	height: 140px;
	margin: 0;
	text-align: center;
	background: url(../imgs/collection/collection_back.jpg) no-repeat center center;
}
h3 {
	margin: 0;
}
h2#about img {
	padding: 50px 0 0;
}
h2#collection img {
	padding: 20px 0 0;
}
h3.message,
h3.concept {
	text-align: center;
}
#gnav {
	width: 1000px;
}
#gnav ul li {
	width: 180px;
	height: 30px;
	text-align: center;
	float: left;
}
#gnav ul li img {
	margin: 0 0 8px 0;
}
#gnav ul li.gnav5 img {
	margin: 0 0 6px 0;
}
#gnav ul li.gnav1 {
}
#gnav ul li.gnav2, #gnav ul li.gnav3, #gnav ul li.gnav4, #gnav ul li.gnav5 {
}
nav#menu, .hb-button {
	display: none;
}
#sns-btn, #sns-btn_ft {
	position: relative;
}
#sns-btn ul {
	position: absolute;
	top: -3px;
	right: 0px;
}
#sns-btn ul li {
	margin-right: 55px;
	float: left;
}
#sns-btn_ft ul {
	position: absolute;
	top: -3px;
	right: 0px;
}
#sns-btn_ft ul li {
	margin-right: 55px;
	float: left;
}
.text_box_jpn {
	line-height: 2.4em;
	margin-bottom: 60px;
}
.text_box_eng {
	line-height: 2em;
}
footer {
	padding: 0;
}
.footer-logo {
	float: left;
	width: 350px;
	height: auto;
}
.artist {
	width: 650px;
	float: left;
	line-height: 1.8eem;
}
.artist_name {
	font-size: 1.6em;
}
footer .copyright {
	padding: 40px 0 50px;
	background-color: #f7f7f7;
	text-align: center;
}
.footer-bkgd_color {
	width: 1000px;
	height: auto;
	margin: auto;
	padding: 60px 0 100px;
	color: #ffffff;
	background-color: #9b9891;
}
.logo-footer {
	margin: 95px;
}
.mb1em {
	margin-bottom: 1em;
}
.mb2em {
	margin-bottom: 2em;
}
.mr10 {
	margin-right: 10px;
}
.font-size88 {
	font-size: 88%;
}
.line-1_2 {
	line-height: 1.2em;
}
.news {
	font-family: A1 Mincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 100px 0;
	text-align: center;
}
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: -50px;
	z-index: 9999;
}
#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a:before {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	text-decoration: none;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width:479px) {
img {
	max-width: 100%;
	height: auto;
}
footer {
	padding: 0;
	text-align: start;
}
.artist {
	width: 90%;
	padding: 0 5%;
	font-size: 90%;
}
.artist_name {
	font-size: 1.6em;
}
#sns-btn_ft ul {
	top: 10px;
}
#header-inner, #container {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
h1 {
	text-align: center;
	padding: 5% 0 5%;
}
h2 {
	margin: 0 auto;
}
h1 img {
	width: 26%;
	height: auto;
	padding: 0% 60% 0% 0;
}
h2#about, h2#collection {
	width: 100%;
	height: auto;
	background-size: 100%
}
h3.message {
	margin: 5% 0;
}
h3.concept {
	width: 60%;
	margin: 10% auto;
}
h2#about img {
	width: 25%;
	height: auto;
	padding: 4.5% 0 3.5%;
}
h2#collection img {
	width: 25%;
	height: auto;
	padding: 2% 0;
}
h3.message img {
	max-width: 100%;
	height: auto;
}
nav#gnav {
	display: none;
}
body ul {
	margin: 0;
	padding: 0;
}
nav#menu {
	display: inline;
}
nav#menu a:hover {
	text-decoration: none;
}
#menu ul.hb-menu {
	padding: 5% 5% 15% 8%;
}
#menu ul.hb-menu a {
	color: #000;
}
#menu ul.hb-menu li {
	padding: 0.4em 0;
}
#menu ul.hb-menu li.hb-m-contact {
	padding-bottom: 0.8em;
}
#menu ul li ul.hb-collection {
	padding: 4% 0 2%;
}
#menu ul li ul.hb-collection li {
	text-indent: 0.7em;
	padding: 0.4em;
}
.hb-button {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 10px;
	vertical-align: middle;
}
.btn-hamburger {
	background-color: #f7f7f7;
	border: none;
	outline: none;
	padding: 0;
	position: absolute;
	width: 30px;
	height: 30px;
}
.ac {
	color: #c98f69;
}
#menu-open {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 10px;
}
#menu-open span, #menu-open span:before, #menu-open span:after {
	position: absolute;
	height: 0.5px;
	width: 25px;
	border-radius: 1px;
	background: #333333;
	display: block;
	content: '';
	cursor: pointer;
}
#menu-open span:before {
	bottom: -8px;
}
#menu-open span:after {
	bottom: -16px;
}
#sns-btn {
	display: none;
}
#sns-btn_sp {
}
#sns-btn_sp ul {
}
#sns-btn_sp ul li {
	margin-right: 10px;
	float: left;
}
#sns-btn_ft ul li {
	margin-right: 30px;
}

#sns-btn_ft ul li img {
	width: 100%;
}
.text_box {
	text-align: justify;
	text-justify: inter-ideograph;
}
.text_box_jpn {
	line-height: 2.0em;
}
.text_box_eng {
	line-height: 1.8em;
}
.footer-bkgd_color {
	width: 100%;
	padding: 40px 0 100px;
}
.logo-footer {
	margin: 0 0 40px 1.1em;
}
.footer-logo {
	float: none;
	width: 50%;
}
footer img {
	width: 80%;
}
footer small {
	font-size: 60%;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
}