@charset "UTF-8";
/* CSS Document */

/*共通
************************************************/

section p {
	padding:5px;
}

#main h2 {
	border-bottom:1px solid #e60012;
	font-size:1.4em;
	padding:20px 15px;
	font-weight:normal;
}



/*会員
************************************************/

#members, #napolis {
	padding:20px;
	text-align:center;
}

#members h3 {
	color:#C03;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding:10px;
	line-height:1.4;
}

.info {
	border:#C03 solid 3px;
	padding:10px;
	margin-bottom:10px;
}

.info p {
	color:#3C3C3C;
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
}

.point {
	width:680px;
	list-style:none;
	margin: 0 auto 20px;
}

.point li {
	border-bottom:dashed #999 2px;
	color:#970000;
	font-size:1.3em;
	font-weight:bold;
	min-height:60px;
	padding:15px 0 15px 110px;
	line-height:1.3;
}

/*.no1, .no2, .no3, .no4, .no5 {
	background-position:-10px center;
	background-repeat:no-repeat;
}

.no1 {
	background-image: url(../images/members/mb_01.png);
}

.no2 {
	background-image: url(../images/members/mb_02.png);
}

.no3 {
	background-image: url(../images/members/mb_03.png);
}

.no4 {
	background-image: url(../images/members/mb_04.png);
}

.no5 {
	background-image: url(../images/members/mb_05.png);
}
*/
.point small {
	font-size:.8em;
}

.caution {
	margin:10px;
	padding:10px;
}




/*店舗案内
************************************************/

#shopList ul {
	list-style:none;
}

#shopList li {
	border-bottom:1px solid #e60012;
	padding:20px;
	margin-bottom:10px;
}

#shopList h3, #flyers h3 {
	border-bottom:1px dashed #d7d2cb;
	color:#e60012;
	padding:0px 3px;
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:20px;
	font-weight:normal;
}

.shopInfo {
	display:table;
}

.shopImg, .shopData {
	display:table-cell;
}

#shopList .shopImg, #shopList .shopImg img {
	width:200px;
}

.shopData {
	vertical-align:top;
	padding-left:20px;
}

#shopList .shopData {
	width:500px;
}

#shopList .moreData, #shopList .moreData a {
	text-align:right;
	margin:-20px 10px auto auto;
	padding:3px;
}

#shopList .moreData a:hover {
	background:#fdf0f0;
	text-align:right;
}

.flyerInfo {
	padding-left:20px;
}

.flyerInfo a:hover {
	opacity:0.7;
}

/*各店舗ページ***/


#flyer_img {
	border-bottom:1px solid #e60012;
	padding:20px;
}

#flyer_img p {
	text-align:center;
}

#flyer_img img {
	width:300px;
}

#shopMap {
	margin-bottom:20px;
	padding:20px;
}

#shopMap iframe {
	border:1px solid #d7d2cb;
	width:700px;
	height:360px;
}

#shopInfo {
	margin-bottom:20px;
	padding:20px;
}

.shopImg, .shopData {
	display:table-cell;
}

#shopInfo .shopImg, #shopInfo .shopImg img {
	width:300px;
}

#shopInfo .shopData {
	width:400px;
}

#shopInfo .shopData dl {
	margin-bottom:15px;
}

#shopInfo .shopData dt {
	border-bottom:1px dotted #d7d2cb;
	font-weight:bold;
	font-size:.95em;
	line-height:1.2em;
}

#shopInfo .shopData dt:before {
	content:"★ ";
	color:#e60012;
}

#shopInfo .shopData dd {
	margin:5px 5px 10px;
}

#shopInfo .shopData p {
	text-align:center;
}

#floorGuide {
	text-align:center;
	border-bottom:1px solid #e60012;
	padding:20px;
}

#floorGuide h3, #floorGuide h4 {
	margin-bottom:10px;
}

#floorGuide h3 span {
	font-weight:normal;
}

#floorGuide p {
	line-height:1.8em;
	margin:10px;
}

.floor_1f {
	margin-bottom:3em;
}

.imgBox {
	width:100%;
	margin-bottom:1em;
   background-size: 10px 10px;
}



/* 彦根店
*************************************************************/


.floor_1f .imgBox {
	border:2px solid #F93;
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #FFF8DF 25%, #FFF8DF 50%,
    #fff 50%, #fff 75%,
    #FFF8DF 75%, #FFF8DF
  );
}

.floor_2f .imgBox {
	border:2px solid #6CF;
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #E8F7FF 25%, #E8F7FF 50%,
    #fff 50%, #fff 75%,
    #E8F7FF 75%, #E8F7FF
  );
}

.imgBox div, .imgBox2 div {
	float:left;
}

.cover1, .cover2, .cover3, .cover4, .cover5, .cover6, .cover7 {
	display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:5px;
}

.cover {
	height: 310px;
	width: 348px;
}

.floor_1f h5, .floor_2f h5 {
	color:#fff;
	font-size:1.4em;
	line-height:1.2;
	padding:10px 5px;
	width:100%;
	text-align:center;
	position:absolute;
	top:20px;
	left:0;
	z-index: 1;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-moz-box-shadow:2px 2px 2px #999;
	-webkit-box-shadow:2px 2px 2px #999;
	box-shadow:2px 2px 2px #999;
}


.floor_1f h5 {
	background:#ff7e00;
}

.floor_2f h5 {
	background:#008aff;
}

.cover1 {
	height: 310px;
	width: 338px;
}

.cover2 {
	height: 150px;
	width: 163px;
	padding-top:15px;
	position:relative;
}

.cover3 {
	height: 150px;
	width: 338px;
}

.cover4 {
	height: 150px;
	width: 250px;
}

.cover5 {
	height: 150px;
	width: 338px;
}

.cover6 {
	height: 150px;
	width: 513px;
}


/*かがやき通り店
*****************************************************/

.cover7 {
	height:230px;
	width:223px;
	position:relative;
}

.cover7 span {
	background:#EBEBEB;
	box-shadow:1px 1px 1px #333;
	display:inline-block;
	font-weight:bold;
	padding:2px 10px;
	position:absolute;
	top:10px;
	left:-5px;	
}

#shopNew {
	border-bottom:1px solid #e60012;
	padding:20px;
}

#shopNew h3 {
	color:#06F;
	font-size:2em;
	text-align:center;
	margin-bottom:1em;
}

.txt_1 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}


 

/*チラシページ
************************************************/

#flyers {
	list-style:none;
	margin-right:-1px;
	overflow:hidden;
}

/*#flyers li {
	border-right:1px solid #e60012;
	border-bottom:1px solid #e60012;
	float:left;
	padding:20px;
	width:50%;
	height:320px;
}
*/

#flyers li {
	border-right:1px solid #e60012;
	border-bottom:1px solid #e60012;
	padding:20px;
	width:100%;
/*	height:320px;
*/	text-align:center;
}



#flyers li img {
	width:30%;
}


.imgstyle {
	margin-bottom:1em;
}




/*特集ページトップ
************************************************/

#special {
	padding:20px;
}
