@charset "UTF-8";

/* ▼▼▼ NEW & RENEWAL SHOP 情報
=====================================*/

.page_link{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
	}
	.page_link li{
		display: table;
		background: #EDE8DF;
		width: 32%;
		text-align: center;
		height: 60px;
		line-height: 60px;
		position: relative;
		}
	.page_link li:not(:nth-child(3n)){
		margin-right: 2%;
		}
	.page_link li:nth-child(n + 4){
		margin-top: 10px;
		}
	.page_link li a{
		display: table-cell;
		padding: 0 40px;
		vertical-align: middle;
		line-height: 1;
		}
	.page_link li a:before,
	.page_link li a:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		vertical-align: middle;
		}
	.page_link li a:before {
		top: 50%;
		bottom: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(45deg)translateX(-50%);
		transform: rotate(45deg)translateX(-50%);
		}

section h2{
	font-size: 42px;
	text-align: center;
	margin: 0 0 50px;
	position: relative;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: normal;
	}
	section h2:after{
		display: block;
		content: "";
		width: 1.5em;
		height: 3px;
		background: #000;
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translate(-50%,-0%);
		}

article {
	border: 1px solid #ccc;
	margin: 0 0 40px;
	}
	article > div{
		padding: 30px;
		overflow: hidden;
		position: relative;
		}
	.new article > div:before{
		content: "NEW";
		background: #A25E5E;
		border-radius: 50%;
		width:70px;
		height: 70px;
		line-height: 70px;
		color: #fff;
		font-size: 20px;
		text-align: center;
		position: absolute;
		top:30px;
		right: 30px;
		}
	.renewal article > div:before{
		content: "RENEWAL";
		background: #599e97;
		border-radius: 50%;
		width:70px;
		height: 70px;
		line-height: 70px;
		color: #fff;
		font-size: 13px;
		text-align: center;
		position: absolute;
		top:30px;
		right: 30px;
		font-feature-settings: 'palt'1;
		}
		/* 本館・プラザ館・駐車場ビル アイコン */
		article > div.main_bldg:before,
		article > div.plaza:before,
		article > div.parking:before{
			border-radius: 50%;
			width:70px;
			height: 70px;
			line-height: 70px;
			color: #fff;
			text-align: center;
			position: absolute;
			top:30px;
			right: 30px;
		}
		article > div.main_bldg:before{
			content: "本館";
			background: #5488b3;
			font-size: 18px;
		}
		article > div.plaza:before{
			content: "プラザ館";
			background: #80a342;
			font-size: 14px;
		}
		article > div.parking:before{
			content: "駐車場\Aビル";
			background: #8a5e9e;
			font-size: 14px;
			white-space: pre;
			height: auto;
			line-height: 1;
			padding: 21px 0;
		}
	article .shop_data{
		margin: 0 0 20px;
		}

	article ul.data_txt{
		display: table;
		overflow: hidden;
		margin: 0 0 25px;
		}
	article ul.data_txt,
	article .shop_desc{
		float: right;
		width: 50%;
		}
	article ul.data_txt li{
		display: table-cell;
		vertical-align: middle;
		}
	article ul.data_txt li:nth-child(2){
		display: inline-block;
		margin-left: 10px;
		width: 67%;
		}
	article .shop_logo{
		width: 170px;
		}
	.shop_img{
		float: left;
		width: 47%;
		}
	.newopen_date{
		color: #FF0000;
		}

.bg_area{
	background: #FAF7F7;
	padding: 30px;
	}
	.bg_area > li:not(:first-child){
		margin-top: 40px;
		}
	.bg_area h3{
		color: #A25E5E;
		font-weight: normal;
		}
	.bg_area  li > div{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		}
	.bg_area .img{
		max-width: 260px;
		width: 140%;
		}
	.bg_area .counter{
		margin-left: 30px;
		}

/* ▼▼▼ NEW OPEN & RENEWAL SHOP 情報
=====================================*/
#renewal_close .desc{
	margin-bottom: 30px;
	}
	#renewal_close .desc span{
		color: #A25E5E;}
	#renewal_close .renovation{
		text-align: center;
		margin-bottom: 30px;
		}
#renewal_close h3{
	border: 1px solid #999;
	background: #DFFAFF;
	text-align: center;
	padding: 10px;
	}
	#renewal_close h3.new_shop{
		background: #FFCCCC;
		}
#renewal_close .read_box{
	border: 1px solid #999;
	border-top: 0 none;
	background: #FFFFCC;
	text-align: center;
	padding: 10px;
	}
