@charset "UTF-8";
/* CSS Document */

article {
	width: 100%;
	/* background: url(../images/common/ob_line_gr.png) repeat;
	background-size: 14px 14px; */
	background: rgba(243,238,213,0.6);
}

.ChangeElem_Panel div img {
	image-rendering: auto;
}

.facility_icon img {
	image-rendering: unset;
}

area {
	outline: none;
}

.info_contents ul.fashion h4,
ul.shop_list li a h4.name.fashion {
	color: #ee87b4;
}

.info_contents ul.sundries h4,
ul.shop_list li a h4.name.sundries {
	color: #00a0e9;
}

.info_contents ul.service h4,
ul.shop_list li a h4.name.service {
	color: #8bc53f;
}

.info_contents ul.restaurant h4,
ul.shop_list li a h4.name.restaurant {
	color: #f6921e;
}

.info_contents ul.amusement h4,
ul.shop_list li a h4.name.amusement {
	color: #c076c6;
}

ul.ChangeElem_Btn_Content li:first-child.is-active a,
ul.ChangeElem_Btn_Content li:first-child a:hover,
ul.category_Btn_Content li:first-child.active a,
ul.category_Btn_Content li:first-child a:hover {
	background: #25A9A4;
	color: #fff;
}

ul.ChangeElem_Btn_Content li:nth-child(2).is-active a,
ul.ChangeElem_Btn_Content li:nth-child(2) a:hover,
ul.category_Btn_Content li:nth-child(2).active a,
ul.category_Btn_Content li:nth-child(2) a:hover {
	background: #25A9A4;
	color: #fff;
}

ul.ChangeElem_Btn_Content li:nth-child(3).is-active a,
ul.ChangeElem_Btn_Content li:nth-child(3) a:hover,
ul.category_Btn_Content li:nth-child(3).active a,
ul.category_Btn_Content li:nth-child(3) a:hover {
	background: #25A9A4;
	color: #fff;
}

ul.ChangeElem_Btn_Content li:nth-child(4).is-active a,
ul.ChangeElem_Btn_Content li:nth-child(4) a:hover,
ul.category_Btn_Content li:nth-child(4).active a,
ul.category_Btn_Content li:nth-child(4) a:hover {
	background: #25A9A4;
	color: #fff;
}

ul.ChangeElem_Btn_Content li:nth-child(5).is-active a,
ul.ChangeElem_Btn_Content li:nth-child(5) a:hover,
ul.category_Btn_Content li:nth-child(5).active a,
ul.category_Btn_Content li:nth-child(5) a:hover {
	background: #25A9A4;
	color: #fff;
}

