@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. インデントモジュール
　03. メイン画像モジュール
　04. 見出しモジュール
　05. リードモジュール
　06. セクション
　07. カラム
　08. 表組みモジュール
　09. リストモジュール
　10. 画像関連
　11. お問い合わせ
　12. ローカルナビ
　13. ページナビ
　14. 地図
　99. 機能

******************************************************************************* */


/* ==

　01. 基本

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

p {
	font-size: 134%;
}
/** {
	color: #333;
}*/
.recoFooter p {
	font-size: inherit;
}
.container {
	width: auto;
}
#main,
.mtContact,
.mtLocal,
.mtTop {
	line-height: 1.6;
	color: #333;
/*	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;*/
}

#main {
	padding-bottom: 0;
	background: none;
}

.pagetop{ font-size:12px; line-height:1.0; }

.color-w,
.color-w li{color:#fff;}
.fsS{ font-size:120%; }
.bold{font-weight:bold;}

/* ==

　02. インデントモジュール

=============================================================================== */
.mtIndent01 {
	width: 950px;
	margin: 0 auto;
}
.mtIndent02 {
	width: 950px;
	margin: 0 auto;
}


/* ==

　03. メイン画像モジュール

=============================================================================== */
.mtVisual01-mb {
	margin: 0 0 65px;
}
.mtVisual01-liquid img {
	width: 100%;
	height: auto;
}
.mtVisual01_in {
	padding: 10px 0;
}
.mtVisual01_item {
	padding: 0 5px;
}

.mtVisual01{
	position: relative;
	text-align: center;
}
.mtVisual01-liquid a{
	position: absolute;
	top:0;
	right:50%;
	display:block;
	width:950px;
	margin-right:-475px;
	text-align: right;
}
.mtVisual01-liquid img.ico{
	margin-top:20px;
	width:200px;
	height:200px;
}



/* ==

　04. 見出しモジュール

=============================================================================== */
.mtHeading01  {
	background: url(../images/bg01.gif) left top repeat;
}
.mtHeading01_in {
	display: block;
	width: 950px;
	margin: 0 auto;
}
.mtHeading02Wrap {
	position: relative;
}
.container .mtHeading02 {
	min-height: 31px;
	height: auto !important;
	height: 31px;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 5px 0 0;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 184%;
	font-weight: bold;
}
.container .mtHeading02-v1 {
	padding-left: 21px;
	background-image: url(../images/ico01.png);
}
.container .mtHeading02-v2 {
	padding-left: 21px;
	background-image: url(../images/ico02.png);
	color: #fff;
}
.mtHeading02_txt {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 117%;
}
.mtHeading03  {
	background: url(../images/bg01.gif) left top repeat;
}
.mtHeading03_in {
	display: table;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
}
.mtHeading03_tit {
	display: table-cell;
	line-height: 1.1;
	margin: 0;
	padding: 10px 0;
	vertical-align: middle;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-shadow: 0px 2px 2px #000000;
}

/* ==

　05. リードモジュール

=============================================================================== */
.mtLead01 {
	margin: 0 0 30px;
}
.mtLead01_catch {
	line-height: 1.5;
	font-size: 184%;
	font-weight: bold;
}
.mtLead01_txt {
	margin: 5px 0 0;
}
.mtLead02 {
	margin: 0 0 20px;
}
.mtLead02_catch {
	font-size: 184%;
	font-weight: bold;
}
.mtLead02_txt {
	margin: 1px 0 0;
	font-size: 117%;
}
.mtLead02-cc p {
	color: #fff;
}
.mtLead02_catch sup {
	color: #fff;
}

.mtLead02_note {
	margin: 7px 0 0 1em;
	font-size: 100%;
	text-indent:-1em;
}


#place .mtLead02_txt { color:#000; }

/* ==

　06. セクション

=============================================================================== */
.mtSection-location {
	padding: 40px 0;
	background-color: #eee;
}
.mtSection-access {
	padding: 40px 0;
	background-color: #6a7070;
}
.mtSection-place {
	padding: 40px 0;
	background-color: #a4b7c3;
}
.mtSection-floor {
	padding: 40px 0;
	background: url(../images/bg11.gif) left top repeat;
}
.mtSection-floor2 {
	padding: 40px 0;
	background:#fff;
}
.mtSection-outline {
	padding: 40px 0;
}


/* ==

　07. カラム

=============================================================================== */
/* カラム1
------------------------------------------------------------------------------- */
.mtCol01 {
	overflow: hidden;
}
.mtCol01_in {
	width:975px;
	margin: -20px -25px 0 0;
}
.mtCol01_col {
	float: left;
	width: 300px;
	margin: 20px 25px 0 0;
}
.mtCol01_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol01,
*:first-child+html .mtCol01_in { zoom: 1; } /* ie7 */


/* カラム2
------------------------------------------------------------------------------- */
.mtCol02 {
	overflow: hidden;
}
.mtCol02_in {
	width:980px;
	margin: -20px -30px 0 0;
}
.mtCol02_col {
	float: left;
	width: 460px;
	margin: 20px 30px 0 0;
}
.mtCol02_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol02,
*:first-child+html .mtCol02_in { zoom: 1; } /* ie7 */


/* カラム3
------------------------------------------------------------------------------- */
.mtCol03_colN {
	float: left;
	width: 430px;
}
.mtCol03_colW {
	float: right;
	width: 500px;
}
.mtCol03:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol03 { zoom: 1; } /* ie7 */


/* カラム4
------------------------------------------------------------------------------- */
.mtCol04{
	margin:0 auto 30px;
	width:950px;
	display:flex;
	justify-content: space-between;
	overflow:hidden;
}
.mtCol04_col{
	width:32%;
}

/* ==

　08. 表組みモジュール

=============================================================================== */
.mtData01 {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #999;
}

.mtData01 th,
.mtData01 td {
	border-right: 1px solid #999;
	background-color: #fff;
	font-size: 117%;
	text-align: center;
}
.mtData01 th {
	padding: 8px 5px 6px;
	border-bottom: 1px solid #999;
	background-color: #ddd;
	font-weight: normal;
	text-align: center;
}
.mtData01 .color-blk th{
	background:#000;
	color:#fff;
}

.mtData01 th em{ font-style:normal; font-weight:bold; }
.mtData01 td {
	padding: 8px 5px 6px;
	border-bottom: 1px dotted #999;
}
.mtData01_odd td {
	width:27%;
	background-color: #eee;
}
.mtData01_wrap.column2 th,
.mtData01_wrap.column2 td{ width:49%; }
.mtData01_wrap.column3 .mtData01_odd td{ width:37%; }
.mtData01_wrap.column5 .mtData01_odd td{ width:22%; }

.mtData01 .mtData01_sub,
.mtData01_wrap.column3 .mtData01 .mtData01_sub {
	width:auto;
	background-color: #ddd;
	vertical-align: middle;
}
.mtData01_wrap.column5 .mtData01_odd td.mtData01_sub{ width:auto; }

.mtData01 .mtData01_sub02 {
	width:auto;
	background-color: #ddd;
}
.mtData01_wrap.column3 .mtData01_odd .mtData01_sub02{ width:auto; }

.mtInfo02 {
	font-size: 117%;
	display:flex;
	flex-wrap:wrap;
	overflow: hidden;
}
.mtInfo02 dt {
	position:relative;
	display:block;
	width: 32%;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom:20px;
	background:#efefef;
}
.mtInfo02-v2 dt{
	background:#fff;
}
.mtInfo02 dd {
	position:relative;
	width: 68%;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom:20px;
	border:0;
	
}
.mtInfo02 dt:after,
.mtInfo02 dd:after{
	width:100%;
	height:1px;
	position: absolute;
	left:0;
	bottom:-10px;
	content: "";
	border-bottom:1px dotted #333;
}
.mtInfo02 dd:after{left:1px;}
.mtInfo02 p{font-size:100%}
.mtInfo02 .floorBox{margin-top:10px;}
.mtInfo02 .floorBox:first-child{margin-top:0;}

.mtInfo02 .floorBox span{
	display:block;
	padding:5px;
	margin-bottom:10px;
	color:#fff;
	background:#000;
}

/* ==

　09. リストモジュール

=============================================================================== */
.mtList01 li {
	margin: 8px 0 0;
	padding: 0 0 0 12px;
	background: url(../images/ico03.png) left 0.75em no-repeat;
}
.mtList01 li:first-child {margin-top: 0;}
.mtList01-cc li {color: #fff;}
.mtList01_em {font-size: 125%;}
.mtList01-cc .mtList01_em {color: #fff;}
.mtList01 .txt{
	color:#fff;
	font-size:14px;
	line-height:1.2;
}
p.indent,
.indent li{
	text-indent:-1em;
	margin-left:1em;
	font-size:114%;
}


/* ==

　10. 画像関連

=============================================================================== */
.mtImg01 {
	text-align: center;
}
.mtImg01 img,
img.mtImg01 {
	border: 5px solid #ccc;
	background:#fff;
}
.mtImg02 {
	text-align: center;
}
.mtImg02 img,
img.mtImg02 {
	border: 5px solid #fff;
	background:#fff;
}


.mtBanner{ margin:-10px 0 40px; text-align:center; }
.mtBanner02{ margin:40px 0; text-align:center; }



/* ==

　11. お問い合わせ

=============================================================================== */
.mtContact {
	position: relative;
	margin: 0 0 20px;
	padding: 62px 0 32px;
	background-color: #60605a;
	text-align: center;
}
.mtContact:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100px;
	height: 30px;
	margin: 0 0 0 -50px;
	background: url(../images/bg03.png) left top no-repeat;
}
.mtContact_ver2 .mtContact:before{
	background-image: url(../images/bg12.png);
}


.mtContact_btn {
	display: block;
	margin: 26px 0 0;
}
.mtContact_txt {
	margin: 31px 0 0;
}
.mtContact_txt span{ display:none; }



/* ==

　12. ローカルナビ

=============================================================================== */
.mtLocal {
	margin: 50px 0 25px;
	padding: 16px 10px 15px;
	border: 5px solid #ddd;
}
.mtLocal_tit {
	margin: 0 0 4px;
	padding: 0 0 0 15px;
	background: url(../images/ico06.png) left 0.55em no-repeat;
	font-weight: bold;
}
.mtLocal_in {
	font-size: 117%;
}
.mtLocal_in li {
	float: left;
	width: 33.3%;
	margin: 10px 0 0;
}
.mtLocal_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtLocal_in { zoom: 1; } /* ie7 */
.mtLocal_in img {
	float: left;
	margin: 0 10px 0 0;
}
.mtLocal_in span {
	display: block;
	padding: 0 0 0 10px;
	background: url(/common/images/rn02/ico_arw17.png) left 0.5em no-repeat;
	color: #3f4e6e;	
	overflow: hidden;
}
.mtTop {
	margin: 0 0 30px;
	font-size: 134%;
	text-align: center;
}
.mtTop a {
	padding: 0 0 0 36px;
	background: url(../images/ico05.png) left center no-repeat;	
}


/* ==

　13. ページナビ

=============================================================================== */
.mtPageNav {
	margin: 0 0 30px;
	background: url(../images/bg09.gif) left top repeat;
}
.mtPageNav-fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #262626;
	z-index: 100;
}
#fn_mtnav_fix {
	display: none !important;
}
#fn_mtnav_fix.mtPageNav-fix {
	display: block !important;
}
.mtPageNav_in {
	width: 950px;
	margin: 0 auto;
	padding: 9px 0;
	height: 100%;
}

