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

/*---------------------------
ここで定義されているhtml,body関連のタグはできるだけいじらない!
---------------------------*/

html, body {
	width: 100%;
	overflow-x: hidden;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	height: auto;
	position: relative;
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

html.sb-web-app,
html.sb-web-app body {
	height: 100%;
	overflow: hidden;
}

html.sb-web-app body {
	-webkit-overflow-scrolling: touch;
}
#sb-site, .sb-site-container {
	width: 100%;
	position: relative;
	z-index: 1;
}

.sb-slidebar {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	z-index: 0;
	display: none;
	background-color: #383850;
	-webkit-transform: translate(0px);
}

.sb-left {
	left: 0;
}

.sb-right {
	right: 0;
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute;
}

.sb-slidebar.sb-active {
	display: block;
}

.sb-style-overlay {
	z-index: 9999;
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch;
}
/*サイドメニュー内氏名・メールアドレス表記のスタイル*/
.userName{
	text-align: left!important;
	padding: 10px 40px 10px 10px !important;
	color: #fff;
	font-size: 15px;
	border-bottom:1px solid #2F444C;
}
.userNoName{
	text-align: left!important;
	padding: 20px 10px !important;
	color: #fff;
	font-size: 15px;
	border-bottom:1px solid #2F444C;
}
.userAdress{
	display: block;
	font-size: 12px;
}
.setting{
	position: absolute;
	right: 10px;
	top: 20px;
}
.setting a{
	padding: 0!important;
	margin: 0;
	border: none!important;
}
/*サイドメニュー内リストのスタイル*/
.sb-slidebar ul li {
	padding:1px 0 0;
}
.sb-slidebar ul li a {
	color: #FFF;
	font-size:16px;
	line-height:1;
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
    padding: 15px 15px 15px 40px;
	text-decoration: none;
	background-size:18px;
	border-bottom:1px solid #45455f;
}
.sb-slidebar ul li.li_title {
	padding:0px 5px;
	background:#45455f;
	color:#fff;
	line-height:18px;
	padding-bottom:2px;
}
/*サイドメニュー内アイコンのスタイル*/
.li_seller a {
	background-image: url(../images/dropdownmenu/icon_seller.png);
}
.li_login a {
	background-image: url(../images/dropdownmenu/icon_login.png);
}
.li_entry a {
	background-image: url(../images/dropdownmenu/icon_entry.png);
}
.li_favorite a {
	background-image: url(../images/dropdownmenu/icon_favorite.png);
}
.li_guide a {
	background-image: url(../images/dropdownmenu/icon_guide.png);
}
.li_faq a {
	background-image: url(../images/dropdownmenu/icon_faq.png);
}
.li_inquiry a {
	background-image: url(../images/dropdownmenu/icon_inquiry.png);
}
.li_user a {
	background-image: url(../images/dropdownmenu/icon_user.png);
}
.li_logout a {
	background-image: url(../images/dropdownmenu/icon_logout.png);
}
.li_history a {
	background-image: url(../images/dropdownmenu/icon_record.png);
}
.li_reserve a {
	background-image: url(../images/dropdownmenu/icon_reserve.png);
}
.li_pentry a {
	background-image: url(../images/dropdownmenu/icon_pentry.png);
}
.li_padmin a {
	background-image: url(../images/dropdownmenu/icon_padmin.png);
}
.li_parkinglist a {
	background-image: url(../images/dropdownmenu/icon_parkinglist.png);
}
.li_preserve a {
	background-image: url(../images/dropdownmenu/icon_preserve.png);
}
.li_akichan a {
	background-image: url(../images/dropdownmenu/icon_akichan.png);
}
.li_coupon a {
	background-image: url(../images/dropdownmenu/icon_coupon.png);
}

/*セクションを分けるライン*/
.li_brank {
	padding:5px 0 0 0 !important;
	background:#45455f;
}
/*駐車場登録がある場合のタイトル*/
.li_title {
	padding:0 0 3px 5px !important;
	background:#45455f;
}
/*サイドメニュー内アコーディオンのスタイル*/
.sb-slidebar li.accordion {
	margin:0;
}
.sb-slidebar .accordionContents {
	display:none;
	margin:0;
}
.sb-slidebar .accordionTitle {
	background-image: url(../images/dropdownmenu/icon_seller.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size:18px;
	color: #FFF;
	font-size:12px;
    display: block;
    padding: 15px 15px 15px 40px;
    font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid #2F444C;
	margin:0;
}
.sb-slidebar .accordionTitle span {
	display:block;
	width:100%;
	border:none;
	background:url(../images/dropdownmenu/accordion_under.png) no-repeat right center;
	background-size:14px;
}
.sb-slidebar p.open span {
	display:block;
	width:100%;
	border:none;
	background:url(../images/dropdownmenu/accordion_upper.png) no-repeat right center;
	background-size:14px;
}

/*ヘッダーの検索窓のスタイル*/
.header_search_box {
	text-align: center;
	position:absolute;
	width:100%;
	top:-105px;
	z-index:50;
	background:#f5f5f5;
	-webkit-transition: all 0.3s linear 0;
    -moz-transition: all 0.3s linear 0;
    -o-transition: all 0.3s linear 0;
    -ms-transition: all 0.3s linear 0;
    transition: all 0.3s linear 0;
}
.searchbox-downin .header_search_box {
	top:0;
}
#headerSearchBg {
	z-index:49;
	-webkit-transition: all 0.1s linear 0;
    -moz-transition: all 0.1s linear 0;
    -o-transition: all 0.1s linear 0;
    -ms-transition: all 0.1s linear 0;
    transition: all 0.1s linear 0;
}
.searchbox-downin #headerSearchBg {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	background:#000;
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
}

.header_search_box input#side_keyword_search_btn {
	background:#fff !important;
}


/*サイドメニューの横幅の定義*/
	.sb-slidebar {
		width: 30%;
	}
@media (max-width: 480px) {
	.sb-slidebar {
		width: 70%;
	}
}
@media (min-width: 481px) {
	.sb-slidebar {
		width: 55%;
	}
}
@media (min-width: 768px) {
	.sb-slidebar {
		width: 40%;
	}
}
@media (min-width: 992px) {
	.sb-slidebar {
		width: 30%;
	}
}
@media (min-width: 1200px) {
	.sb-slidebar {
		width: 20%;
	}
}
/*サイドメニューのアクション*/
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/*デフォルトではサイドメニューを消す*/
.sb-hide { 
	display: none;
}