ul.ChangeElem_Btn_Content li:nth-child(6).is-active a,
ul.ChangeElem_Btn_Content li:nth-child(6) a:hover,
ul.category_Btn_Content li:nth-child(6).active a,
ul.category_Btn_Content li:nth-child(6) a:hover {
	background: #25A9A4;
	color: #fff;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print,
screen and (min-width: 769px) {

	article {
		padding-bottom: 30px;
	}

	section.floor_guide {
		width: 1000px;
		margin: 0 auto;
	}

	section.floor_guide ul.floor_num {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	section.floor_guide ul.floor_num li a {
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
		background: #fff;
		color: #666666;
	}

	section.floor_guide ul.floor_num li.active a,
	section.floor_guide ul.floor_num li a:hover {
		background: #25A9A4;
		color: #fff;
	}

	section.floor_guide ul.floor_num li {
		width: 49.7%;
	border-top: 1.5px solid rgba(21, 169, 161, 1);
	}

	ul.ChangeElem_Btn_Content {
		width: 1000px;
		margin: 0 auto 45px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.ChangeElem_Btn_Content li {
		width: 16.2%;
		height: 62px;
	border-top: 1.5px solid rgba(21, 169, 161, 1);
	}

	ul.ChangeElem_Btn_Content li a {
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		background: #fff;
		color: #808080;
		line-height: 1.4;
	}

	section.floor_guide ul.floor_info {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 20px 0 80px;
	}

	section.floor_guide ul.floor_info li.info_inner {
		width: 502px;
		border: 1px solid #ccc;
		background: #FFF;
		padding: 18px;
		margin-right: 35px;
	}

	section.floor_guide ul.floor_info li.info_inner ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.floor_guide ul.floor_info li.info_inner ul li.logo {
		width: 158px;
		border: 1px solid #CCC;
		line-height: 0;
		overflow: hidden;
		position: relative;
	}

	section.floor_guide ul.floor_info li.info_inner ul li.logo img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	section.floor_guide ul.floor_info li.info_inner ul li.text {
		width: 300px;
	}

	section.floor_guide ul.floor_info li.info_inner ul li.text h4 {
		font-size: 18px;
		line-height: 1.3;
		margin-bottom: 3px;
		font-weight: 700;
	}

	section.floor_guide ul.floor_info li.info_inner ul li.text p {
		font-size: 12px;
		line-height: 1.4;
		margin-bottom: 5px;
	}

	section.floor_guide ul.floor_info li.facility_icon {
		width: 463px;
	}

	section.floor_guide ul.floor_info li.facility_icon img {
		image-rendering: unset;
	}

	.info_contents {
		height: 114px;
		position: relative;
	}

	.info_contents ul {
		width: 480px;
		height: 114px;
		background: #FFF;
		opacity: 0;
		transition-duration: 0.5s;
		position: absolute;
		top: 0;
		left: 0;
	}

	.info_contents ul.active {
		opacity: 1;
	}

	.info_contents p bold {
		font-size: 16px;
		font-weight: 700;
	}

	.info_contents p.cap {
		font-size: 14px;
		padding-top: 10px;
	}

	ul.category_Btn_Content {
		width: 1000px;
		margin: 0 auto 45px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.category_Btn_Content li {
		width: 16.666%;
		height: 62px;
		border: 1px solid #FFF;
	}

	ul.category_Btn_Content li a {
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		background: #ccc;
		color: #FFF;
		line-height: 1.4;
	}

	ul.shop_list {
		width: 1000px;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	ul.shop_list li {
		width: 236px;
		margin-bottom: 32px;
		margin-right: 18px;
	}

	ul.shop_list li:nth-child(4n) {
		margin-right: 0;
	}

	ul.shop_list li a {
		display: block;
		color: #333;
	}

	ul.shop_list li a div.logo {
		width: 100%;
		border: 1px solid #CCC;
		line-height: 0;
		margin-bottom: 20px;
	}

	ul.shop_list li a div.logo img {
		image-rendering: unset;
	}

	ul.shop_list li a h4.name {
		font-size: 16px;
		border-bottom: 1px solid #666;
		line-height: 1.3;
		padding-bottom: 6px;
		margin-bottom: 12px;
	}

	ul.shop_list li a p.category {
		font-size: 14px;
		line-height: 1.3;
	}

	section.word_guide {
		width: 1000px;
		margin: 0 auto 90px;
	}

	ul.word_Btn_Content {
		width: 560px;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.word_Btn_Content li.top,
	ul.word_Btn_Content li.under {
		width: 48.5%;
	}

	ul.word_Btn_Content li.top ul,
	ul.word_Btn_Content li.under ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.word_Btn_Content li.top ul li,
	ul.word_Btn_Content li.under ul li {
		width: 42px;
		height: 42px;
		border: 1px solid #666;
		color: #92d4d1;
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.1;
		font-weight: 700;
		background: #FFF;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	ul.word_Btn_Content li a {
		width: 100%;
		height: 100%;
		display: block;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		color: #25A9A4;
		font-weight: 700;
	}

	section.word_guide div.block {
		width: 100%;
		margin: -97px auto 0;
		padding-top: 187px;
	}

	section.word_guide div.block h4 {
		font-size: 26px;
		color: #25A9A4;
		font-weight: 700;
		border-bottom: 1px solid #666;
		margin-bottom: 20px;
		line-height: 1.2;
		padding-bottom: 6px;
	}

	section.word_guide div.block ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.word_guide div.block ul li {
		width: 48%;
		margin-bottom: 10px;
	}

	section.word_guide div.block ul li a {
		display: block;
		color: #333;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media print,
screen and (max-width: 768px) {

	section.floor_guide {
		width: 100%;
		margin: 0 auto;
	}

	section.floor_guide ul.floor_num {
		width: 95%;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	section.floor_guide ul.floor_num li a {
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
		background: #fff;
		color: #666666;
	}

	section.floor_guide ul.floor_num li.active a,
	section.floor_guide ul.floor_num li a:hover {
		background: #25A9A4;
		color: #fff;
	}

	section.floor_guide ul.floor_num li {
		width:calc(50% - 3px);
		border: 1px solid #FFF;
	}
	section.floor_guide ul.floor_num li:nth-child(odd){
		margin-right: 6px;
	}
	ul.ChangeElem_Btn_Content {
		width: 95%;
		margin: 0 auto 20px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.ChangeElem_Btn_Content li {
		width:calc(50% - 3px);
		height: 50px;
		margin-bottom: 6px;

	}
	ul.ChangeElem_Btn_Content li:nth-child(odd){
		margin-right: 6px;
	}
	ul.ChangeElem_Btn_Content li a {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		background: #fff;
		color: #808080;
		line-height: 1.4;
	border-top: 1.5px solid rgba(21, 169, 161, 1);
	}

	ul.category_Btn_Content {
		width: 95%;
		margin: 0 auto 20px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.category_Btn_Content li {
		width: 50%;
		height: 50px;
		border: 1px solid #FFF;
	}

	ul.category_Btn_Content li a {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		background: #ccc;
		color: #FFF;
		line-height: 1.4;
	}

	ul.shop_list {
		width: 95%;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	ul.shop_list li {
		width: 48%;
		margin-bottom: 30px;
		margin-right: 4%;
	}

	ul.shop_list li:nth-child(2n) {
		margin-right: 0;
	}

	ul.shop_list li a {
		display: block;
		color: #333;
	}

	ul.shop_list li a div.logo {
		width: 100%;
		border: 1px solid #CCC;
		line-height: 0;
		margin-bottom: 20px;
	}

	ul.shop_list li a h4.name {
		font-size: 16px;
		font-size: 1.6rem;
		border-bottom: 1px solid #666;
		line-height: 1.3;
		padding-bottom: 6px;
		margin-bottom: 12px;
	}

	ul.shop_list li a p.category {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.3;
	}

	section.word_guide {
		width: 95%;
		margin: 0 auto 40px;
	}

	ul.word_Btn_Content {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.word_Btn_Content li.top,
	ul.word_Btn_Content li.under {
		width: 100%;
	}

	ul.word_Btn_Content li.top {
		width: 100%;
		margin-bottom: 10px;
	}

	ul.word_Btn_Content li.top ul,
	ul.word_Btn_Content li.under ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.word_Btn_Content li.top ul li,
	ul.word_Btn_Content li.under ul li {
		width: 42px;
		height: 42px;
		border: 1px solid #666;
		color: #92d4d1;
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.1;
		font-weight: 700;
		background: #FFF;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	ul.word_Btn_Content li a {
		width: 100%;
		height: 100%;
		display: block;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		color: #25A9A4;
		font-weight: 700;
	}

	section.word_guide div.block {
		width: 100%;
		margin: 40px auto 0;
	}

	section.word_guide div.block h4 {
		font-size: 22px;
		font-size: 2.2rem;
		color: #25A9A4;
		font-weight: 700;
		border-bottom: 1px solid #666;
		margin-bottom: 20px;
		line-height: 1.2;
		padding-bottom: 6px;
	}

	section.word_guide div.block ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.word_guide div.block ul li {
		width: 100%;
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 10px;
	}

	section.word_guide div.block ul li a {
		display: block;
		color: #333;
	}
}

@media print,
screen and (max-width: 480px) {}