.mtPageNav_list1{
	display:flex;
	justify-content:space-between;
  align-items: center;
}

.mtPageNav_list1 li {
	display:table;
	width:16%; /* 6 */
	height:40px;	
}
.mtPageNav_list1-type2 li{
	width:14%;  /* 7 */
}
.mtPageNav_list1-type3 li{
	width:19%;  /* 5 */
}
.mtPageNav_list1 li a{
	position: relative;
	display:table-cell;
	text-align:center;
	background:#313131;
	border:2px solid #9c9c9c;
	height:36px;
	padding:0 10px;
	color:#fff;
	font-size:12px;
	text-decoration: none;
	line-height:1.2;
	vertical-align: middle;
	border-radius: 3px;
}
.mtPageNav_list1 li a:after{
  position: absolute;
  top:14px;
  left: 8px;
	display:inline-block;
	content: '';
  width: 4px;
  height: 4px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mtPageNav_list1 li a span{
	font-size:11px;
}

.mtPageNav_list1 li:last-child a{
	background:#fa0046;
	border:0;
}
.mtPageNav_list1 li:last-child a:after{
  content: '';
  width:13px;
  height: 10px;
  border: 0px;
  left: 5px;	
	transform: rotate(0deg);
	background:url("/business/silver/dsilver/common/images/ico08.png");
}



.mtPageNav_list1 li a:hover{
	opacity: 0.7;
}
/* ==

　14. 地図

=============================================================================== */
.mtMap {
	height: 300px;
	margin: 0 0 20px;
	border: 5px solid #ccc;
}

/* ==

　15. 内覧会

=============================================================================== */
#main{position:relative;}
.fadeBnr {
  position: fixed;
  right: 0;
  bottom: 200px;
  width: 319px;
  height: 315px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
	z-index: 9999;
}

.fadeBnr.active  {
 opacity: 1;
visibility: visible;
}
.fadeBnr.active:hover{
	opacity:0.6;
}

/* ==

　16. movie

=============================================================================== */
#movie{
	width:100%;
	padding:0 20px 50px;
	text-align:center;
	box-sizing: border-box;
}

/* ==

　99. 機能

=============================================================================== */
.d_hover a.fnFade img { -ms-filter: "alpha(opacity=100)"; }
.d_hover a.fnFade:hover img {
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}