@charset "UTF-8";
/*=============================================================
	Date: 2014-09-19
	CSS Document ： FELISSIMO SHOP LIST（静的ページ）
	
	01.レイアウト
	02.スタイル
=============================================================*/

/* ---------------------------------

	01.レイアウト

--------------------------------- */

#container {
	word-wrap: break-word;
	font-feature-settings: normal;
}
#container, #container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.6;
}
#container h1 { font-size: 12px; }

div#container {
	width: 920px;
	margin: 0 auto;
}
div#wrap {
	position: relative;
	height: 100%;
	text-align: left;
	width: 920px;
	margin: 0 auto;
	padding: 51px 0 0 0;
}
div#wrapper {
	margin: 25px 0 0 0;
}
div#content {
	width: 920px;
	margin: 0 auto;
}

div#header_ap {
	position: absolute;
	top: 0;
	left: 0;
	line-height: none;
}
div#header_ap p {
	line-height: 0;
}
div#footer_ap {
	margin-top: 20px;
	border-top: 1px solid #CCCCCC;
}

div.pagetop {
	text-align: right;
	margin: 0 0 12px 0;
}
div.pagetop a {
	background: url(../images/icon_pagetop.gif) no-repeat left center;
	padding: 0 0 0 13px;
}
div.pagetop a,
div.pagetop a:visited {
	text-decoration: underline;
}
div.pagetop a:hover {
	color: #993333;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*-----------------------------------------------------

	02.スタイル

-------------------------------------------------------*/

#container h1 a,
#container h1 a:visited {
	color: #F00 !important;
	text-decoration: none;
}

#shoplist h2 {
	border-top:3px solid #000000;
	text-align:center;
	width:920px;
	margin-bottom:30px;
}
#shoplist h2 span {
	display:block;
	padding:30px 0;
	margin:3px auto 0;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
#shoplist h3 {
	color:#927F5F;
	font-size:24px;
	background:url(../images/bg_shop.gif) no-repeat left top;
	padding-left:40px;
	margin-bottom:25px;
	text-align:left;
}

#shoplist p {
	font-size:18px;
	text-align:left;
	margin-bottom: 0;
}
#shoplist a {
	text-decoration:underline;
}
#shoplist a:hover {
	text-decoration:none;
}

#shoplist .bgBox {
	width:860px;
	background:url(../images/bg_slash.gif) repeat left top;
	padding:30px;
	margin-bottom:30px;
}
#shoplist .wrapBox {
	background:#FFF;
	padding:30px;
}
#shoplist .mainBox {
	border-bottom:1px solid #666666;
	padding-bottom:30px;
	margin-bottom: 30px;
}
#shoplist .mainBox .artist {
	margin-top:10px;
}
#shoplist li {
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:30px;
	margin-top:30px;
}
#shoplist .shopBox {
	width:800px;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
}
#shoplist .shopBox img {
	width:251px;
}
#shoplist .shopBox > div {
	width:490px;
}
#shoplist .pickBox {
	/* border:1px dashed #EB8282; */
	/* color:#D70606; */
	border:1px dashed #000000;
	color:#000000;
	padding:10px 15px;
	margin-bottom:30px;
}
#shoplist .bothBox {
	width:800px;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
}
#shoplist .sumBox {
	width:370px;
}
#shoplist .mapBox {
	width:400px;
}
#shoplist .sumBox img {
	border:10px solid #EBEBEB;
	margin-top:30px;
}
#shoplist .sumBox .linkBox {
	margin-top:30px;
}
#shoplist .housecardBox {
	width:800px;
	margin:60px auto 50px;
	padding-top:50px;
	background:url(../images/bg_line.gif) no-repeat left top;
}
#shoplist .housecardBox h4 a {
	display:block;
	color:#D70606;
	text-decoration:underline;
	font-size:23px;
	text-align:left;
	margin-bottom:10px;
}
#shoplist .housecardBox h4 a:hover {
	text-decoration:none;
}
#shoplist .housecardBox .bothBox {
	padding-bottom:50px;
	background:url(../images/bg_line.gif) no-repeat bottom left;
}
#shoplist .housecardBox .logoBox {
	width:251px;
	display: table-cell;
	vertical-align: middle;
}
#shoplist .housecardBox .logoBox img {
	margin-left:10px;
}
#shoplist .housecardBox .infoBox {
	width:490px;
	display: table-cell;
	padding-left:59px;
}
#shoplist .housecardBox  span {
	display:block;
	font-size:16px;
	margin-top:10px;
}

#shoplist p.mrgT10 { margin-top: 10px; }

/* フェリシモ猫部用 */
.nakobuImg { text-align: center; }

#shoplist .nekobuBox li {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 15px;
}

.nekobuBox h4 {
	color:#449D93;
	font-size:20px;
	margin-bottom:15px;
	text-align:left;
}

.nekobuBox p { margin-bottom: 15px !important; }
.nekobuBox p.nekobuNew { margin-bottom: 0; color: #D70606; }
.nekobuBox p.nekobuAdd { margin-left: 3em; text-indent: -3em; }
#shoplist .nekobuBox p.nekobuAtt { font-size: 14px; }

@media (max-width: 834px) {
	#container h1 { display: none; }
	div#container, div#content, #shoplist h2, img, #shoplist .bothBox, #shoplist .sumBox, #shoplist .mapBox, #shoplist .shopBox, #shoplist .shopBox img, #shoplist .shopBox > div { width: 100%; }
	div#wrap, div.pagetop { width: calc(100% - 20px); margin: 0 10px; }
	div#wrap { padding: 0; }
	#shoplist h2 span { padding: 18px 0 20px; }
	#shoplist h2 span img { width: 90%; }
	#shoplist .wrapBox { padding: 20px; }
	#shoplist .bgBox { width: calc(100% - 20px); padding: 10px; }
	#shoplist li:first-child { margin-top: 0; }
	#shoplist .sumBox img { width: calc(100% - 20px); margin-bottom: 30px; }
	#container img { height: auto !important; }
	#shoplist .bothBox,
	#shoplist .shopBox { flex-direction: column; }
	#shoplist .shopBox img { margin-bottom: 20px; }
	#shoplist h3 { background: url(../images/bg_shop.gif) 0 0 / 22px auto no-repeat ; font-size: 18px; line-height: 1.4; padding-left: 34px; }
	#shoplist p { font-size: 14px; }
	div.pagetop { margin-bottom: 30px; }
}