@charset "utf-8";
/* CSS Document */
/* { outline: 1px solid red; }*/
/*=======================
　　　　店舗一覧ページ
========================*/


/*▼Unique ここから-------------------------*/

body{padding-top: 80px;}

/*header-------------------------*/



/*▲Unique ここまで-------------------------*/




/*▼Original ここから-------------------------*/

section#shop_list h2{
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	line-height: 1;
	padding: 10px 0 6px 0;
	box-shadow: 4px 4px;
	margin-bottom: 0.4em;
}

/*ショップリスト*/
section#shop_list{
	flex-grow: 1; /* 残りのスペースを全て占有する */
}
section#shop_list ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	/*position: relative;*/
}

/* 擬似要素で穴埋め（列の数より1つ多く設定する） */
section#shop_list ul::after {
  content: "";
  width: 23%; /* 子要素と同じ幅 */
}
section#shop_list ul li{
	width: 23%;
	text-align: center;
	margin-bottom: 20px;
}
section#shop_list ul li img{
	max-width: 270px;
}


/*section#shop_list ul li p{
	font-size: 90%;
	line-height: 1.3;
}*/
/* 窪田追記*/

.period .txt {
	font-size: 13px;
}

/*▲Original ここまで-------------------------*/

/*-----ヒント-----*/

.shoplistArea{
	margin-top: 50px;
	margin-bottom: 50px;
}
.shoplistArea h3{
	max-width: 400px;
	width: 70%;
	margin: 0 auto 30px;
}
.shoplistArea ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	/*justify-content: space-between;*/
}
.shoplistArea li{
	display: flex;	
	width: 30%;
	margin: auto;
	padding-bottom: 3px;
	border-bottom: 1px solid #444;
}
.shoplistArea li:nth-child(n + 1){
	margin-top: 6px;
}
/*--------ヒントここまで---------*/

.shoplistBox{
	width: 1200px;
}
.shoplistBox ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	/*position: relative;*/
}
.shoplistBox ul li{
	width: 23%;
	text-align: center;
	margin-bottom: 20px;
}

.shoplistBox ul li img{
	max-width: 270px;
}







@media screen and (max-width:745px) {

/*▼Unique ここから-------------------------*/

	/*body{padding-top: 100px!important;}*/
	.sp_size{width: 100%!important;}
	
	/*header-------------------------*/

	/*#header{
		background: url(../../common/images/contents_head.png)no-repeat bottom left #ffe100!important;
		background-size: 85%!important;
		height: 60px!important;
		z-index: 40!important;
	}*/

	#header h1{
		margin-top: 0px!important;
		float: none!important;
		line-height: 0;
		margin-left: 50px;
		font-size: 70%;
	}

	#header #gmenu{
		background: #000000;
	}

/*▲Unique ここまで-------------------------*/



/*▼Original ここから-------------------------*/

	section#shop_list ul li{width: 49%!important;}
	section#shop_list ul li:nth-child(3n+1){float: none!important;}
	section#shop_list ul li:nth-child(3n+2){float: none!important;}
	section#shop_list ul li:nth-child(3n+2) div{margin: 0 !important;}
	section#shop_list ul li:nth-child(3n+3){float: none!important;}
	section#shop_list ul li:nth-child(3n+3) div{margin-left: 0px!important;}
	section#shop_list ul li:nth-child(odd){float: left!important;}
	section#shop_list ul li:nth-child(even){float: right!important;}
	section#shop_list ul li div{width: 100%!important;}

	
	/*ショップリスト*/
	section#shop_list ul li{width: 48%!important;}
section#shop_list ul li img{
	width: 100%;
}
section#shop_list ul li:nth-child(4n+1){padding-right: 0px!important;}
section#shop_list ul li:nth-child(4n+2){float: right!important;padding-right: 0px!important;}
section#shop_list ul li:nth-child(4n+3){padding-right: 0px!important;}

section#shop_list ul li{
	margin-bottom: 15px;
	}
	
section#shop_list ul li div{
	width: 270px;
}
section#shop_list ul li p{
	font-size: 70%;
}


	

/*▲Original ここまで-------------------------*/



}