@charset "utf-8";

/* ===================================================================

 file name  :responsive.css
 style info :共通のレスポンシブスタイル指定（ストラクチャ、ヘッダー、フッター）

=================================================================== */

/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/
/*====================================▼　スマホ・モード　/　640pxで最適化　▼======================================*/
@media screen and (max-width: 640px) {
/* ---------------------------------------------------------------------------
	
			structure
				ストラクチャ：基本設定、リンクカラーなど
	
--------------------------------------------------------------------------- */
br.pc{
	display: none;
}
	
section, div, p, ul, ol, li, dl, dt, dd, a, span {
	box-sizing: border-box;
}
#wrapper img {
	width: 100%;
	height: auto;
}

/*-----1000px中央揃え　枠-----*/
.inner {
	width: 100%;
}
section.base_section {
	padding: 0 10px 32px;
}
/*-----ヘッダー-----*/
/*-----ヘッダーメイン　枠-----*/
#header .header_main .inner {
	padding: 0;
}
/*マンスリーマンションロゴ*/
#header .header_main .logo {
	width: 36%;
	margin: 14px 0 0 16px;
}
/*補足ナビゲーション*/
#header .header_main .sp {
	float: right;
	width: 47.35%;
}
#header .header_main .sp ul li {
	width: 33.3%;
	float: left;
	border-left: 1px solid #EBEBEB;
}


/*-----グローバルナビゲーション-----*/
#sp_gnav {
	font-size: 1.09em;
	font-weight: bold;
}
#sp_gnav ul {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#sp_gnav li {
	float: left;
	width: 50%;
	border: 1px solid #FFF;
}
#sp_gnav .top,  #sp_gnav .inquiry,  #sp_gnav .monthly {
	width: 100%;
}
#sp_gnav a {
	display: block;
	height: 50px;
	padding-left: 10px;
	line-height: 50px;
	color: #FFF;
	background: url(../../images/common/ico_arrow_blue.png) no-repeat 93.43% center #007EE3;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
#sp_gnav .top a {
	background-position: 97% center;
}
#sp_gnav .ico a {
	background-color: #0A67AB;
	background-image: none;
}
/*アイコン　個別指定*/
#sp_gnav .ico a span:before {
	content: " ";
	position: relative;
	background: url(../../images/common/ico_contract_white.png);
	-webkit-background-size: 15px 14px;
	background-size: 15px 14px;
	float: left;
	top: 50%;
	margin: -7px 5px 0 0;
	display: block;
	height: 14px;
	width: 15px;
}
/*アイコン　よくあるご質問*/
#sp_gnav .faq a span:before {
	background: url(../../images/common/ico_faq_white.png);
	-webkit-background-size: 15px 14px;
	background-size: 15px 14px;
}
/*アイコン　法人のお客様へ*/
#sp_gnav .business a span:before {
	background: url(../../images/common/ico_person_white.png);
	-webkit-background-size: 15px 14px;
	background-size: 15px 14px;
}
/*アイコン　初めての方へ*/
#sp_gnav .beginner a span:before {
	background: url(../../images/common/ico_beginner_white.png);
	-webkit-background-size: 15px 16px;
	background-size: 15px 16px;
	height: 16px;
	margin: -9px 5px 0 0;
}
/*アイコン　会社案内*/
#sp_gnav .company a span:before {
	background: url(../../images/common/ico_company_white.png);
	-webkit-background-size: 15px 14px;
	background-size: 15px 14px;
}
/*お問い合わせ*/
#sp_gnav .inquiry a {
	background-image: none;
}
#sp_gnav .inquiry a span {
	display: block;
	width: 8em;
	position: relative;
	left: 50%;
	margin-left: -4em;
}
#sp_gnav .inquiry a span:before {
	content: " ";
	background: url(../../images/common/ico_inquiry_white.png);
	-webkit-background-size: 21px 17px;
	background-size: 21px 17px;
	float: left;
	margin: 15px 5px 0 0;
	display: block;
	height: 17px;
	width: 21px;
}

