@charset "utf-8";

@import 'common.css';
@import 'smp_styles.css';


/* 銀座スクエア TOP --------------------------------------------------------------*/

/* ビジュアルスライダー */

#slider {
	display: none;
}


/* ビジュアルスライダースマホ */

#sliderSMP {
	height: 330px;
	position: relative;
	padding: 0;
	overflow: hidden;
	margin: 0 0 30px;
}

#slides2 {
	width: 320px;
	height: 300px;
}

.owl-item span {
	display:inline-block;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-wrapper {
	position: relative;
	-webkit-transform: translate3d(0,0,0);
	display: none;
}

.owl-item {
	float: left;
}

.owl-item span {
	display: inline-block;
	width: 320px;
	overflow: hidden;
}

.owl-controls .owl-page {
}

.owl-controls .owl-page span {
	display:block;
	width: 12px;
	height: 12px;
	margin: 5px;
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	border: 1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.owl-controls .active span {
	background: #869791;
}

.owl-theme .owl-controls {
	position: absolute;
	width: 320px;
	top: 310px;
	text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

.owl-theme .owl-controls .owl-buttons div {
	display: none;
}

.owl-theme .owl-controls .owl-prev {left:0;background-image:url('../img/index_btn_slider_prev.png');}
.owl-theme .owl-controls .owl-next {right:0;background-image:url('../img/index_btn_slider_next.png');}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {cursor:pointer;}

.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
}

.owl-controls .owl-buttons div:hover {
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}




/*  */

h1{display:none;}



/* お知らせ */

#MAIN #news {
	/*margin-bottom: 50px;*/
	margin-top: -20px;
}

#MAIN #news .frame {
	margin-bottom: 30px;

}

#MAIN #news h5 {
font-size: 130%;
}

#MAIN iframe {
	width: 100%;
	border: 0 none;
	height: 150px;
/*
	height: 0;
	max-height: 150px;
*/
}



/* フロアメニュー */

#MAIN #flMenu {
	margin-bottom: 50px;
}



/* MAIN */

#MAIN #campaign{
}

#MAIN #beauty,
#MAIN #health,
#MAIN #food,
#MAIN #science,
#MAIN #other{
	margin: 0 -10px;
	border-top: 1px solid #ddd;
}

/*#MAIN #science {
	border-bottom: 1px solid #ddd;
}*/

/*#MAIN #health {
	border-bottom: 1px solid #ddd;
}*/

/*#MAIN #food {
	border-bottom: 1px solid #ddd;
}*/

#MAIN .floor{
	float:left;
	width: 159px;
	overflow: hidden;
}


/*#MAIN #health,*/
/*#MAIN #science,*/
#MAIN #food,
#MAIN #other{
	border-bottom: 1px solid #ddd;
}



#MAIN .floor.b1f {
	border-right: 1px solid #ddd;
	margin-right: -1px;
}

#MAIN .floor.fl{
	border-right: 1px solid #ddd;
	margin-right: -1px;
}

#MAIN .floor.fr {
	border-left: 1px solid #ddd;
	margin-left: 0px;
}


#MAIN .floor h3{
	white-space: nowrap;
	margin: 0 0 8px 8px;
}

#MAIN .floor h3 span,
#MAIN .floor h3 small{
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
}

#MAIN .f3 h3,
#MAIN .f4 h3{color:#df85ac; font-size:96%;}
#MAIN .f5 h3{color:#849fc9; font-size:96%;}
#MAIN .f6 h3,
#MAIN .f7 h3,
#MAIN .f8 h3{color:#eba018; font-size:96%;}
#MAIN #food h3{color:#7d8a40; font-size:96%;}
#MAIN .cp h3{color:#5654A2; font-size:96%;}
#MAIN .floor h3 .flabel {
	margin-right: 5px;
	line-height: 2.1;
	padding-bottom: 2px;
}

#MAIN .cp h3 {
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
	height: 30px;
}


#MAIN .floor .picture {
	width: 141px;
	overflow: hidden;
	margin: 0 0 8px 8px;
}

#MAIN .floor .topic {
	margin: 0 3px 0 8px;
}


#MAIN .floor .tag {
	margin:0 -8px 5px 0;
	overflow:hidden;
}

#MAIN .floor h4 {
	line-height:1.3;
	margin-bottom:5px;
	font-size:90%;
}

#MAIN .floor h4 .sholder{
	margin-bottom:3px;
	font-size:87%;
}


#MAIN .floor p {
	line-height:1.5;
}

#MAIN .section .sub-section{
	margin-bottom:30px;
}


#MAIN .floor .topic p {
	clear:both;
}

#MAIN .floor small {
	font-size: 90%;
}

#MAIN .floor h3 small {
	font-size: 72%;
}

#MAIN .floor p {
	font-size: 87%;
}

