* {margin:0px; padding:0px;}
html {font-size:15px; line-height:24px; font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
body {background:#f8f8f8;}
a:hover {cursor:pointer;}

.cleardiv {clear:both;}

#layout {width:100%; position:relative;}

#kv { padding-bottom: 50%; width: 100%;}

#wrapper {width:1000px; margin:auto; box-sizing:border-box; padding:50px 0px; position:relative;}
#wrapper_preview {width:800px; margin:auto; box-sizing:border-box; padding:50px 0px; position:relative;}

h1 {font-size:3.5rem; line-height:100px; font-family: 'Noto Serif JP', serif; font-weight:400; color:#363c38;}

.stor_info {position:relative; width:100%; max-width:840px; margin:20px auto;}
.stor_atten {margin:0px auto 20px auto;}
.stor_atten p {color:#a9252b;}

.stor_con {margin:0px auto 20px auto; color: #363c38;}
.stor_con a{ color: #363c38;}
.stor_con i{ margin-right: 8px; }
.stor_con li{ margin: 10px 0; line-height: 1.8;}

.stor_pic {position:relative; width:100%; margin:40px auto;}
.stor_pic div {width:840px; margin:auto;}
.stor_pic .slick-prev {position:absolute; top:50%; left:4%; width:27px; height:61px; background:url(../img/store/arrow_lt.jpg) left no-repeat; font-size:0; border:0px; outline:none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.stor_pic .slick-next {position:absolute; top:50%; right:2%; width:27px; height:61px; background:url(../img/store/arrow_rt.jpg) right no-repeat; font-size:0; border:0px; outline:none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.stor_pic .slick-prev:before,.stor_pic  .slick-next:before{ display: none}

.stor_flor {position:relative; width:100%; margin:80px auto;}

.flor_bar {position:relative; clear:both; display:block; height:45px; margin:15px 0px 40px 0px;}
.flor_bar .flor {float:left; width:100px; height:45px; margin-right:15px; border:1px solid #363c38; border-radius:10px; text-align:center; line-height:45px;}
.flor_bar .brds {float:left; height:45px; line-height:45px;}
.flor_bar .morinfo {float:right; height:45px; }
.flor_bar .morinfo a {line-height:45px; color:#363c38; text-decoration:none; border-bottom:1px solid #363c38;}



/*------------------門市內頁------------------*/
.path_lks a,.path_lks p {display:inline-block; color:#363c38; text-decoration:none; border-bottom:1px solid #f8f8f8; font-size: 14px;}
.path_lks a:hover {border-bottom:1px solid #363c38;}
.flor_title p {margin:20px 0px; color:#363c38}
.flor_title p span {font-size:2.2rem; line-height:56px; margin-right:10px;}

.flor_map {position:relative; margin:40px auto;}
.flor_map a:hover {cursor:default;}
.flor_map .map_zoom {display:none;}
.flor_map a{ display: inline-block;  width: 100%; text-align: center; height: auto;}

.flor_brds {position:relative; margin-bottom:40px;}
.flor_brds ul li {position:relative; list-style:none; display:block; width:auto; height:auto; float:left; margin:20px 41px 20px 0px;}
.flor_brds ul li:last-child {margin-right:0px;}
.flor_brds ul li img {display:block; width:198px; height:198px; border:10px solid white; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.flor_brds ul li a:hover img {border-color:#363c38;}
.flor_brds ul li p {margin-top:15px; text-align:center; font-family: 'Noto Serif JP', serif; font-weight:400; max-width: 200px;}



/*------------------品牌內頁------------------*/
.brds_kv {position:relative; margin:30px auto 80px auto;}
.brds_kv img {width:100%; height:auto;}

.brds_info {position:relative; margin-bottom:80px;}
.brds_info img {display:inline-block; vertical-align:top; width:30%; margin-right:5%; max-width:280px;}
.brds_info p {display:inline-block; vertical-align:top; width:65%; max-width:690px; text-align:justify;}

.brds_info_preview {position:relative; margin-bottom:80px;}
.brds_info_preview img {display:inline-block; vertical-align:top; width:30%; margin-right:5%; max-width:280px;}
.brds_info_preview p {display:inline-block; vertical-align:top; width:65%; max-width:500px; text-align:justify;}

.brds_pic {position:relative; width:100%;}
.brds_pic a {display:block; float:left; width:32%; margin:20px 2% 20px 0px; padding:0px;}
.brds_pic a:nth-child(3),.brds_pic a:nth-child(6),.brds_pic a:nth-child(9),.brds_pic a:nth-child(12),.brds_pic a:nth-child(15),.brds_pic a:nth-child(18) {margin-right:0px;}
.brds_pic a img {width:100%; height:auto;}
.brds_pic .map_zoom {display:none;}










footer {box-sizing:border-box;}



@media screen and (max-width:768px) {
	#kv {}
	#wrapper {width:90%; margin:auto; padding:40px 0px;}
	h1 {font-size:3rem; text-align:center;}

	.stor_pic div {width:100%;}
	.stor_pic div img {width:100%; height:auto; margin:auto;}
	
	.stor_flor {width:90%; margin:auto;}
	.flor_bar {height:auto;}
	.flor_bar .flor {float:none; clear:both; display:block; width:100px; height:35px; margin:10px auto; line-height:35px;}
	.flor_bar .brds {float:none; clear:both; display:block; height:auto; line-height:1.6;}
	.flor_bar .morinfo {float:none; clear:both; display:block; text-align:center;}

	.path_lks, .flor_title {width:90%; margin:auto;}

	.flor_map {width:90%; margin:auto;}
	.flor_map img {width:100%; height:auto;}
	.flor_map .map_zoom {display:block; position:absolute; width:30px; height:30px; right:0px; bottom:0px; z-index:10; background:rgba(0, 0, 0, 0.5);}
	.flor_map .map_zoom svg {color:white; width:70%; height:70%; margin:auto; position:absolute; top:50%; right:-20%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.flor_map .map_zoom i,.brds_pic .map_zoom i{ margin-left: 25%; margin-top: 25%; color: #fff;}

	.flor_brds {width:90%; margin:auto; position:relative;}
	.flor_brds ul li {margin:15px 6vw 15px 0px;}
	.flor_brds ul li:nth-child(2n),.flor_brds ul li:last-child {margin-right:0px;}
	.flor_brds ul li a {display:block; width:37vw; height:37vw; position:relative; margin-bottom:30px;}
	.flor_brds ul li img {width:100%; height:100%; border:0px;}
	.flor_brds ul li p { max-width: 100%;}

	.brds_kv {width:90%; margin:30px auto 40px auto;}
	.brds_info {width:90%; margin:auto; margin-bottom:50px;}
	.brds_info img {display:block; width:60%; margin:0px auto 30px auto;}
	.brds_info p {display:block; width:100%;}

	.brds_pic {width:90%; margin:auto;}
	.brds_pic a {width:37vw; margin:10px 6vw 3vw 0px; position:relative;}
	.brds_pic a:nth-child(3),.brds_pic a:nth-child(6),.brds_pic a:nth-child(9),.brds_pic a:nth-child(12),.brds_pic a:nth-child(15),.brds_pic a:nth-child(18) {margin-right:6vw;}
	.brds_pic a:nth-child(2),.brds_pic a:nth-child(4),.brds_pic a:nth-child(6),.brds_pic a:nth-child(8),.brds_pic a:nth-child(10),.brds_pic a:nth-child(12),.brds_pic a:nth-child(14),.brds_pic a:nth-child(16),.brds_pic a:nth-child(18) {margin-right:0px;}
	.brds_pic .map_zoom {display:block; position:absolute; width:30px; height:30px; right:0px; bottom:7px; z-index:10; background:rgba(0, 0, 0, 0.5);}
	.brds_pic .map_zoom svg {color:white; width:60%; height:60%; margin:auto; position:absolute; top:50%; right:-15%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


}


@media screen and (max-width:414px) {
	h1 {font-size:2.2rem;}
	
}