@charset 'utf-8';

/* shoplist_search
------------------------------------------------ */
#shoplist_search {
	position: relative;
}

	#shoplist_search .title1 {}
		#shoplist_search .title1 .en { font-size: 247%; }
		#shoplist_search .title1 .ja { margin-top: 6px; font-size: 108%; }

	#shoplist_search .box {
		position: relative;
	}

/* shop_box */
#shop_box {
}

	#shop_box ul {
	}

		#shop_box ul li {
			position: relative;
			float: left;
			margin: 32px 32px 0 0;
			width: 368px;
		}
		#shop_box ul li:nth-of-type(1),
		#shop_box ul li:nth-of-type(2),
		#shop_box ul li:nth-of-type(3) { margin-top: 0; }
		#shop_box ul li:nth-of-type(3n) { margin-right: 0; }
		#shop_box ul li:nth-of-type(3n+1) { clear: both; }

			#shop_box ul li a { display: block; position: relative; }
			#shop_box ul li a:hover { color: #444; }
			#shop_box ul li .photo { position: relative; background: #000; z-index: 1; }
			#shop_box ul li .info { margin-top: 60px; }
				#shop_box ul li .brand_logo { position: absolute; top: 244px; left: 0; width: 100%; text-align: center; z-index: 2; }
					#shop_box ul li a:hover .brand_logo img { opacity: 1; filter: alpha(opacity=100); }
				#shop_box ul li .name { font-size: 124%; font-weight: bold; }
				#shop_box ul li .comment { margin-top: 15px; font-size: 108%; }

/* brand_box */
#brand_box {
	margin-top: 80px;
}

	#brand_box ul {
	}

		#brand_box ul li {
			position: relative;
			float: left;
			margin: 30px 12px 0 0;
			text-align: center;
			width: 224px;
		}
		#brand_box ul li:nth-of-type(1),
		#brand_box ul li:nth-of-type(2),
		#brand_box ul li:nth-of-type(3),
		#brand_box ul li:nth-of-type(4),
		#brand_box ul li:nth-of-type(5) { margin-top: 0; }
		#brand_box ul li:nth-of-type(5n) { margin-right: 0; }
		#brand_box ul li:nth-of-type(5n+1) { clear: both; }

			#brand_box ul li a { display: block; }
				#brand_box ul li .brand_logo { background: #000; border: solid #f8f8f8 2px; }
					#brand_box ul li a:hover .brand_logo { border-color: #333; }
						#brand_box ul li a:hover .brand_logo img { opacity: .2; filter: alpha(opacity=20); }
				#brand_box ul li .name { margin-top: 8px; font-size: 108%; font-weight: normal; }

/* shoplist_detail
------------------------------------------------ */
#shoplist_detail {
	position: relative;
}

	#shoplist_detail .brand_title {
		margin-bottom: 35px;
		text-align: center;
		line-height: 1;
	}

	#shoplist_detail .detail {
		position: relative;
		margin: 0 auto;
		width: 1000px;
	}

		#shoplist_detail .detail .box {
			position: relative;
		}

	#shoplist_detail .bnr_list {
		margin-top: 60px;
		padding: 32px 0;
		border-top: solid #ededed 1px;
		border-bottom: solid #ededed 1px;
		text-align: center;
	}

		#shoplist_detail .bnr_list li {
			display: inline-block;
			margin: 0 10px;
			vertical-align: top;
		}

			#shoplist_detail .bnr_list li a { display: block; }

/* area_box */
#area_box {
}

	#area_box .nav {
	}

		#area_box .nav li {
			float: left;
			margin: -2px 0 0 -2px;
			width: 164px;
			border: solid #f8f8f8 2px;
			font-size: 108%;
			font-weight: bold;
			line-height: 1.2;
		}

			#area_box .nav li a {
				display: block;
				padding: 10px 10px 10px 26px;
				background: url(../../img/share/arrow_down1.png) no-repeat 10px center;
			}

	#area_box .area {
		margin-top: 25px;
		padding-top: 20px;
	}

		#area_box .area .name {
			margin-bottom: 35px;
			text-align: center;
			font-size: 154%;
			font-weight: normal;
			line-height: 1.2;
		}

		#area_box .area dl {
			margin-bottom: 60px;
		}
		#area_box .area dl:last-child { margin-bottom: 0; }

			#area_box .area dl dt { padding: 0 0 30px 35px; font-size: 108%; font-weight: bold; }
			#area_box .area dl dd {}
				#area_box .area dl dd table { width: 100%; border-top: solid #ededed 1px; border-spacing: 0; }
					#area_box .area dl dd table th,
					#area_box .area dl dd table td { padding: 20px 35px; border-bottom: solid #ededed 1px; text-align: left; vertical-align: top; font-size: 108%; }
					#area_box .area dl dd table th { width: 125px; font-weight: bold; }
					#area_box .area dl dd table td {}
						#area_box .area dl dd table td a { text-decoration: underline; }
						#area_box .area dl dd table td a:hover { text-decoration: none; }
						#area_box .area dl dd table td .post {}
						#area_box .area dl dd table td .address,
						#area_box .area dl dd table td .btn,
						#area_box .area dl dd table td .btn a { display: inline-block; vertical-align: middle; }
						#area_box .area dl dd table td .address {}
						#area_box .area dl dd table td .btn { margin-left: 32px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 28px; }
							#area_box .area dl dd table td .btn a { margin-left: 16px; width: 86px; height: 28px; border: solid #000 1px; text-align: center; text-decoration: none; color: #000; }
							#area_box .area dl dd table td .btn a:first-child { margin-left: 0; }
							#area_box .area dl dd table td .btn a:hover { background: #000; color: #fff; }
						#area_box .area dl dd table td .tel { padding-left: 2.8em; text-indent: -2.8em; word-break: break-all; }
						#area_box .area dl dd table td .email { padding-left: 3.8em; text-indent: -3.8em; word-break: break-all; }

/* info_box */
#info_box {
	margin-top: 80px;
}

	#info_box .photo {
		margin-bottom: 40px;
	}

	#info_box .brand_logo {
		text-align: center;
		line-height: 1;
	}

	#info_box .lead {
		margin-top: 30px;
		text-align: center;
		font-size: 108%;
		line-height: 1.8;
	}