#MAIN .floor a {
	display: block;
	padding: 10px 0;
}





/* スマホ用*/
#SMPTB h5{
	font-size:130%;
}


#SMPTB #food .floor.fr{
	border-bottom:0 none;
}
#SMPTB table .price {
	font-size: 80%;
}

#SMPTB .floor h3{
	margin-bottom:10px;
}

#SMPTB .floor h3 span,
#SMPTB .floor h3 small{
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
}
#SMPTB .f3 h3,
#SMPTB .f4 h3,
#SMPTB .f5 h3{
	color: #df85ac;
	font-size: 85%;
	margin-right: -5px;
}
#SMPTB .f6 h3,
#SMPTB .f7 h3,
#SMPTB .f8 h3{
	color: #eba018;
	font-size: 85%;
	margin-right: -5px;
}
/*
#MAIN #beauty h3{color:#df85ac;}
#MAIN #health h3{color:#eba018;}
#MAIN #science h3{color:#849fc9;}
*/
#SMPTB #food h3{
	color: #7d8a40;
	font-size: 85%;
	margin-right: -5px;
}


#SMPTB .floor h3 .flabel{
	/*height:32px;
	width:32px;
	line-height:32px;
	text-align:center;
	color:#fff;*/
	/*background:url('../img/icon/type_label.png') no-repeat;*/
	margin-right:5px;
}

#SMPTB .picture{
	float: left;
	width: 140px;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 10px;
}

#SMPTB .section .floor .fl .topic {
	width: 140px;
}


#SMPTB .floor div.tag{
	margin:0 -8px 5px 0;
	overflow:hidden;
}

#SMPTB .floor h4{
	line-height:1.3;
	font-size:90%;
}

#SMPTB .floor p{
	line-height:1.5;
}

#SMPTB .section .sub-section{
	margin-bottom:30px;
}




/*トップ　お知らせ*/
#MAIN .section #news .frame {
	margin-right: -10px;
	margin-left: -10px;
}

#MAIN .section #news .frame #view {
	background-color: #FFF;
	padding: 2px;
}

h5{
	font-size:130%;
}





#categorynavi{
	font-size:83%;
	margin-bottom:20px;
}

#categorynavi .inner-f {
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}



#categorynavi .inner-kate01 {
	float: left;
	margin-left: 0px;
	margin-right: 4px;
	text-align: center;
	display: inline-block;
	width: 94px;
	height: 120px;
}

#categorynavi .inner-kate01 .kate-ttl{
	text-align: center;
	background-color: #FCC;
	border: 1px solid #F9C;
	padding-bottom: 10px;
	padding-top: 10px;
}


#categorynavi .inner-kate02 {
	float: left;
	width: 94px;
	border: 1px solid #FC0;
	margin-left: 2px;
	margin-right: 2px;
	text-align:center;
}

#categorynavi .inner-kate03 {
	float: left;
	width: 94px;
	border: 1px solid #9C0;
	margin-left: 4px;
	margin-right: 0px;
	text-align:center;
}

#p_top #campaign .cpbox .imgFadeOvr .sbox.cf.last h4 .tag {
	font-size: 80%;
	background-color: #DA5183;
	color: #FFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 3px;
	margin-left: 3px;
}

#p_top #CONTAINER #CONTENTSAREA #CONTENT .wFix #MAIN .section #campaign .cpbox .sbox.cf .imgFadeOvr h4 .tag {
	font-size: 80%;
	background-color: #DA5183;
	color: #FFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-left: 10px;
	margin-top: 3px;
}

#access {
	margin: 0 0 50px;
	padding: 0 10px;
}

#access #sqMap {
	width: 320px;
	height: 160px;
	margin: 20px -10px;
}

/*
#access dt span {
	display: block;
	width: 90px;
	height: 18px;
	text-indent: 200px;
	overflow: hidden;
	background: url('../img/icon/tags.gif') no-repeat 0 0;
}
#access dt.address span{background-position: 0 -241px;}
#access dt.open span{background-position: 0 -271px;}
#access dt.tel span{background-position: 0 -301px;}
#access dt.trans span{background-position: 0 -331px;}

#access dd {
	position:relative;
	margin:5px 0 20px 0;
}
*/

#access dt {
	display: none;
}

#access dd {
	margin-top: 5px;
}

#access .phone a {
	display: block;
	text-align: center;
	background: #efefef url('../img/button_gray.gif') no-repeat 0 50%;
	background-position: 100% 50%;
	margin-top: 20px;
}

#access .phone a span {
	display: inline-block;
	line-height: 40px;
	font-size: 150%;
	padding-left: 32px;
	padding-right: 16px;
	background: url('../img/icon/phone_l.png') no-repeat 0 50%;
	background-size: 24px auto;
}