/*マンスリー物件リクエスト*/
#sp_gnav  .monthly a ,
.redbtn a{
	background: url(../../images/common/ico_arrow_red.png) no-repeat 97% center #EA4130;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	text-align: center;
}


/*-----MENU 開閉 -----*/
#wrapper .nav-window {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: none;
}
#wrapper .nav-window .nav-inner {
	position: relative;
	z-index: 500;
}
#wrapper .nav-window .nav_bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0,0,0,0.3);
}
#wrapper .nav-window .nav-close {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 50px;
	background: #EBEBED;
	color: #333;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 0;
}


/*-----コンテンツエリア-----*/
/*-----news-----*/
#main .news .inner {
	padding: 13px 0;
	font-size: 1em;
}
/*news　見出し*/
#main .news h2 {
	width: 90px;
	margin-top: 0;
	padding: 20px 0 0 0;
	background:url(../../images/index/ico_check.png) no-repeat center 2px;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	text-align: center;
}
/*news　テキスト*/
#main .news p {
	margin: 0 10px 0 90px;
	padding: 8px 10px;
	background: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/*news　強調文字*/
#main .news p strong {
	color: #EA4130;
}

/*-----見出し-----*/
/*-----ミドルページ大見出し-----*/
h2.page_ttl {
	height: 80px;
	margin-bottom: 24px;
	background: url(../../images/common/bg_pagettl.jpg) repeat-x center top;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
h2.page_ttl span {
	padding: 25px 0 6px;
	font-size: 1.42em;
}
h2.page_ttl span:after {
	margin-left: -11px;
	width: 22px;
	height: 2px;
}
/*-----ミドルページ　大見出し-----*/
section h2.sec_ttl {
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 1.25em;
}
/*-----エステムマンスリーマンションからのお知らせ　見出し-----*/
section h2.sec_ttl:after {
	margin-left: -11px;
	width: 22px;
	height: 2px;
}
section h2.sec_ttl span {
	font-size: 0.66em;
	margin-bottom: 3px;
}
/*-----中見出し-----*/
section h3 {
	min-height: 20px;
	font-size: 12px;
	padding-left: 28px;
	padding-bottom: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #0A67AB;
	box-shadow: 0 1px 0 #E0E0E0;
}
section.base_section h3 {
	margin-bottom: 22px;
}
section h3.search {
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}
section h3.badge {
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
/*-----小見出し-----*/
section h4 {
	font-size: 1.17em;
	margin-bottom: 8px;
}

/*-----ボタン-----*/
/*-----青ボタン-----*/
.bluebtn a {
	width: 100%;
	height: 34px;
	line-height: 34px;
	font-size: 1em;
	background: url(../../images/common/ico_arrow_blue.png) no-repeat 96% center #007EE3;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 3px solid #0065B6;
}
.bluebtn a span {
	top: 0;
}


/*-----メインコンテンツ 枠-----*/
.main_cont {
	float: none;
	width: 100%;
	padding: 22px 10px 0;
}


/*-----キャンペーン　リンクアイコン-----*/
.campaign p.ico {
	padding: 10px 5px 8px 22px;
	border: 1px solid #D4D4D4;
	background: url(../../images/common/ico_arrow_orange.png) no-repeat 10px 12px #FFF;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
}




/*-----フッター-----*/
/*-----ページの先頭に戻るボタン-----*/
#footer .gotop {
	width: 28px;
	position: absolute;
	top: -26px;
	right: 0;
}
/*-----サイトマップ-----*/
#footer .sitemap {
	padding: 0;
}
/*サーチメニュー*/
#footer .search {
	float: none;
	width: 100%;
}
/*サーチメニュー　見出し*/
#footer .search h2 {
	height: 36px;
	line-height: 36px;
	background: #FFF;
	text-align: center;
	margin-bottom: 0;
	color: #007EE3;
	font-size: 1em;
	font-weight: bold;
	border-top: 2px solid #007EE3;
}
#footer .search a {
	text-decoration: none;
	color: #FFF;
}
#footer .search a:hover {
	text-decoration: underline;
}
/*サーチメニュー　リスト*/
#footer .search .type > li {
	padding-left: 0;
	margin-bottom: 0;
	background: none;
	font-size: 1em;
	text-align:center;
}
#footer .search .type li a {
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 0.84em;
	font-weight: bold;
	background: url(../../images/common/ico_arrow_blue.png) no-repeat 97% center #007EE3;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
	border: solid #FFF;
	border-width: 0 1px 2px 1px;
}
#footer .search .type li a:hover {
	text-decoration: none;
}
/*スマホで非表示項目*/
#footer .search .type li a.pc {
	display: none;
}
/*アイコン　新ウィンドウ*/
#footer .search .type li.regeon a {
	background: url(../../images/common/ico_blank.png) no-repeat 97% center #007EE3;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
}
#footer .search .type > li:first-child {
	float: none;
	width: 100%;
}
#footer .search .type > li ul li:nth-child(2) a {
	padding-left: 0px;
	padding-right:11px;
}
#footer .search .type > li ul li:nth-child(2) a span {
	font-size: 13px;
	padding-right: 5px;
}
#footer .search .type > li:nth-child(2),
#footer .search .type > li:nth-child(3) {
	margin-left: 0;
	width: 50%;
	float: left;
	text-align:left;
}
#footer .search .type > li:nth-child(2) a,
#footer .search .type > li:nth-child(3) a {
	padding-left: 11px;
	background-position: 93.43% center;
	font-size: 1.05em;
}
#footer .search .type ul {
	padding-top: 0;
}
#footer .search .type ul li {
	font-size: 0.85em;
	margin: 0;
}
/*サブメニュー*/
#footer .subnavi {
	float: none;
	width: 100%;
	padding: 15px 10px 0;
	margin-bottom: 12px;
}
#footer .subnavi li {
	float: left;
	width: 40%;
	margin: 0;
	text-align: left;
	font-size: 0.85em;
}
#footer .subnavi li:nth-child(even) {
	width: 60%;
}
/*アイコン*/
#footer .subnavi li a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 12px;
	background: url(../../images/common/ico_arrow_dullblue.png) no-repeat 0 center;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	color: #FFF;
	font-weight: bold;
}
#footer .subnavi li+li a {
	background: url(../../images/common/ico_arrow_dullblue.png) no-repeat 0 center;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
}
#footer .subnavi li+li+li a {
	background: url(../../images/common/ico_arrow_dullblue.png) no-repeat 0 center;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
}
#footer .subnavi li+li+li+li a {
	background: url(../../images/common/ico_arrow_dullblue.png) no-repeat 0 center;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
}
/*テキストリンク*/
#footer .txtlink {
	padding: 0 10px;
	margin-bottom: 6px;
	font-size: 0.85em;
}
#footer .txtlink ul {
	width: 100%;
	padding-top: 17px;
	border-top: 1px solid #85B3D5;
}
#footer .txtlink a {
	color: #FFF;
}
#footer .txtlink li {
	width: 33%;
	float: left;
	padding: 0;
	margin-bottom: 12px;
	border-left: none;
}
#footer .txtlink li:first-child {
	border-left: none;
}
/*-----フッターインフォメーション-----*/
#footer .footer_info {
	background: #FFF;
    font-size:0.84em
}
#footer .footer_info .inner {
	padding: 13px 0 12px;
}
/*電話番号　枠*/
#footer .footer_info .phone {
	float: none;
	width: 100%;
	font-size: 1em;
	text-align: center;
}
/*電話番号　見出し*/
#footer .footer_info .phone dt {
	float: none;
	width: 100%;
	height: 1em;
	line-height: 1em;
	margin-bottom: 8px;
	border-right: none;
}
/*電話番号　番号・時間*/
#footer .footer_info .phone dd {
	padding: 0;
}
#footer .footer_info .phone dd img {
	width: 183px;
	margin-bottom: 7px;
}
/*ロゴ*/
#footer .footer_info .logo {
	float: none;
	padding: 14px 0 4px;
	text-align: center;
}
#footer .footer_info .logo img {
	width: 111px;
}
/*-----コピーライト-----*/
address {
	height: 26px;
	line-height: 26px;
	background: #1C1F86;
	color: #FFF;
	text-align: center;
	font-size: 0.84em;
}
}