@charset "UTF-8";
#main-slider {
	position: fixed;
	top: 61px;
	bottom: 0;
	left: 0;
	right: 50%;
	padding-left: 26px;
	padding-right: 12px;
	overflow: hidden;
}

#main-slider img.auto-height {
	width: 100%;
	height: auto;
}


#main-slider img.auto-width {
	width: auto;
	height: auto;
}

#main-content,
#footer {
	margin-left: 50%;
	max-width: 800px;
	box-sizing: border-box;
}

.group-footer-menu {
	width: 100%;
	box-sizing: border-box;
}

.group-footer-menu li {
	font-size: 11px;
	width: 48%;
	padding-right: 1%;
	float: left;
	box-sizing: border-box;
}

.group-footer-menu h3 {
	font-size: 16px;
	line-height: 28px;
	font-family: 'Cormorant Garamond', serif;
	color: #fff;
	margin-bottom: 15px;
	float: none;
}

#footer > .clearfix { padding: 32px 58px 45px; }

.group-inline-block li a {
	display: block;
	font-size: 11px;
	line-height: 1.4em;
}

.group-footer-menu { padding: 0; }
/* SLIDER */
#slider-01 img,
#slider-02 .content-slider img {
	width: 100%;
	height: auto;
	transition: all 0.5s ease 0s;
}

#slider-01 a:hover img,
#slider-02 a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#slider-01 .slick-dots li button:before {
	font-size: 8px;
	color: #99999A;
	opacity: 1;
}

#slider-01 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #000;
}

#slider-01 .slick-dots { bottom: -17px; }

#slider-01 .slick-dots li,
#slider-01 .slick-dots li button,
#slider-01 .slick-dots li button:before {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	line-height: 10px;
}

#slider-01 .slick-dots li { margin-left: 5px; }

#slider-01 .slick-dots li:first-child { margin-left: 0; }

#slider-01 { margin-bottom: 40px; }

#slider-02 {
	background-color: #B0B0B0;
	position: relative;
}

#slider-02 .title-content {
	width: 160px;
	background-color: #000;
	box-sizing: border-box;
	text-align: center;
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 30px 0 0;
}

#slider-02 .title-content h2 {
	font-size: 0;
	line-height: 0;
	margin-bottom: 7px;
}

#slider-02 .content-slider {
	margin-left: 160px;
	box-sizing: border-box;
	padding: 12px 11px 24px 12px;
	font-size: 0;
	line-height: 0;
	margin-bottom: 0
}

#slider-02 .slick-dots li button:before {
	font-size: 8px;
	color: #B0B0B0;
	opacity: 1;
	border: 1px solid #fff;
	border-radius: 50%;
	content: '';
	background-color: transparent;
}

#slider-02 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #fff;
	background-color: #fff;
}

#slider-02 .slick-dots { bottom: 9px; }

#slider-02 .slick-dots li,
#slider-02 .slick-dots li button,
#slider-02 .slick-dots li button:before {
	width: 8px;
	height: 8px;
	padding: 0;
	margin: 0;
	line-height: 8px;
}

#slider-02 .slick-dots li { margin-left: 16px; }

#slider-02 .slick-dots li:first-child { margin-left: 0; }

/* Common */
.group-content {
	padding: 25px 24px 26px;
}

.read-more {
	font-size:13px;
	line-height: 13px;
	padding: 5px 0;
	font-family: 'Cormorant Garamond', serif;
	min-width: 128px;
}

/* CONCEPT */
#concept .title-page { margin-bottom: 31px; }

#concept h3 {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	text-align: center;
	margin-bottom: 17px;
	font-weight: bold;
}

#concept p {
	font-size: 12px;
	line-height: 22px;
	padding: 0 34px 8px;
}

/* BLOG */
#blog { background: url(../img/bg_blog.png) repeat top center; }

.blog-catelogy li:first-child a {
	border-top: none;
}
.blog-catelogy li a {
	border-bottom: none;
}
.blog-catelogy .thumbnail {
	position: relative;
}
.blog-catelogy .thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
.blog-catelogy li:hover .thumbnail img {
	transform: translate(-50%,-50%) scale(1.1);
}

/* GALLERY */
#gallery { background: url(../img/bg_gallery.png) repeat top center; }

#gallery .title-page { margin-bottom: 29px; }

#gallery .galerry-catelogy { margin-bottom: 21px; }

/* NEWS */
#news .title-page { margin-bottom: 29px; }
.list-news {
	list-style: none;
	border-top: 1px solid #808080;
	margin-bottom: 36px;
}

.list-news li {
	border-bottom: 1px solid #808080;
	padding: 15px 24px 15px 40px;
	font-size: 12px;
	line-height: 14px;
}

