@charset "utf-8";
/* CSS Document */

/*--------------------------------------
	基本設定
----------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
a:link {
	text-decoration: none;
}
li {
	list-style: none;
}
p {
	text-align: justify;
	color: #333;
	line-height: 1.5em;
}

/*--------------------------------------
	SP
----------------------------------------*/
@media only screen and (max-width:999px) {
	/*--------------------
		BASE
	--------------------*/
	body {
		background: url(../img/common/base.png) no-repeat center bottom;
		background-size: cover;
	}
	#nav-switchers, .pc {
		display: none;
	}
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: rgba(0,0,0,0.9)
	}

	/*--------------------
		HEADER
	--------------------*/
	.header-box01 {
		position: relative;
		height: 80px;
		background: rgba(0,0,0,0.8);
		z-index: 999;
	}
	.header-box01 h1 {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -111.5px;
	}
	.scroll {
		position: absolute;
		top: 83%;
		left: 50%;
		margin-left: -33px;
		z-index: 999;
	}
		
	/* fullSlideShow
	--------------------------- */
	.fullSlideShow {
		width: 100%;
		height: 100vh;
		background: #000;
		text-align: left;
		position: relative;
		overflow: hidden;
		margin-top: -80px;
	}
	.fullSlideShow ul {
		top: 50%;
		left: 50%;
		width: 100%;
		position: absolute; /* absolute or fixed */
		overflow: hidden;
	}
	.fullSlideShow ul li {
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		position: absolute;
		pointer-events: none;
	}
	.fullSlideShow ul li img {
		width: 100%;
	}
	
	/* PagiNation
	--------------------------- */
	.pagiNation {
		bottom: 30px;
		left: 0;
		width: 100%;
		height: 15px;
		text-align: center;
		position: absolute; /* absolute or fixed */
		top: 57px;
		z-index: 1000; /* 非表示にする場合は「90」以下に */
		visibility: visible; /* 非表示にする場合は「hidden」に */
	}
	
	.pagiNation a {
		margin: 0 5px;
		width: 10px;
		height: 9px;
		display: inline-block;
		overflow: hidden;
		background: url(../img/top/star.png);
	}
	.pagiNation a.pnActive {
		filter:alpha(opacity=100)!important;
		-moz-opacity: 1!important;
		opacity: 1!important;
	}
	
		
	/*--------------------
		NAVIGATION
	--------------------*/
	#global-navi {
		height: 40px;
		background: rgba(0,0,0,0.9);
		padding: 10px 0;
	}
	.gnav-box01 {
		position: relative;
		z-index: 999;
	}
	.gnav-box01 h1 a {
		display: block;
		width: 223px;
		height: 40px;
		margin: 0 auto;
	}
	label img {
		position: absolute;
		top: 7.5px;
		right: 2%;
	}
	.gnav-box01 ul {
		width: 100%;
		background: rgba(0,0,0,0.9);
		opacity: 0.95;
		margin-top: 10px;
	}
	.gnav-box01 ul li img {
		margin: 14px auto;
	}
	.gnav-box01 ul li .sns-icon {
		margin: 7px auto;
	}
	.gnav-box01 ul li .ec-icon {
		margin: 4.5px auto;
	}
	.gnav-box01 li a {
		display: block;
		height: 0;
		overflow: hidden;
		text-align: center;
		-webkit-transition: all ease-out 0.2s;
		-moz-transition: all ease-out 0.2s;
		transition: all ease-out 0.2s;
	}
	#nav-switchers:checked + ul li a {
		height: 40px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
		
	/*--------------------
		FASHION-ISLAND
	--------------------*/
	.fashion-island {
		background: #fff;
		padding: 80px 10px 70px;
	}
	.fashion-island h2 img {
		margin: 0 auto 30px;
	}
	.fashion-island p {
		text-align: center;
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 0.1em;
	}
		
	/*--------------------
		PARALLAX
	--------------------*/
	.parallax {
		height: 300px;
		background:	url(../img/top/para.png) no-repeat center center;
		background-size: cover;
	}

	/*--------------------
		WHAT'S NEW
	--------------------*/
	.news {
		background: #fff;
		padding: 80px 10px;
	}
	.news h2 img{
		margin: 0 auto 30px;
	}
	.news ul {
		max-width: 580px;
		margin: 0 auto;
	}
	.news li {
		height: 35px;
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 0.1em;
		overflow: hidden;
	}
	.news li a {
		color: #000;
		text-decoration: underline;
	}
	.news .date {
		font-weight: bold;
		letter-spacing: -0.001em;
		margin-right: 10px;
	}
	.all-view a {
		display: block;
		width: 150px;
		margin: 23px auto 0;
	}

	/*--------------------
		CONTENTS
	--------------------*/
	.contents {
		background: #fff url(../img/common/bg.png) no-repeat center center;
		background-size: cover;
		padding: 40px 2%;
		margin: 60px 2%;
	}
	
	/*--------------------
		BRANDS
	--------------------*/
	.brands {
		position: relative;
		margin-bottom: 40px;
	}
	.brands h2 img {
		margin: 0 auto;
	}
	.brands .line {
		position: absolute;
		top: 27px;
		left: 50%;
	}
	.brands ul {
		margin: 30px 0;
	}
	.brands li {
		float: left;
		width: 48%;
		margin-bottom: 4%;
		background: #fff;
	}
	.brands li:nth-child(odd) {
		margin-right: 4%
	}
	.brands li img {
		margin: 0 auto;
	}

	/*--------------------
		CATEGORY
	--------------------*/
	.category {
		position: relative;
		margin-bottom: 40px;
	}
	.category h2 img {
		margin: 0 auto;
	}
	.category .line {
		position: absolute;
		top: 27px;
		left: 50%;
	}
	.category ul {
		margin: 30px 0;
	}
	.category li {
		float: left;
		width: 48%;
		margin-bottom: 4%;
		background: rgba(0,0,0,0.7);
	}
	.category li:nth-child(odd) {
		margin-right: 4%
	}
	.category li img {
		margin: 0 auto;
	}

	/*--------------------
		INFORMATION
	--------------------*/
	.information {
		position: relative;
	}
	.information h2 img {
		margin: 0 auto;
	}
	.information .line {
		position: absolute;
		top: 27px;
		left: 50%;
	}
	.info-box01 {
		margin: 30px auto 0;
	}
	.fb {
		max-width: 400px;
		height: 300px;
		background: #fff;
		margin: 0 auto 30px;
	}
	.blog {
		max-width: 400px;
		height: 300px;
		background: url(../img/top/blog_base.png) no-repeat center center;
		background-size: cover;
		margin: 0 auto;
	}
	.blog h3 img {
		padding-top: 30px;
		margin: 0 auto 30px;
	}
	.blog ul {
		margin: 0 2%;
	}
	.blog li {
		height: 40px;
		color: #fff;
		font-size: 14px;
		line-height: 40px;
		letter-spacing: 0.1em;
		overflow: hidden;
	}
	.blog li a {
		color: #fff;
		text-decoration: underline;
	}
	.blog .date {
		font-weight: bold;
		letter-spacing: -0.001em;
		margin-right: 10px;
	}
	.insta {
		margin: 30px auto;
	}
	.insta div {
		background: #000;
	}
	.map {
		margin: 0 auto;
		 -webkit-filter: grayscale(100%);
		 -moz-filter: grayscale(100%);
		 filter: grayscale(100%);
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		background: #000;
	}
	.footer-box01 {
		margin: 0 auto;
		position: relative;
	}
	.footer-left {
		position: absolute;
		top: 30px;
		left: 15%;
	}
	.footer-left img {
		margin: 0 auto;
	}
	.footer-left ul {
		margin-top: 10px;
	}
	.footer-left li {
		text-align: center;
		font-size: 14px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}
	.footer-left li a {
		color: #fff;
		text-decoration: underline;
	}
	.footer-center {
		margin: 200px 2% 0;
	}
	.logo img {
		margin: 40px auto;
	}
	.footer-center p {
		color: #ccc;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.info-img {
		margin: 20px auto;
	}
	.footer-center ul {
		width: 270px;
		margin: 0 auto 20px;
	}
	.footer-center li {
		float: left;
		margin: 0 7.5px;
	}
	.footer-right {
		position: absolute;
		top: 34px;
		right: 15%;
		margin-right: 30.1px;
	}
	.footer-right a {
		display: block;
		width: 50px;
		height: 128px;
	}
	/* .copy img {
		padding: 15px 0;
		margin: 0 auto;
	} */
	.copy {
		padding: 15px 0;
		margin: 0 auto;
		text-align: center;
	}
	.copy a{
		color: #fff;
		font-weight: bold;
	}

	/*
		LOWER PAGE
	------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-visual img {
		margin: 0 auto;
	}
	.lower-box01 {
		margin-bottom: 30px;
	}
	.lower-h3 {
		color: #fff;
		line-height: 1.5em;
		background: #000;
		border-bottom: 5px solid #999;
		padding: 5px 10px;
		margin-bottom: 10px;
	}
	.red {
		color: #f00;
	}
	
	/*--------------------
		BRAND
	--------------------*/
	#brand .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#brand .lower-h3 {
		margin-bottom: 10px;
	}
	#brand li {
		float: left;
		width: 32%;
		margin: 1% 0;
	}
	#brand li:nth-child(3n-1) {
		margin: 1% 2%;
	}
	#brand li img {
		margin: 0 auto;
	}

	/*--------------------
		SHOP
	--------------------*/
	#shop .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#shop table {
		width: 100%;
		background: rgba(0,0,0,0.5);
	}
	#shop table th {
		width: 25%;
		padding: 16px 10px;
		color: #fff;
		font-size: 12px;
		text-align: left;
		vertical-align: top;
		border: 2px solid #000;
	}
	#shop table td {
		color: #fff;
		padding: 10px 10px;
		border: 2px solid #000;
		line-height: 1.5em;
	}
	#shop table td a {
		text-decoration: underline;
		color: #fff;
	}
	.text-content p {
		font-size: 15px;
	}
	.text-more {
		float: right;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		background: #000;
		padding: 5px 20px;
		margin-top: 10px;
	}
	
	/*--------------------
		BLOG
	--------------------*/
	#blog .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#blog time {
		color: #333;
		font-size: 14px;
		font-weight: bold;
	}
	
	/*--------------------
		NEWS
	--------------------*/
	#news .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#news time {
		color: #333;
		font-size: 14px;
		font-weight: bold;
	}
	
	/*
		MONTHLY ARCHIVE
	------------------------------ */
	.site-sidebar h4 {
		text-align: center;
		font-size: 15px;
		border-bottom: 2px solid #000;	
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.news-archive {
		width: 49%;
		float: left;
	}
	.blog-archive {
		width: 49%;
		float: right;
	}
	.site-sidebar li {
		text-align: center;
		margin-bottom: 10px;
	}
	.site-sidebar li a {
		color: #666;
		text-decoration: underline;
	}

	/* ページネーション
	------------------------------ */
	.pagenation {
		text-align: center;
		font-size: 0;
		letter-spacing: 0;
		margin-bottom: 30px;
	}
	.pagenation li {
		width: 25px;
		margin: 0 3px;
		text-align: center;
		line-height: 30px;
		font-size: 13px;
		font-weight: bold;
		box-sizing: border-box;
		border: 2px solid #000;
		vertical-align: top;
		display: inline-block;
	}
	.pagenation .current {
		color: #fff;
		background: #000;
	}
	.pagenation .dot {
		width: 15px;
		margin: 0 1px;
		border: none;
	}
	.pagenation li a {
		color: #000;
		text-decoration: none;
		display: block;
	}

	/* 詳細ページ 前後の記事へのリンク
	------------------------------ */
	.paginated-link {
		margin: 0 0 30px;
		overflow: hidden;
	}
	.paginated-link li {
		width: 120px;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		border: 2px solid #000;
		box-sizing: border-box;
	}
	.paginated-link li.prev-link {
		float: left;
	}
	.paginated-link li.next-link {
		float: right;
	}
	.paginated-link li a {
		height: 30px;
		line-height: 30px;
		display: block;
		overflow: hidden;
		color: #000;
	}


	/*--------------------
		CONTACT
	--------------------*/
	#contact .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#contact .contents .lower p {
		font-size: 14px;
	}
	#contact table {
		width: 100%;
		background: rgba(0,0,0,0.5);
	}
	#contact table th {
		width: 30%;
		padding: 17px 10px;
		color: #fff;
		font-size: 12px;
		text-align: left;
		line-height: 1.5em;
		vertical-align: top;
		border: 2px solid #000;
	}
	#contact table td {
		color: #fff;
		padding: 10px 10px;
		border: 2px solid #000;
	}
	#contact table td a {
		text-decoration: underline;
		color: #fff;
	}
	.input-big,
	.input-middle,
	.input-mini {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
	}
	.input-middle {
		width: 60%;
	}
	.input-mini {
		width: 60px;
	}
	
	/* 必須マーク */
	.required-mark {
		color: #f00;
		font-size: 12px;
	}
	
	/* 未記入エラー文 */
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 14px;
	}
	
	/* 確認、バック、送信ボタン */
	.contact-submits {
		padding-top: 20px;
		text-align: center;
	}
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}

	/* セキュリティエラー */
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}
	
	
	/*--------------------
		PRIVACY-POLICY
	--------------------*/
	#privacy .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#privacy p {
		font-size: 15px;
	}
	#privacy ul {
		margin-top: 10px;
	}
	#privacy ul li {
		font-size: 15px;
		line-height: 1.5em;
		margin-top: 10px;
	}
	
	/*--------------------
		SITE-MAP
	--------------------*/
	#site .contents {
		padding: 20px 2%;
		margin: 30px 2%;
	}
	#site ul {
		background: rgba(0,0,0,0.5);
		padding: 15px 10px;
	}
	#site li {
		color: #fff;
		font-weight: bold;
		line-hight: 30px;
		text-indent:5px;
		border-bottom: 1px dashed #fff;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#site li:last-child {
		margin-bottom: 0;
	}
	#site li i {
		color: #000;
	}
	#site li a {
		color: #fff;
	}
	
	/*--------------------
		ERROR
	--------------------*/
	#error a {
		text-decoration: underline;
		color: #333;
		font-weight: bold;
	}

}