#renewal_close section table{
	border: 1px solid #999;
	border-bottom: 0 none;
	border-top: 0 none;
	width: 100%;
	margin-bottom: 50px;
	}
	#renewal_close section table tr th,
	#renewal_close section table tr td{
		border-bottom: 1px solid #999;
		text-align: center;
		vertical-align: middle;
		padding: 3px 10px;
		}
	#renewal_close section table tr th{
		background: #ccc;
		}
		#renewal_close section table tr th.day{
			color: #F30;
			}
		#renewal_close section table.close_shop tr th:first-of-type{
			width: 100px;
			}
	#renewal_close section table tr td{
		border-left: 1px solid #999;
		}
		#renewal_close section table tr td:not(:nth-of-type(1)){
			font-size: 12px;
			}
		#renewal_close section table.close_shop tr td:not(:nth-of-type(1)){
			width: 200px;
			}
		#renewal_close section table tr td:nth-of-type(1){
			font-weight: bold;
			}
		#renewal_close section table tr td:nth-of-type(1) span{
			display: block;
			font-size: 14px;
			font-weight: normal;
			text-align: center;
			}

	#renewal_close section table tr th:not(:first-of-type){
		border-left: 1px solid #999;
		}
		#renewal_close section table tr:first-of-type th:first-child{
			background: #444;
			color: #fff;
			}
	#renewal_close section table tr:first-child th{
		background: #F2F2F2;
		font-weight: normal;
		}
#renewal_close section table.new td:nth-of-type(1){
	width: 30%;
	}
	#renewal_close section table.new tr td:not(:nth-of-type(1)){
		width: 15%;
		}
	#renewal_close section table.new tr td:nth-of-type(3){
		color: #F30;
		}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {
.page_link{
    margin: 30px auto;
	}
	.page_link li{
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
		}
	.page_link li:not(:nth-child(3n)){
		margin-right: 0;
		}
	.page_link li:nth-child(n + 4){
		margin-top: 0;
		}
	.page_link li a{
		background: #EDE8DF;
		}
	.page_link li a:before, .page_link li a:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		vertical-align: middle;
		}
	.page_link li a:before {
		right: 10px;
		width: 7px;
		height: 7px;
		}

section h2{
	font-size: 30px;
	text-align: center;
	margin: 0 0 40px;
	position: relative;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: normal;
	}
	section h2:after{
		display: block;
		content: "";
		width: 1.5em;
		height: 2px;
		background: #000;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,-0%);
		}

article {
	border: 1px solid #ccc;
	margin: 0 0 40px;
	}
	article > div{
		padding: 20px 15px;
		overflow: hidden;
		}
	.new article > div:before{
		width: 46px;
		height: 46px;
		line-height: 46px;
		font-size: 14px;
		top:20px;
		right: 15px;
		}
	.renewal article > div:before{
		width: 46px;
		height: 46px;
		line-height: 46px;
		font-size: 10px;
		top:20px;
		right: 15px;
		}
		/* 本館・プラザ館 アイコン */
		article > div.main_bldg:before,
		article > div.plaza:before,
		article > div.parking:before{
			width: 46px;
			height: 46px;
			line-height: 46px;
			font-size: 10px;
			top:20px;
			right: 15px;
		}
		article > div.main_bldg:before{
			content: "本館";
			font-size: 14px;
		}
		article > div.plaza:before{
			content: "プラザ館";
			font-size: 10px;
		}
		article > div.parking:before{
			padding: 11px 0;
			height: auto;
			line-height: 1;
			font-size: 12px;
		}
	article .shop_data{
		margin: 0;
		}

	article ul.data_txt{
		display: table;
		overflow: hidden;
		margin: 0 0 20px;
		}
	article ul.data_txt,
	article .shop_desc{
		float: none;
		width: 100%;
		}
	article ul.data_txt li{
		display: table-cell;
		vertical-align: middle;
		}
	article ul.data_txt li:nth-child(2){
		width: 70%;
		}
	article .shop_logo{
		width: 27vw;
		}
	.shop_img{
		float: none;
		width: 100%;
		margin: 0 0 20px;
		}
	.newopen_date{
		color: #FF0000;
		}

.bg_area{
	background: #FAF7F7;
	padding: 20px;
	}
	.bg_area > li:not(:first-child){
		margin-top: 25px;
		}
	.bg_area h3{
		color: #A25E5E;
		font-weight: normal;
		}
	.bg_area  li > div{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	.bg_area .img{
		max-width: 260px;
		width: 140%;
		margin: 0 0 20px;
		}
	.bg_area .counter{
		margin-left: 0;
		}
		



/* ▼▼▼ NEW OPEN & RENEWAL SHOP 情報
=====================================*/
#renewal_close .desc{
	margin: 30px auto;
	}
.scroll {
	overflow: auto;
	margin-bottom: 30px;
	}
/*スクロールバーカスタム*/
.scroll::-webkit-scrollbar {
	height: 15px;
	}
	.scroll::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #ccc;
		}
	.scroll::-webkit-scrollbar-thumb {
		background-color: #A09696;
		border-radius: 10px;
		}
.scroll > div{
	width: 900px;
	}

#renewal_close h3,
#renewal_close h3.new_shop,
#renewal_close .read_box,
#renewal_close section table{
	width: 100%;
    }
#renewal_close section table{
	margin-bottom: 20px;
	}

}




.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(480 / 854 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}