/* SHOP */
#shop .title-page { margin-bottom: 30px; }
#shop table {
	width: 100%;
	border-collapse: collapse;
}

#shop tr td { padding-bottom: 20px; }

#shop tr td:first-child { width: 160px; }

#shop tr td:nth-child(2) {
	padding-left: 20px;
	padding-right: 10px;
	vertical-align: top;
	font-size: 11px;
	line-height: 1.4em;
}

#shop tr td:nth-child(2) h3 {
	font-size: 14px;
	line-height: 1em;
	color: #000;
	font-weight: bold;
	margin-bottom: 4px;
}

#shop tr td:nth-child(2) strong {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #000;
}

#shop tr td:nth-child(2) .en {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-bottom: 8px;
	display: inline-block;
}

#shop tr td:last-child { width: 130px; }

#shop .btn {
	min-width: 128px;
	margin-top: 9px;
	padding: 6px 18px;
}

/* SNS */
#sns { background: url(../img/bg_sns.png) repeat top center; }

#sns .content-video { margin-bottom: 7px; }
#sns .content-video iframe { width:100%; }
#sns .content-insta { overflow: hidden; }

#sns img {
	width: 100%;
	height: auto;
}

#sns .list-4-item,
#sns .list-2-item {
	font-size: 0;
	line-height: 0;
}

#sns .list-4-item { margin-bottom: 10px; }

#sns .group-content { padding-bottom: 30px; }

/* ACCESS */
#access { padding-bottom: 45px; }
#access .map iframe {
	width: 100%;
	height: auto;
}

#access .content-map { margin-bottom: 28px; }

#access .content-map p {
	text-align: left;
	font-size: 11px;
	line-height: 1.4em;
	padding: 3px 0 0 3px;
}

#access h3 {
	color: #000;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 17px;
	padding-top: 13px;
}

#access table {
	font-size: 12px;
	line-height: 1.4em;
	width: 100%;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}

#access table th { width: 75px; padding-bottom: 10px; vertical-align: top; font-weight: normal; }

#access table td { padding-bottom: 10px; vertical-align: top; font-weight: normal; }

#access table td strong.en {
	color: #000;
	font-size: 27px;
	line-height: 1em;
	position: relative;
	top: -10px;
}

#access .btn {
	font-size: 16px;
	line-height: 23px;
	min-width: 180px;
	padding: 3px 18px 2px;
}


#access .list-2-item li:first-child { padding-left: 21px; }

/* Group lineup */
#group-lineup {
	padding-bottom: 19px;
	padding-top: 38px;
}

#group-lineup .title-page { margin-bottom: 26px; }

#group-lineup img {
	width: 100%;
	height: auto;
}

#group-lineup table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	line-height: 1.6em;
	color: #000;
}

#group-lineup table td {
	padding: 0 0 0 20px;
	padding-bottom: 10px;
}

#group-lineup table td:first-child {
	width: 90px;
	padding-left: 0;
}

#group-lineup table td strong {
	font-size: 14px;
	line-height: 1em;
	color: #000;
	display: block;
}
/* FOOTER */

#footer { background-color: transparent; }

@media screen and ( max-width : 1200px ){
	#slider-02 .title-content { padding: 40px 0 0; }
	.title-content p.pc_none { display: none; }
}

