@import "https://fonts.googleapis.com/css?family=EB+Garamond";
@charset "UTF-8";
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
}
[data-after]:after{
	content : attr( data-after );
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container{
	position : relative;
}
.map-container > #map , .map-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
/*--------------------------------------------
img
---------------------------------------------*/
@media screen and (max-width: 768px){
	img{
		width : 100%;
	}
}
@media print,screen and (min-width: 769px){
	img{
		max-width : 100%;
	}
}
@media print,screen and (min-width: 769px){
	.is-sp{
		display : none;
	}
}
@media screen and (max-width: 768px){
	.is-pc{
		display : none;
	}
}
@media print,screen and (min-width: 1490px){
	a[href^="tel"]{
		pointer-events : none;
	}
}
/*--------------------------------------------
CATEGORY LINKS
---------------------------------------------*/
.categoryLinks{
	font-size : 0;
	display : flex;
	align-items : center;
	justify-content : center;
}
.categoryLinks > li{
	border-style : solid;
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
}
.categoryLinks > li:nth-child(1){
	border-color : #9a2337;
}
.categoryLinks > li:nth-child(2){
	border-color : #191b3a;
}
.categoryLinks span{
	display : block;
	text-align : center;
}
.categoryLinks li:nth-child(1) li:nth-child(1){
	background : linear-gradient(123deg, rgb(237, 33, 58) 0%, rgb(188, 34, 56) 100%);
}
.categoryLinks li:nth-child(1) li:nth-child(2){
	background : linear-gradient(128deg, rgba(114, 48, 92, .95) 0%, rgba(115, 53, 113, .95) 100%);
}
.categoryLinks li:nth-child(2) li:nth-child(1){
	background : linear-gradient(128deg, rgba(36, 59, 85, .95) 0%, rgba(30, 42, 64, .95) 100%);
}
.categoryLinks li:nth-child(2) li:nth-child(2){
	background : linear-gradient(to right, rgba(39, 81, 61, .95) 0%, rgba(47, 107, 64, .95) 100%);
}
.categoryLinks ul{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
.categoryLinks li li a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	flex-direction : column;
	width : 100%;
	height : 100%;
}
.categoryLinks li li a:after{
	content : "";
	display : block;
	background-image : url("../images/ui/icon/down.svg");
	background-position : center top;
	background-size : contain;
	background-repeat : no-repeat;
}
@media screen and (min-width: 769px) and (max-width:1489px){
	main .categoryLinks > li{
		border-width : calc( 2 * 100vw / 1490 );
		width : calc( 474 * 100vw / 1490 );
		height : calc( 202 * 100vw / 1490 );
		padding-left : calc( 2 * 100vw / 1490 );
		padding-right : calc( 2 * 100vw / 1490 );
		padding-bottom : calc( 2 * 100vw / 1490 );
	}
	main .categoryLinks > li + li{
		margin-left : calc( 10 * 100vw / 1490 );
	}
	main .categoryLinks h3 span:nth-of-type(1){
		min-height : calc( 34 * 100vw / 1490 );
	}
	main .categoryLinks h3 span:nth-of-type(2){
		margin-top : calc( 8 * 100vw / 1490 );
	}
	main .categoryLinks h3 span:nth-of-type(2) img{
		height : calc( 14 * 100vw / 1490 );
	}
	main .categoryLinks > li:nth-child(1) h3 span:nth-of-type(1) img{
		height : calc( 34 * 100vw / 1490 );
	}
	main .categoryLinks > li:nth-child(2) h3 span:nth-of-type(1) img{
		height : calc( 33 * 100vw / 1490 );
	}
	main .categoryLinks li li{
		width : 232px;
		height : calc( 90 * 100vw / 1490 );
	}
	main .categoryLinks ul{
		margin-top : calc( 22 * 100vw / 1490 );
	}
	main .categoryLinks a span:nth-of-type(1) img{
		height : calc( 24 * 100vw / 1490 );
	}
	main .categoryLinks a span:nth-of-type(2){
		margin-top : calc( 7 * 100vw / 1490 );
	}
	main .categoryLinks a span:nth-of-type(2) img{
		height : calc( 13 * 100vw / 1490 );
	}
	main .categoryLinks a:after{
		width : calc( 16 * 100vw / 1490 );
		height : calc( 16 * 100vw / 1490 );
		margin-top : calc( 8 * 100vw / 1490 );
	}
}
@media print,screen and (min-width: 1490px){
	main .categoryLinks > li{
		border-width : 2px;
		width : 474px;
		height : 202px;
		padding-left : 2px;
		padding-right : 2px;
		padding-bottom : 2px;
	}
	main .categoryLinks > li + li{
		margin-left : 10px;
	}
	main .categoryLinks h3 span:nth-of-type(1){
		min-height : 34px;
	}
	main .categoryLinks h3 span:nth-of-type(2){
		margin-top : 8px;
	}
	main .categoryLinks h3 span:nth-of-type(2) img{
		height : 14px;
	}
	main .categoryLinks > li:nth-child(1) h3 span:nth-of-type(1) img{
		height : 34px;
	}
	main .categoryLinks > li:nth-child(2) h3 span:nth-of-type(1) img{
		height : 33px;
	}
	main .categoryLinks li li{
		width : 232px;
		height : 90px;
	}
	main .categoryLinks ul{
		margin-top : 22px;
	}
	main .categoryLinks a span:nth-of-type(1) img{
		height : 24px;
	}
	main .categoryLinks a span:nth-of-type(2){
		margin-top : 7px;
	}
	main .categoryLinks a span:nth-of-type(2) img{
		height : 13px;
	}
	main .categoryLinks a:after{
		width : 16px;
		height : 16px;
		margin-top : 8px;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	footer .categoryLinks > li{
		border-width : 1px;
		width : calc( 328 * 100vw / 1490 );
		height : calc( 82 * 100vw / 1490 );
		padding-left : calc( 2 * 100vw / 1490 );
		padding-right : calc( 2 * 100vw / 1490 );
		padding-bottom : calc( 2 * 100vw / 1490 );
	}
	footer .categoryLinks > li + li{
		margin-left : calc( 4 * 100vw / 1490 );
	}
	footer .categoryLinks h3 span:nth-of-type(1){
		min-height : calc( 18 * 100vw / 1490 );
	}
	footer .categoryLinks h3 span:nth-of-type(1) img{
		height : calc( 18 * 100vw / 1490 );
	}
	footer .categoryLinks li li{
		width : calc( 160 * 100vw / 1490 );
		height : calc( 44 * 100vw / 1490 );
	}
	footer .categoryLinks ul{
		margin-top : calc( 7 * 100vw / 1490 );
	}
	footer .categoryLinks a span:nth-of-type(1) img{
		height : calc( 12 * 100vw / 1490 );
	}
	footer .categoryLinks a span:nth-of-type(2){
		margin-top : calc( 3 * 100vw / 1490 );
	}
	footer .categoryLinks a span:nth-of-type(2) img{
		height : calc( 13 * 100vw / 1490 );
	}
}
@media print,screen and (min-width: 1490px){
	footer .categoryLinks > li{
		border-width : 1px;
		width : 328px;
		height : 82px;
		padding-left : 2px;
		padding-right : 2px;
		padding-bottom : 2px;
	}
	footer .categoryLinks > li + li{
		margin-left : 4px;
	}
	footer .categoryLinks h3 span:nth-of-type(1){
		min-height : 18px;
	}
	footer .categoryLinks h3 span:nth-of-type(1) img{
		height : 18px;
	}
	footer .categoryLinks li li{
		width : 160px;
		height : 44px;
	}
	footer .categoryLinks ul{
		margin-top : 7px;
	}
	footer .categoryLinks a span:nth-of-type(1) img{
		height : 12px;
	}
	footer .categoryLinks a span:nth-of-type(2){
		margin-top : 3px;
	}
	footer .categoryLinks a span:nth-of-type(2) img{
		height : 13px;
	}
}
/*--------------------------------------------
CATEGORY
---------------------------------------------*/
.category > li , .category > li > .header{
	border-style : solid;
}
.category .trend , .category .trend > .header{
	border-color : #9a2337;
}
.category .vintage , .category .vintage > .header{
	border-color : #191b3a;
}
.category > li > .header{
	background-repeat : no-repeat;
	background-position-x : center;
	text-align : center;
}
.category .trend > .header{
	background-image : url("../images/category/trend/flower.png");
}
.category .vintage > .header{
	background-image : url("../images/category/vintage/flower.png");
}
.category h3{
	background : url("../images/category/border.png") center bottom no-repeat;
}
.category > li > ul > li{
	position : relative;
}
.category > li > ul > li:after{
	content : "";
	display : block;
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translateX(-50%) translateY(-50%);
	border-style : solid;
	border-color : #ba9134;
	border-width : 1px;
	z-index : 1;
}
.category h4{
	text-align : center;
}
.category li li .header{
	color : #fff;
}
.category li li .header p{
	display : flex;
	align-items : center;
	justify-content : center;
}
.category .modern{
	background : linear-gradient(to right, rgb(237, 33, 58) 0%, rgb(187, 34, 56) 60%, rgb(154, 35, 55) 100%);
}
.category .casual{
	background : linear-gradient(to right, rgba(114, 48, 92, .95) 0%, rgba(117, 58, 135, .95) 100%);
}
.category .nostalgic{
	background : linear-gradient(to right, rgba(36, 59, 85, .95) 0%, rgba(23, 25, 43, .95) 100%);
}
.category .local{
	background : linear-gradient(to right, rgba(39, 81, 61, .95) 0%, rgba(47, 107, 64, .95) 100%);
}
.category ul + a{
	margin-left : auto;
	margin-right : auto;
	display : block;
}
.category li li li a{
	width : 100%;
	height : 100%;
	position : relative;
	background-color : #fff;
	display : block;
}
.category .tag{
	position : absolute;
	background-color : #ba9134;
	color : #fff;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	padding-left : 1em;
	padding-right : 1em;
}
.category .box{
	width : 100%;
	overflow : hidden;
}
@media screen and (min-width: 769px) and (max-width:1489px){
	.category > li{
		border-width : calc( 5 * 100vw / 1490 );
		padding : calc( 20 * 100vw / 1490 ) calc( 20 * 100% / 1490 );
	}
	.category > li + li{
		margin-top : calc( 80 * 100vw / 1490 );
	}
	.category > li > .header{
		border-width : calc( 5 * 100vw / 1490 );
		height : calc( 320 * 100vw / 1490 );
		padding-top : calc( 132 * 100vw / 1490 );
		background-position-y : calc( 21 * 100vw / 1490 );
		background-size : auto calc( 116 * 100vw / 1490 );
	}
	.category h3{
		padding-bottom : calc( 32 * 100vw / 1490 );
		background-size : auto calc( 10 * 100vw / 1490 );
	}
	.category h3 img{
		height : calc( 42 * 100vw / 1490 );
	}
	.category h3 + p{
		font-size : calc( 20 * 100vw / 1490 );
		margin-top : calc( 30 * 100vw / 1490 );
	}
	.category h4 img{
		height : calc( 160 * 100vw / 1490 );
	}
	.category > li > ul{
		margin-top : calc( 21 * 100vw / 1490 );
	}
	.category > li > ul > li{
		padding-top : calc( 70 * 100vw / 1490 );
		padding-left : calc( 80 * 100% / 1440 );
		padding-right : calc( 80 * 100% / 1440 );
		padding-bottom : calc( 70 * 100vw / 1490 );
	}
	.category > li > ul > li + li{
		margin-top : calc( 20 * 100vw / 1490 );
	}
	.category > li > ul > li:after{
		width : calc( 100% - calc( 20 * 100vw / 1490 ) );
		height : calc( 100% - calc( 20 * 100vw / 1490 ) );
	}
	.category li li .header p{
		font-size : calc( 18 * 100vw / 1490 );
		line-height : 1.75;
		margin-top : calc( ( 24 - 6.75 ) * 100vw / 1490 );
	}
	.category ul ul{
		margin-top : calc( 60 * 100vw / 1490 );
		margin-left : calc( -25 * 100% / 1280 );
	}
	.category ul + a{
		width : calc( 303 * 100% / 1440 );
		margin-top : calc( 60 * 100vw / 1490 );
	}
	.category ul + a img{
		height : calc( 65 * 100vw / 1490 );
	}
	.category li li li{
		margin-left : calc( 12.5 * 100% / 1305 );
		margin-right : calc( 12.5 * 100% / 1305 );
		width : calc( 410 * 100% / 1305 );
	}
	.category li li li:nth-child(n+4){
		margin-top : calc( 42 * 100vw / 1490 );
	}
	.category .box{
		height : calc( 70 * 100vw / 1490 );
		padding-left : calc( 16 * 100% / 410 );
		padding-right : calc( 16 * 100% / 410 );
		padding-top : calc( 10 * 100vw / 1490 );
	}
	.category .box p{
		font-size : calc( 14 * 100vw / 1490 );
	}
	.category .box h5{
		font-size : calc( 16 * 100vw / 1490 );
		margin-top : calc( 10 * 100vw / 1490 );
		white-space : nowrap;
	}
	.category .tag{
		left : calc( 10 * 100% / 410 );
		top : calc( 10 * 100vw / 1490 );
		font-size : calc( 12 * 100vw / 1490 );
		height : calc( 25 * 100vw / 1490 );
	}
}
@media print,screen and (min-width: 1490px){
	.category > li{
		border-width : 5px;
		padding : 20px;
	}
	.category > li + li{
		margin-top : 80px;
	}
	.category > li > .header{
		border-width : 5px;
		height : 320px;
		padding-top : 132px;
		background-position-y : 21px;
		background-size : auto 116px;
	}
	.category h3{
		padding-bottom : 32px;
	}
	.category h3 img{
		height : 42px;
	}
	.category h3 + p{
		font-size : 20px;
		margin-top : 30px;
	}
	.category > li > ul{
		margin-top : 21px;
	}
	.category h4 img{
		height : 160px;
	}
	.category > li > ul > li{
		padding-top : 70px;
		padding-left : 80px;
		padding-right : 80px;
		padding-bottom : 70px;
	}
	.category > li > ul > li + li{
		margin-top : 20px;
	}
	.category > li > ul > li:after{
		width : calc( 100% - 20px );
		height : calc( 100% - 20px );
	}
	.category li li .header p{
		font-size : 18px;
		line-height : 1.75;
		margin-top : calc( 24px - 6.75px );;
	}
	.category ul ul{
		margin-top : 60px;
		margin-left : -25px;
	}
	.category ul + a{
		width : 303px;
		margin-top : 60px;
	}
	.category ul + a img{
		height : 65px;
	}
	.category li li li{
		margin-left : 12.5px;
		margin-right : 12.5px;
	}
	.category li li li:nth-child(n+4){
		margin-top : 42px;
	}
	.category .box{
		height : 70px;
		padding-left : 16px;
		padding-right : 16px;
		padding-top : 10px;
	}
	.category .box p{
		font-size : 14px;
	}
	.category .box h5{
		font-size : 16px;
		margin-top : 10px;
	}
	.category .tag{
		left : 10px;
		top : 10px;
		font-size : 12px;
		height : 25px;
	}
}
/*--------------------------------------------
MODAL
---------------------------------------------*/
#modal{
	position : fixed;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	z-index : 999999;
	display : none;
}
#modal .base{
	position : fixed;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	background-color : #fff;
	position : absolute;
	z-index : 0;
	opacity : .99;
	cursor : pointer;
	background-image : url("../images/menu/loading.gif");
	background-position : center;
	background-repeat : no-repeat;
	background-size : 60px;
}
#modal div.modal_wrap{
	position : absolute;
	z-index : 2;
	height : 80%;
	top : 10%;
	left : 10%;
	width : 80%;
}
#modal div.modal_wrap .wrap{
	width : 100%;
	height : 100%;
	display : table;
}
#modal div.modal_wrap .wrap div.pic{
	display : table-cell;
	vertical-align : middle;
	text-align : center;
	font-size : 0;
	opacity : 0;
}
#modal div.modal_wrap .wrap div.pic img{
	width : 70%;
	height : auto;
	display : inline-block;
	background-color : rgba(255, 255, 255, .1);
}
@media only screen and (max-width: 1080px){
	#modal div.modal_wrap .wrap div.pic img{
		width : 100%;
	}
}
@media only screen and (max-width: 680px){
	#modal div.modal_wrap .wrap div.pic img{
		width : 100%;
	}
}
#modal div.modal_nav{
	text-align : center;
}
#modal ul.modal_nav{
	width : 70%;
	margin-left : auto;
	margin-right : auto;
	overflow : hidden;
	padding-top : 36px;
}
@media only screen and (max-width: 1080px){
	#modal ul.modal_nav{
		width : 100%;
		text-align : center;
	}
}
@media only screen and (max-width: 680px){
	#modal ul.modal_nav{
		width : 100%;
	}
}
#modal ul.modal_nav li{
	display : inline-block;
	width : 120px;
	height : 40px;
	text-indent : 9999px;
	float : left;
}
@media only screen and (max-width: 680px){
	#modal ul.modal_nav li{
		width : 80px;
	}
}
#modal ul.modal_nav li.next{
	float : right;
}
#modal ul.modal_nav li a.modal_arr{
	display : block;
	width : 100%;
	height : 100%;
	position : relative;
	transition : opacity 300ms cubic-bezier(.455, .03, .515, .955) 0ms;
}
@media only screen and (min-width: 979px){
	#modal ul.modal_nav li a.modal_arr:hover{
		opacity : .5;
	}
}
#modal ul.modal_nav li a.modal_arr:before{
	content : "";
	width : 100%;
	height : 1px;
	background-color : #c5c5c5;
	position : absolute;
	top : 50%;
}
#modal ul.modal_nav li a.modal_arr.modal_prev:before{
	right : 0;
}
#modal ul.modal_nav li a.modal_arr.modal_prev:after{
	position : absolute;
	content : "";
	background-image : url("../images/menu/arr2.png");
	background-image : url("../images/menu/arr2.svg");
	width : 8px;
	height : 6px;
	background-position : 0 0;
	background-repeat : no-repeat;
	background-size : 8px 6px;
	left : 0;
	top : 50%;
	z-index : 1;
	margin-top : -4px;
	opacity : .8;
}
#modal ul.modal_nav li a.modal_arr.modal_next:before{
	left : 0;
}
#modal ul.modal_nav li a.modal_arr.modal_next:after{
	position : absolute;
	content : "";
	background-image : url("../images/menu/arr.png");
	background-image : url("../images/menu/arr.svg");
	width : 8px;
	height : 6px;
	background-position : 0 0;
	background-repeat : no-repeat;
	background-size : 8px 6px;
	right : 0;
	top : 50%;
	z-index : 1;
	margin-top : -4px;
	opacity : .8;
}
.modal_close{
	width : 50px;
	height : 40px;
	position : absolute;
	cursor : pointer;
	z-index : 99999;
	display : none;
	padding : 10px;
	display : block;
	top : -10px;
	right : -10px;
}
.modal_close.on ul li{
	background-color : #041b29;
}
.modal_close ul{
	width : 100%;
	height : 100%;
	display : block;
	position : relative;
}
.modal_close ul li{
	position : absolute;
	width : 100%;
	background-color : #fff;
	height : 1px;
	opacity : 1;
	transition : all 600ms cubic-bezier(.25, .1, .25, 1) 0ms, background-color 600ms cubic-bezier(.25, .1, .25, 1) 0ms;
	-webkit-transform : rotate(0deg);
	        transform : rotate(0deg);
	left : 0;
}
.modal_close ul li:nth-child(1){
	top : 0;
}
.modal_close ul li:nth-child(2){
	top : 50%;
	margin-top : -1px;
}
.modal_close ul li:nth-child(3){
	bottom : 0;
}
.modal_close ul li:nth-child(1){
	-webkit-transform-origin : left top;
	        transform-origin : left top;
}
.modal_close ul li:nth-child(2){
	-webkit-transform-origin : center top;
	        transform-origin : center top;
}
.modal_close ul li:nth-child(3){
	-webkit-transform-origin : left bottom;
	        transform-origin : left bottom;
}
.modal_close.active ul li{
	background-color : #041b29;
}
.modal_close.active ul li:nth-child(1){
	-webkit-transform : rotate(45deg);
	        transform : rotate(45deg);
	top : -1px;
	left : 5px;
}
.modal_close.active ul li:nth-child(2){
	-webkit-transform : rotate(0deg);
	        transform : rotate(0deg);
	opacity : 0;
}
.modal_close.active ul li:nth-child(3){
	-webkit-transform : rotate(-45deg);
	        transform : rotate(-45deg);
	bottom : -1px;
	left : 5px;
}
/*# sourceMappingURL=../maps/module.css.map */