/*--------------------------------------
	PC
----------------------------------------*/
@media only screen and (min-width:1000px) {
	/*--------------------
		BASE
	--------------------*/
	body {
		background: url(../img/common/base.png) no-repeat fixed center bottom;
		background-size: cover;
	}
	#nav-switcher, .sp {
		display: none;
	}
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		opacity: 0.9;
	}
		
	/*--------------------
		HEADER
	--------------------*/
	.header-box01 {
		position: relative;
		height: 100px;
		background: rgba(0,0,0,0.8);
		z-index: 999;
	}
	.header-box01 h1 {
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -111.5px;
	}
	.sns {
		position: absolute;
		top: 38px;
		right: 108px;
	}
	.sns li {
		float: left;
		margin-right: 12px;
	}
	.sns li img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	label img {
		position: absolute;
		top: 38px;
		right: 237px;
		cursor: pointer;
	}
	label img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.header-navi ul {
		position: absolute;
		top: 76px;
		width: 100%;
		background: rgba(0,0,0,0.9);
		margin-top: 24px;
	}
	.header-navi li img {
		margin: 17px auto;
	}
	.header-navi li a {
		display: block;
		height: 0;
		line-height: 45px;
		overflow: hidden;
		text-align: center;
		-webkit-transition: all ease-out 0.2s;
		-moz-transition: all ease-out 0.2s;
		transition: all ease-out 0.2s;
	}
	#nav-switcher:checked + ul li a {
		height: 50px;
	}
	.header-navi li a:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.cart {
		position: absolute;
		top: 0;
		right: 0;
	}
	.cart img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.scroll {
		position: absolute;
		top: 83%;
		left: 50%;
		margin-left: -33px;
		z-index: 999;
	}
		
	/* fullSlideShow
	--------------------------- */
	.fullSlideShow {
		width: 100%;
		height: 100vh;
		background: #000;
		text-align: left;
		position: relative;
		overflow: hidden;
		margin-top: -100px;
	}
	.fullSlideShow ul {
		top: 50%;
		left: 50%;
		width: 100%;
		position: absolute; /* absolute or fixed */
		overflow: hidden;
	}
	.fullSlideShow ul li {
		top: 0;
		left: 0;
		width: 100%;
		display: none;
		position: absolute;
		pointer-events: none;
	}
	.fullSlideShow ul li img {
		width: 100%;
	}
	
	/* PagiNation
	--------------------------- */
	.pagiNation {
		bottom: 30px;
		left: 0;
		width: 100%;
		height: 15px;
		text-align: center;
		position: absolute; /* absolute or fixed */
		top: 77px;
		z-index: 1000; /* 非表示にする場合は「90」以下に */
		visibility: visible; /* 非表示にする場合は「hidden」に */
	}
	
	.pagiNation a {
		margin: 0 5px;
		width: 10px;
		height: 9px;
		display: inline-block;
		overflow: hidden;
		background: url(../img/top/star.png);
	}
	.pagiNation a.pnActive {
		filter:alpha(opacity=100)!important;
		-moz-opacity: 1!important;
		opacity: 1!important;
	}
	
		
	/*--------------------
		NAVIGATION
	--------------------*/
	#global-navi {
		height: 100px;
		background: #000;
	}
	.gnav-box01 {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.gnav-box01 h1 {
		position: absolute;
		top: 30px;
	}
	.gnav-box01 ul {
		position: absolute;
		top: 45px;
		left: 310px;
	}
	.gnav-box01 li {
		float: left;
		margin-right: 30px;
	}
	.gnav-box01 li img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.online-store {
		position: absolute;
		top: 35px;
		right: 0;
	}
	.online-store img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
		
	/*--------------------
		FASHION-ISLAND
	--------------------*/
	.fashion-island {
		height: 180px;
		background: #fff;
		padding: 110px 0;
	}
	.fashion-island h2 img {
		margin: 0 auto 30px;
	}
	.fashion-island p {
		text-align: center;
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 0.1em;
	}
		
	/*--------------------
		PARALLAX
	--------------------*/
	.parallax {
		height: 500px;
		background:	url(../img/top/para.png) no-repeat fixed center center;
		background-size: cover;
	}

	/*--------------------
		WHAT'S NEW
	--------------------*/
	.news {
		height: 210px;
		background: #fff;
		padding: 110px 0;
	}
	.news h2 img{
		margin: 0 auto 30px;
	}
	.news ul {
		width: 680px;
		margin: 0 auto;
	}
	.news li {
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 0.1em;
	}
	.news li a {
		color: #000;
	}
	.news li a:hover {
		text-decoration: underline;
	}
	.news .date {
		font-weight: bold;
		margin-right: 40px;
	}
	.all-view a {
		display: block;
		width: 150px;
		margin: 23px auto 0;
	}
	.all-view img:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}

	/*--------------------
		CONTENTS
	--------------------*/
	.contents {
		width: 1000px;
		background: #fff url(../img/common/bg.png) no-repeat fixed center center;
		background-size: auto;
		padding: 60px 0;
		margin: 80px auto;
	}

	/*--------------------
		BRANDS
	--------------------*/
	.brands {
		position: relative;
		margin-bottom: 70px;
	}
	.brands h2 img {
		margin: 0 auto;
	}
	.brands .line {
		position: absolute;
		top: 37px;
		left: 50%;
	}
	.brands ul {
		margin: 30px 10px 0;
	}
	.brands li {
		width: 225px;
		height: 140px;
		float: left;
		text-indent: -9999px;
		margin: 10px;
		background: #fff;
	}
	.brands li a {
		display: block;
		width: 225px;
		height: 140px;
	}
	.brands li:nth-child(1) {
		background: url(../img/top/brand_01.png);
	}
	.brands li:nth-child(1):hover {
		background: url(../img/top/brand_01_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(2) {
		background: url(../img/top/brand_02.png);
	}
	.brands li:nth-child(2):hover {
		background: url(../img/top/brand_02_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(3) {
	}
	.brands li:nth-child(3):hover {
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(4) {
	}
	.brands li:nth-child(4):hover {
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(5) {
		background: url(../img/top/brand_05.png);
	}
	.brands li:nth-child(5):hover {
		background: url(../img/top/brand_05_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(6) {
		background: url(../img/top/brand_06.png);
	}
	.brands li:nth-child(6):hover {
		background: url(../img/top/brand_06_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(7) {
		background: url(../img/top/brand_07.png);
	}
	.brands li:nth-child(7):hover {
		background: url(../img/top/brand_07_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(8) {
	}
	.brands li:nth-child(8):hover {
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(9) {
		background: url(../img/top/brand_09.png);
	}
	.brands li:nth-child(9):hover {
		background: url(../img/top/brand_09_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(10) {
		background: url(../img/top/brand_10.png);
	}
	.brands li:nth-child(10):hover {
		background: url(../img/top/brand_10_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(11) {
		background: url(../img/top/brand_11.png);
	}
	.brands li:nth-child(11):hover {
		background: url(../img/top/brand_11_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.brands li:nth-child(12) {
		background: url(../img/top/brand_12.png);
	}
	.brands li:nth-child(12):hover {
		background: url(../img/top/brand_12_on.png);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}

	/*--------------------
		CATEGORY
	--------------------*/
	.category {
		position: relative;
		margin-bottom: 60px;
	}
	.category h2 img {
		margin: 0 auto;
	}
	.category .line {
		position: absolute;
		top: 37px;
		left: 50%;
	}
	.category ul {
		width: 720px;
		margin: 20px auto 0;
	}
	.category li {
		float: left;
		margin: 20px;
	}
	.category li img:hover {
		-webkit-filter: brightness(1.5);
		-moz-filter: brightness(1.5);
		filter: brightness(1.5);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}

	/*--------------------
		INFORMATION
	--------------------*/
	.information {
		position: relative;
	}
	.information h2 img {
		margin: 0 auto;
	}
	.information .line {
		position: absolute;
		top: 37px;
		left: 50%;
	}
	.info-box01 {
		width: 840px;
		margin: 40px auto 0;
	}
	.fb {
		float: left;
		width: 400px;
		height: 300px;
		background: #fff;
	}
	.blog {
		float: right;
		width: 400px;
		height: 300px;
		background: url(../img/top/blog_base.png);
	}
	.blog h3 img {
		margin: 30px auto;
	}
	.blog ul {
		margin: 0 20px;
	}
	.blog li {
		height: 40px;
		color: #fff;
		font-size: 14px;
		line-height: 40px;
		letter-spacing: 0.1em;
		overflow: hidden;
	}
	.blog li a {
		color: #fff;
	}
	.blog li a:hover {
		text-decoration: underline;
	}
	.blog .date {
		font-weight: bold;
		margin-right: 20px;
	}
	.insta {
		width: 840px;
		margin: 40px auto;
	}
	.insta div {
		height: 105px;
		background: #fff;
	}
	.insta-belt:hover {
		opacity: 0.7;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.map {
		width: 840px;
		margin: 0 auto;
		 -webkit-filter: grayscale(100%);
		 -moz-filter: grayscale(100%);
		 filter: grayscale(100%);
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		background: #000;
	}
	.footer-box01 {
		width: 1000px;
		margin: 0 auto;
	}
	.footer-left {
		float: left;
		width: 285px;
		margin-top: 106px;
	}
	.footer-left img {
		margin: 0 auto;
	}
	.footer-left ul {
		margin-top: 10px;
	}
	.footer-left li {
		text-align: center;
		font-size: 14px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}
	.footer-left li a {
		color: #fff;
		text-decoration: underline;
	}
	.footer-left li a:hover {
		text-decoration: none;
	}
	.footer-center {
		float: left;
		width: 430px;
	}
	.logo img {
		margin: 40px auto;
	}
	.footer-center p {
		color: #ccc;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.info-img {
		margin: 20px auto;
	}
	.footer-center ul {
		width: 270px;
		margin: 0 auto 20px;
	}
	.footer-center li {
		float: left;
		margin: 0 7.5px;
	}
	.footer-center li img:hover {
		-webkit-filter: brightness(1.5);
		-moz-filter: brightness(1.5);
		filter: brightness(1.5);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.footer-right {
		float: left;
		width: 285px;
	}
	.footer-right a {
		display: block;
		width: 50px;
		height: 128px;
		margin: 111px 0 0 117px;
	}
	.footer-right img:hover {
		opacity: 0.7;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	/* .copy img {
		padding: 15px 0;
		margin: 0 auto;
	} */
	.copy {
		padding: 15px 0;
		margin: 0 auto;
		text-align: center;
	}
	.copy a{
		color: #fff;
		font-weight: bold;
	}	
	
	/*
		LOWER PAGE
	------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-visual img {
		margin: 0 auto;
	}
	.lower {
		margin: 0 80px;
	}
	.lower-box01 {
		margin-bottom: 50px;
	}
	.lower-h3 {
		color: #fff;
		line-height: 1.5em;
		background: #000;
		border-bottom: 5px solid #999;
		padding: 5px 10px;
		margin-bottom: 20px;
	}
	.red {
		color: #f00;
	}
	
	/*--------------------
		BRAND
	--------------------*/
	#brand .lower-h3 {
		margin: 0 20px 10px;
	}
	#brand ul {
		padding: 0 10px;
	}
	#brand li {
		float: left;
		margin: 10px;
		cursor: pointer;
	}
	#brand li img {
		width: 225px;
		height: 140px;
	}
	#brand li img:hover {
		opacity: 0.6;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}

	/*--------------------
		SHOP
	--------------------*/
	#shop table {
		width: 100%;
		background: rgba(0,0,0,0.5);
	}
	#shop table th {
		width: 25%;
		padding: 10px 20px;
		color: #fff;
		text-align: left;
		vertical-align: top;
		border: 2px solid #000;
	}
	#shop table td {
		color: #fff;
		padding: 10px 20px;
		border: 2px solid #000;
	}
	#shop table td a {
		text-decoration: underline;
		color: #fff;
	}
	#shop table td a:hover {
		text-decoration: none;
	}
	#shop .tel {
		pointer-events: none;
		text-decoration: none;
	}
	.text-content {
		margin: 10px 0;
	}
	.text-content p {
		font-size: 15px;
	}
	.text-more {
		float: right;
		color: #fff;
		font-weight: bold;
		background: #000;
		padding: 5px 20px;
		margin-top: 10px;
	}
	.text-more:hover {
		opacity: 0.6;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	
	/*--------------------
		BLOG
	--------------------*/
	#blog time {
		color: #333;
		font-size: 15px;
		font-weight: bold;
	}
	
	/*--------------------
		NEWS
	--------------------*/
	#news time {
		color: #333;
		font-size: 15px;
		font-weight: bold;
	}
	
	/*
		MONTHLY ARCHIVE
	------------------------------ */
	.site-sidebar h4 {
		text-align: center;
		border-bottom: 2px solid #000;	
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.news-archive {
		width: 49%;
		float: left;
	}
	.blog-archive {
		width: 49%;
		float: right;
	}
	.site-sidebar ul {
		margin: 0 0.5%;
	}
	.site-sidebar li {
		float: left;
		width: 33%;
		text-align: center;
		margin-bottom: 5px;
	}
	.site-sidebar li a {
		color: #666;
		font-weight: bold;
		text-decoration: underline;
	}
	.site-sidebar li a:hover {
		text-decoration: none;
	}

	/* ページネーション
	------------------------------ */
	.pagenation {
		text-align: center;
		font-size: 0;
		letter-spacing: 0;
		margin-bottom: 50px;
	}
	.pagenation li {
		width: 25px;
		margin: 0 3px;
		text-align: center;
		line-height: 30px;
		font-size: 13px;
		font-weight: bold;
		box-sizing: border-box;
		border: 2px solid #000;
		vertical-align: top;
		display: inline-block;
	}
	.pagenation .current {
		color: #fff;
		background: #000;
	}
	.pagenation .dot {
		width: 15px;
		margin: 0 1px;
		border: none;
	}
	.pagenation li a {
		color: #000;
		text-decoration: none;
		display: block;
	}
	.pagenation li a:hover {
		background: #000;
		color: #fff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}

	/* 詳細ページ 前後の記事へのリンク
	------------------------------ */
	.paginated-link {
		margin: 0 25px 50px;
		overflow: hidden;
	}
	.paginated-link li {
		width: 20%;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		border: 2px solid #000;
		box-sizing: border-box;
	}
	.paginated-link li.prev-link {
		float: left;
	}
	.paginated-link li.next-link {
		float: right;
	}
	.paginated-link li a {
		height: 30px;
		line-height: 30px;
		display: block;
		overflow: hidden;
		color: #000;
	}
	.paginated-link li a:hover {
		background: #000;
		color: #fff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}


	/*--------------------
		CONTACT
	--------------------*/
	#contact table {
		width: 100%;
		background: rgba(0,0,0,0.5);
	}
	#contact table th {
		width: 30%;
		padding: 17px 20px;
		color: #fff;
		font-size: 15px;
		text-align: left;
		vertical-align: top;
		border: 2px solid #000;
	}
	#contact table td {
		color: #fff;
		padding: 10px 20px;
		border: 2px solid #000;
	}
	#contact table td a {
		text-decoration: underline;
		color: #fff;
	}
	#contact table td a:hover {
		text-decoration: none;
	}
	.input-big,
	.input-middle,
	.input-mini {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
	}
	.input-middle {
		width: 60%;
	}
	.input-mini {
		width: 60px;
	}
	
	/* 必須マーク */
	.required-mark {
		color: #f00;
		font-size: 12px;
	}
	
	/* 未記入エラー文 */
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 14px;
	}
	
	/* 確認、バック、送信ボタン */
	.contact-submits {
		padding-top: 20px;
		text-align: center;
	}
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}
	.contact-submits input:hover {
		cursor: pointer;
	}

	/* セキュリティエラー */
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}
	
	/*--------------------
		PRIVACY-POLICY
	--------------------*/
	#privacy ul {
		margin-top: 10px;
	}
	#privacy ul li {
		margin-top: 10px;
	}
	
	/*--------------------
		SITE-MAP
	--------------------*/
	#site ul {
		background: rgba(0,0,0,0.5);
		padding: 20px;
	}
	#site li {
		color: #fff;
		font-weight: bold;
		line-hight: 30px;
		text-indent:5px;
		border-bottom: 1px dashed #fff;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	#site li:last-child {
		margin-bottom: 0;
	}
	#site li i {
		color: #000;
	}
	#site li a {
		color: #fff;
	}
	#site li a:hover {
		opacity: 0.5;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	
	/*--------------------
		ERROR
	--------------------*/
	#error a {
		text-decoration: underline;
		color: #333;
		font-weight: bold;
	}
	#error a:hover {
		text-decoration: none;
	}

}