@media screen and (max-width : 768px ){
	#main-slider-01 { margin-bottom: 10px; }

	#main-slider-01 img {
		width: 100%;
		height: auto;
	}

	#slider-01 {
		margin: 0 20px 35px;
	}

	#slider-01 .slick-dots {
		bottom: -26px;
	}

	#slider-02 .title-content {
		float: none;
		width: auto;
		position: relative;
		padding: 7px 10px 6px;
	}

	#slider-02 .title-content p,
	#slider-02 .title-content h2 {
		display:inline-block;
		font-size: 0;
		line-height: 0;
		margin: 0;
	}

	#slider-02 .title-content p:last-child img {
		max-height: 41px;
		width: auto;
	}

	#slider-02 .title-content p:first-child img {
		max-height: 34px;
		width: auto;
	}

	#slider-02 .title-content h2 img {
		max-height: 28px;
		width: auto;
	}

	#slider-02 .content-slider {
		margin: 0;
		padding: 10px 10px 21px;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}

	#slider-02 .slick-dots { bottom: 8px; }

	#main-content, #footer {
		margin-left: 0;
		box-sizing: border-box;
	}

	.group-content {
		padding: 24px 16px 20px;
	}
	/* CONCEPT */
	#concept .title-page { margin-bottom: 22px; }

	#concept p {
		line-height: 23px;
		padding: 0 0 8px;
	}

	#concept h3 { margin-bottom: 22px; }

	#concept h3 {
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		margin-bottom: 17px;
		font-weight: bold;
	}

	#gallery .galerry-catelogy { margin-left: -5px; }

	#gallery .title-page {
		margin-bottom: 16px;
	}

	#gallery .galerry-catelogy {
		margin-bottom: 17px;
	}

	#gallery { padding-bottom: 52px; }

	/*NEWS*/
	#news { padding: 19px 16px 19px; }
	#news .title-page {
		margin-bottom: 24px;
	}
	.list-news { margin-bottom: 14px; }

	.list-news li {
		padding: 13px 3px 10px;
		font-size: 11px;
		line-height: 16px;
	}
	.list-news li .date {
		color: #000;
		font-size: 12px;
		line-height: 1;
		margin-bottom: 10px;
	}
	/* SHOP */
	#shop { padding: 17px 16px 0px; }

	#shop tr td {
		display: block;
		width:auto;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	#shop tr td:nth-child(1) {
		display: block;
    width: 100%;
	}
	#shop tr td:nth-child(1) img {
		width: 100%;
	}
	#shop tr td:nth-child(2) {
		font-size: 9px;
    line-height: 12px;
    padding: 10px 0 0;
	}

	#shop tr td:nth-child(2) h3 {
		font-size: 11px;
		line-height: 1;
		margin-bottom: 1px;
	}

	#shop tr td:nth-child(2) strong {
		font-size: 12px;
		line-height: 1;
	}

	#shop tr td:nth-child(2) .en {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 6px;
	}

	#shop tr td:nth-child(3){
		width: auto;
		margin:15px 0 23px -12px;
	}

	#shop tr td:nth-child(3):after {
		content: "";
		clear: both;
		display: block;
	}

	#shop .btn-link {
		margin: 0;
		width: calc(50% - 12px);
		float: left;
		min-width: auto;
		box-sizing: border-box;
		margin-left: 12px;
		padding: 8px 0;
		line-height: 1em;
		height: 32px;
	}
	#shop .btn-web {
		margin: 0;
		width: calc(50% - 12px);
		float: left;
		min-width: auto;
		box-sizing: border-box;
		margin-left: 12px;
		padding: 9px 0;
		line-height: 1em;
		height: 32px;
	}


	/* SNS */
	#sns { padding: 28px 16px 25px; }

	#sns .title-page { margin-bottom: 22px; }

	#sns .list-2-item li {
		float: none;
		width: auto;
		margin-bottom: 6px;
	}

	#sns .list-2-item li img {
		width: 100% !important;
		height: auto !important;
	}

	#sns .content-video {
		margin-bottom: 53px;
	}
	#sns .content-video iframe { 
		width: 100%;
		height: calc((404 / 716) * 343px);
	}

	#sns .list-4-item {
		margin-bottom: 20px;
	}

	/* MAP */
	#access { padding: 26px 16px 21px; }
	#access .content-map {
		margin-bottom: 17px;
	}

	#access .content-map p {
		text-align: left;
		font-size: 11px;
		line-height: 16px;
		margin-top: 11px;
	}

	#access .list-2-item li {
		float: none;
		width: auto;
	}

	#access .list-2-item li:first-child { padding: 0; }

	#access h3 {
		font-size: 15px;
		line-height: 18px;
		text-align: center;
		margin-bottom: 25px;
		padding-top: 13px;
	}

	#access table {
		font-size: 12px;
		line-height: 15px;
	}

	#access table td strong.en {
		font-size: 21px;
		line-height: 25px;
		font-weight: normal;
	}
	#access .btn {
		display: block;
		min-width: 100%;
		margin-top: 18px;
	}

	/**/
	#group-lineup .title-page { margin-bottom: 27px; }
	#group-lineup table {
		font-size: 11px;
		line-height: 14px;
		vertical-align: top;
	}

	#group-lineup table td {
		vertical-align: top;
	}

	#group-lineup table td br { margin-bottom: 6px; }

	/* FORTER */
	#top #top-page { right:0; }

	#top-page.active {
		opacity: 1;
		visibility: visible;
	}

	#footer .copy-right { padding: 13px 61px 16px 0; }

	#footer .copy-right small {
		font-size: 10px;
		line-height: 12px;
	}

	#footer { background-color: #b2b2b2; }

	#footer > .clearfix {
		background-color: transparent;
		padding: 0;
	}

	#footer .group-footer-menu {
		float: none;
		width: 100%;
		padding: 12px 8px 18px 18px;
	}

	#footer .group-footer-menu:last-child { padding: 12px 20px 18px 20px; }

	#footer .group-footer-menu h3 {
		font-size: 12px;
		line-height: 21px;
		float: none;
		color: #fff;
		margin-bottom: 11px;
	}

.group-footer-menu li {
		width: 100%;
		float: none;
}
			
.read-more {
	padding: 10px 0;
}
	
	
}