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

html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{ font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho',serif;font-size:62.5%;line-height:1;text-align:center;-webkit-text-size-adjust:100%;color: #000;
}
fieldset,table,img,a img{border:0;}
address,em{font-style:normal;}
strong,dt,h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
ul,ol{list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}

img[usemap] {
    max-width: 100%;
    height: auto;
	max-width: 100%;
	width: auto;
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;}
a {
    color: #000;}
.navbar {
    border: 1px solid #897b6e;
}
.header{
	    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;}
@media screen and (max-width:750px) {
	/* ▼ウィンドウサイズが750pxまでは下記の内容 */
.header{
	    background-color: #fff;
    padding-top: 0px;
	padding-bottom: 0px;}}
	/* ▲ここまで */
.title_n {
	    font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
    font-size: 16px;
    padding: 5px 10px;
    background-color: #8eb953;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 30px;
    border-radius: 2px;
}
.title_a {
	    font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
    font-size: 16px;
    padding: 5px 10px;
    background-color: #64aade;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 30px;
    border-radius: 2px;
}
a:hover img {
 opacity: 0.8;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 991px) {
.mt10_991{ margin-top: 20px; }
.mt20_991{ margin-top: 20px; }
.mt30_991{ margin-top: 30px; }
}
@media screen and (min-width:992px) {
    /*　画面サイズが480pxからはここを読み込む　*/
.mt10_992{ margin-top: 10px; }
.mt20_992{ margin-top: 20px; }
.mt30_992{ margin-top: 30px; }
}

.font_t{font-size: 14px;}
@media screen and (max-width: 479px) {
.font_t{font-size: 10px;}
}

/*メイン画像背景*/
.main_bg {
display: block;
width: 100%;
background-color:  #FFFFFF;
	background-image: url("/oazo_urawayamakuboeast/images/gg_matsuki_bg2.jpg");
background-size:contain;
	background-repeat:no-repeat;
background-position:center right; /*背景画像を、横中央、底辺に配置。*/
background-size:70%;


}

.bg_img{
	background-image: url(/oazo_urawayamakuboeast/images/common/bg.jpg);background-repeat: no-repeat;
  background-attachment: fixed; background-size:cover;
}
@media (max-width: 767px){
	.bg_img{
	background-image:none;
	}
}

.mainbox {
	width: 100%;
	height: 600px;
}

/*お問い合わせはこちら部分*/
.contact_top {
	font-size: 3.5em;
	letter-spacing: 0.5em;}
.contact_w {
	width: 260px;
    height: 100%;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
/*informationレイアウト*/
.topinfo {
    font-size: 30px;
 color: #F2A232;
}
/* フッター上ボーダー
.footer{
    border-top: #C78A03 solid 0.8em;
    margin-top: 2.5em;}
*/
#footer {
    display: block;
    float: none;
    clear: both;
        background-color: #644a3e;
    padding: 0 0 20px;
    color: #FFF;}
.footer2{
        background: #462b10;}
.footer2 a{
        color: #E0E0E0;}
.footer2 a:hover{
        color: #ffffff;}
/*footerパンくずレイアウト*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
    line-height: 1.5;}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #fff;
    content: "|\00a0";}
.breadcrumb .nolink{
	color: #997d5f;
}
.hr1 {
	height:3px;
	border:0;
	background:linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-webkit-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-moz-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
}

.hr2 {
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}
.hr3 {
	height:30px;
	border:0;
	box-shadow:0 30px 30px -30px #ccc inset;
}

.hr4 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


/*span文字サンプル*/
span.sample1 {font-weight: normal; }
span.sample2 {font-weight: bold; }
span.sample3 {font-weight: lighter; }
span.sample4 {font-weight: bolder; }
span.sample100 {font-weight: 100; }
span.sample200 {font-weight: 200; }
span.sample300 {font-weight: 300; }
span.sample400 {font-weight: 400; }
span.sample500 {font-weight: 500; }
span.sample600 {font-weight: 600; }
span.sample700 {font-weight: 700; }
span.sample800 {font-weight: 800; }
span.sample900 {font-weight: 900; }
/*文字レイアウト*/
.p_sp {
    line-height: 1.8em;
}
.p_size_lo{font-size: 1.8em;
line-height: 130%;
text-align: left;}
.p_blue {color: #252287}
.p_size12{font-size: 1.2em;}
.p_size13{font-size: 1.3em;}
.p_size14{font-size: 1.4em;}
.p_size15{font-size: 1.5em;}
.p_size16{font-size: 1.6em; font-weight: bold;}
.p_size17{font-size: 1.7em;}
.p_size18{font-size: 1.8em;}
.p_size19{font-size: 1.9em;}
.p_size20{font-size: 2.0em;}
.p_size21{font-size: 2.1em;}
.p_size22{font-size: 2.2em;}
.p_size23{font-size: 2.3em;}
.p_size24{font-size: 2.4em;}
.p_size25{font-size: 2.5em;}
.p_size26{font-size: 2.6em;}
.p_size27{font-size: 2.7em;}
.p_size28{font-size: 2.8em;}
.p_size29{font-size: 2.9em;}
.p_size30{font-size: 3.0em;}
.p_size35{font-size: 3.5em;}
.p_size40{font-size: 4.0em;}
/*スペース*/
.mt05{ margin-top: 0.5em; }
.mt10{ margin-top: 1.0em; }
.mt15{ margin-top: 1.5em; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mr05{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr40{ margin-right: 40px; }
.mr50{ margin-right: 50px; }
.mr60{ margin-right: 60px; }
.mb05{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.ml05{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px; }
.ml50{ margin-left: 50px; }
.ml60{ margin-left: 60px; }

.f_left{
	float: left;}
.f_right{
	float: right;}
.clear{
	display: block;
	float: none;
	clear: both;}
/* navbarレイアウト*/
.navbar {
    margin-bottom: 0px;}
.navbar .nav li a {
font-weight: bold;
text-align: center;
/*border-left: 1px solid rgba(255, 255, 255, .100);*/
border-right: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid hsla(0, 0%, 100%, 0.29);
font-size: 2.0em;}

.navbar .nav .nolink{
font-weight: bold;
text-align: center;
/*border-left: 1px solid rgba(255, 255, 255, .100);*/
border-right: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid hsla(0, 0%, 100%, 0.29);
    font-size: 2.0em;
    position: relative;
    display: block;
    padding: 0px 40px;
    color: #85906a;
    line-height: 20px;
}



.navbar .nav li:last-child a {
border-right: 0;
border-radius: 0 3px 3px 0;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 40px;}
@media (max-width: 991px){
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 20px;
	}}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #303D00;
    padding: 10px;}
.navbar-default {
	background-color:#000000
	/*background-image: linear-gradient(to top, #543f19 0%, #311d0a 1%, #d6c8b4 100%);*/
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #F2A232;
    background-color: transparent;
}
.icon-bar2{
position: relative;
    float: left;
    padding: 5px 5px 0px 5px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    /*margin-top: 12px;*/
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* navbarレイアウト上書き768px以下 */
 @media (min-width: 768px){
.navbar {
       border-radius: initial;
	box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;}
}
/*資料請求ボタンレイアウト */
.common_contact_btn{
	height: 70px;
	width: 260px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 0px;
	float: center;}
.common_contact_btn a{
	background-image: url(../images/contact_btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 260px;}
.common_contact_btn a:hover{
	background-position: left -70px;}
.common_contact_btn a span{
	display: block;
	padding: 70px 0 0;}
/* 資料請求ボタンレイアウト_ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:991px )
{
.common_contact_btn{
	margin-left:-35px; }}
/*上パンくずリストレイアウト*/
#topicPath{
	    background-color: #000000;
	height: 20px;}
#topicPath ul{
	display: block;
	width: 100%;
	height: 20px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/common/topicpath_start.png);
	background-repeat: no-repeat;
	background-position: left center;}
#topicPath li{
	font-size: 10px;
	line-height: 20px;
	float: left;
	padding: 0 0 0 10px;
	color: #FFF;}
#topicPath li a{
	background-image: url(../images/common/topicpath_next.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 0 0;
	display: block;
	color: #FFF;}
/****フッターおすすめ物件スライド*******************************************/
.pkg:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;}
#footerRecommend{
	padding: 20px;}
#footerRecommend em{
	font-size: 16px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: bold;
	display: block;}
#footerRecommend .pager{
	height: 110px;
	width: 30px;
	overflow: hidden;}
#footerRecommend .pager#cycle-prev{ float: left; width: 40px; }
#footerRecommend .pager#cycle-next{ float: right; }
#footerRecommend .pager a{
	background-color: rgba(255,255,255,0.2);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 110px;
	width: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;}
#footerRecommend .pager#cycle-prev a{ background-image: url(../../images/slide_arrow-b.png); }
#footerRecommend .pager#cycle-next a{ background-image: url(../../images/slide_arrow-n.png); }
#footerRecommend .pager#cycle-prev a:hover{
	background-color: rgba(255,255,255,0.5);
	background-position: right center;}
#footerRecommend .pager#cycle-next a:hover{
	background-color: rgba(255,255,255,0.4);
	background-position: left center;}
#footerRecommend .pager span{
	display: block;
	padding: 110px 0 0;}
#footerRecommend .cycle-slideshow{
	float: left;
	width: 900px;}
#footerRecommend .cycle-slideshow .cycle-slide{
	width: 300px;}
#footerRecommend .cycle-slideshow .cycle-slide a{
	background-color: #FFF;
	color: #333;
	display: block;
	margin: 0 10px;
	padding: 10px;}
#footerRecommend .cycle-slideshow .cycle-slide a:hover{
	opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);}
#footerRecommend .cycle-slideshow .cycle-slide a .photo{
	width: 120px;
	height: 90px;
	float: left;}
#footerRecommend .cycle-slideshow .cycle-slide a .photo img{
	max-width: 120px;
	max-height: 90px;}
#footerRecommend .cycle-slideshow .cycle-slide a .text{
	width: 130px;
	float: right;
	white-space: normal;}
#footerRecommend .cycle-slideshow .cycle-slide a .text strong{
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	display: block;
	margin: 0 0 5px;}
#footerRecommend .cycle-slideshow .cycle-slide a .text p{
	font-size: 10px;
	line-height: 15px;
	height: 60px;
	overflow: hidden;}
.footerInner{
	width:980px;
	margin: 0 auto 30px;}
.footerInner .left{
	float:left;
	width:700px;}
.footerInner .left ul{margin-bottom: 2px;}
.footerInner .left ul li{
	float:left;
	margin-right:20px;
	height: 67px;}
.footerInner .left ul li:last-child{padding-top: 23px;height: 40px;}
.footerInner .left p{
font-size:10px;}
.footerInner .right{
	float:right;
	width: 222px;}
.link_btn{
	margin: 30px 0;}
.link_btn ul{
	width: 525px;
	margin:0 auto;}
.link_btn li:first-child{
	float:left;}
.link_btn li:last-child{
	float:right;}
.link_btn li a{
	background-color: #FFF;
	color: #333;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.link_btn li a:hover{
	text-decoration: none;
	background-color: #333;
	color: #FFF;}
.copy{
	text-align:center;
	color:#ffffff;}
.page_top {
	width: 140px;
	/* float: right; */
	margin-top: 5px;
	position: fixed;
	right: -30px;
	bottom: 40px;
	z-index: 100;}
/* informationレイアウト*/
.info {
    width: 100%;
    margin: 0 auto;
    border: solid 1px #ffc107;
    background-color: #fffaec;
    text-align: left;}
.info2 {
    width: 100%;
    margin: 0 auto;
    border: solid 1px #DB4D7B;
    background-color: #fffcf6;
    text-align: left;
}
.info2 dl {
    padding: 20px 3% 10px;
    max-height: 188px;
    overflow-y: scroll;
}
.info dl {
    padding: 20px 3% 10px;
    max-height: 188px;
    overflow-y: scroll;}
.cf {
    zoom: 100%;}
.info dl dd {
    width: 80%;
    float: left;
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #FFC107;}
.info2 dl dd {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 10px;}
.info dl dt {
    float: left;
    font-size: 16px;
    /* font-weight: bold; */
    margin-bottom: 15px;
    width: 15%;
    border-bottom: dotted 1px #FFC107;}
.info2 dl dt {
    float: left;
    font-size: 14px;
    /* font-weight: bold; */
    margin-bottom: 15px;
    width: 20%;
    border-bottom: inset medium #DB4D7B;
    margin-left: 10px;}
.cf:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;}
.info dl dd span {
    background-color: #ec1d1e;
    color: #ffffff;
    font-family: "Hiragino Mincho Pro", "MS PMincho", serif;
    font-size: 12px;
    padding: 3px;
    margin-right: 10px;
    vertical-align: middle;}
.info2 dl dd span {
    background-color: #ec1d1e;
    color: #ffffff;
    font-family: "Hiragino Mincho Pro", "MS PMincho", serif;
    font-size: 12px;
    padding: 3px;
    margin-right: 10px;
    vertical-align: middle;
    float: left;}
.info a {
    opacity: 1;
    transition: opacity 0.3s linear;
    text-decoration: none;
    color: #009688;}
.info2 a {
    opacity: 1;
    transition: opacity 0.3s linear;
    text-decoration: none;
    color: #DB0003;}
.info2 a:hover {
    color: #FF0004;}
/* informationレイアウト_ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
.info {
	width: 98%;}
.info dl{
	padding: 10px 3% 10px;}
.info dl dt {
	font-size: 12px;
	margin-bottom: 5px;
	width: 100%;}
.info dl dd {
	width: 100%;
	font-size: 12px;
	margin-bottom: 10px;}
.info dl dd span {
	font-size: 10px;
	padding:3px;}
}

/****
フォーム入力ベース
*******************************************/
.contact{}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	color: #333;
	background-color: #FFF;
	padding: 3px;
	margin: 1px;
	border: 1px solid #AAA;
	width: 45%;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
textarea:hover{
	border: 1px solid #666;
}

input[type="text"]:focus,
input[type="text"]:focus,
input[type="text"]:focus,
textarea:focus{
	background-color: #F3F3F3;
}


/* 通常テーブルパターン */
.contact table.normal{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

.contact table.normal th,
.contact table.normal td{
	padding: 8px;
	border-bottom: 1px solid #DDD;
}

.contact table.normal th{
	font-weight: bold;
	color: #333333;
	text-align: center;
	white-space: nowrap;
}

.contact form table.normal th{
	text-align: left;
	vertical-align: top;
}

.contact form .must{
	display: block;
	background-color: #C00;
	padding: 5px;
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.contact form .cap{
	font-size: 10px;
	line-height: 1.5em;
	color: #C00;
}

.contact form #submit{
	text-align: center;
	margin-bottom: 15px;
}

.contact form #submit_box{
	text-align: center;
}

.contact form #submit_box p{
	margin: 0 0 10px;
}

.contact form #submit_box button{
	font-size: 20px;
	line-height: 1.8em;
	padding: 10px 30px;
}

.contact #mfp_overlay{
	color: #333;
}


/* 中身======================================================================================================== */
.contact h2{
	margin: 0 0 40px;
}

.contact .none{
	display: none;
}

.contact .object_name{
	font-size: 16px;
	line-height: 1.8em;
}

.contact input{
	font-size: 14px;
	line-height: 1.8em;
}

.contact .privacy_yes{
	font-size: 14px;
	line-height: 1.8em;
	background-color: #EEE;
	padding: 10px;
	margin: 20px 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}




/****
フォーム完了
*******************************************/
.thanks #thanks_page{
	padding: 150px 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
}

/*___________フォームレイアウト上書き_________*/
.con {
    width: 90%;
    margin: 0 auto;
    padding: 60px 40px 40px;}
input#mfp_element_1 {
    display: none;}
table.normal th, table.normal td {
    padding: 8px;
    border-bottom: 1px solid #DDD;
}
.subBar {
    font-size: 22px;
    line-height: 1.4em;
    border-left: 3px solid #111;
    padding: 0 0 0 0.5em;
    margin: 0 0 20px;}
table.normal {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.8;}
table.normal th {
    font-weight: bold;
    /*white-space: nowrap;*/}
.object_name {
    font-size: 1.4em;
    line-height: 1.8em;}
form .must {
    display: block;
    background-color: #C00;
    padding: 5px;
    font-size: 10px;
    line-height: 10px;
    color: #FFF;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
form #submit_box button {
    font-size: 20px;
    line-height: 1.8em;
    padding: 10px 30px;}
form #submit_box {
    text-align: center;}
form #submit_box2 {
    text-align: center;}
/* コンタクトフォームウィンドウ幅が0〜750pxの場合に適用するCSS */
@media screen and ( max-width:750px )
{
/****
フォーム入力スマフォベース
*******************************************/
.contact{}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	color: #333;
	background-color: #FFF;
	padding: 3px;
	margin: 1px;
	border: 1px solid #AAA;
	width: 96%;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
textarea:hover{
	border: 1px solid #666;
}

input[type="text"]:focus,
input[type="text"]:focus,
input[type="text"]:focus,
textarea:focus{
	background-color: #F3F3F3;
}


/* 通常テーブルパターン */
.contact table.normal{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #666;
}

.contact table.normal th,
.contact table.normal td{
	padding: 8px 2%;
	border-bottom: 1px solid #DDD;
	display: inline-block;
	width: 96%;
}

.contact table.normal th{
	font-weight: bold;
	color: #333333;
	text-align: center;
	white-space: nowrap;
}

.contact form table.normal th{
	text-align: left;
	vertical-align: top;
}

.contact form .must{
	display: inline;
	background-color: #C00;
	padding: 5px;
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contact form .cap{
	font-size: 10px;
	line-height: 1.5em;
	color: #C00;
}

.contact form #submit{
	text-align: center;
	margin-bottom: 15px;
}

.contact form #submit_box{
	text-align: center;
}

.contact form #submit_box p{
	margin: 0 0 10px;
}

.contact form #submit_box button{
	font-size: 20px;
	line-height: 1.8em;
	padding: 10px 30px;
}

.contact #mfp_overlay{
	color: #333;
}


/* 中身======================================================================================================== */
.contact h2{
	margin: 0 0 40px;
}

.contact .none{
	display: none;
}

.contact .object_name{
	font-size: 16px;
	line-height: 1.8em;
}

.contact input{
	font-size: 14px;
	line-height: 1.8em;
}

.contact .privacy_yes{
	font-size: 14px;
	line-height: 1.8em;
	background-color: #EEE;
	padding: 10px;
	margin: 20px 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}




/****
フォーム完了
*******************************************/
.thanks{}

.thanks #thanks_page{
	padding: 150px 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
}
}
/* コンタクトフォームウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
.con {
    width: 100%;
    margin: 0 auto;
    padding: 60px 40px 40px;
}
.contact form table.normal th {
    text-align: left;
    vertical-align: top;
}
.contact table.normal th, .contact table.normal td {
    padding: 8px 2%;
    border-bottom: 1px solid #DDD;
    display: inline-block !important;
    width: 100%;
}
}
/* 物件概要レイアウト */
.outline .ttl_out {
    padding-left: 10px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #594534;
    font-weight: bold;
}
.outline .con {
    width: 90%;
    margin: 0 auto;
    padding: 30px 40px 40px;
}
.outline table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 4px solid #DDD;
    color: #000;
		margin-bottom: 10px;
}
.outline table thead th {
		background: #ddd;
		font-size: 13px;
		text-align: center;
}
.outline table th {
    background-color: #F3F3F3;
    font-weight: bold;
    width: 14%;
}
.outline table td {
    background-color: #FFF;
    font-weight: bold;
    width: 36%;
}
.outline table th, .outline table td {
    border: 1px solid #CCC;
    font-size: 12px;
    line-height: 1.8em;
    padding: 10px;
    text-align: left;
}
/* 物件概要幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
.outline .ttl_out{
	font-size: 14px;
	}
.outline table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 4px solid #DDD;
	color: #666;
	margin-bottom: 10px;
}
.outline table th {
	background-color: #F3F3F3;
	font-weight: bold;
	/* width: 14%; */
}
.outline table td {
	background-color: #FFF;
	/* width: 36%; */
}
.outline  table th ,
.outline  table td {
	text-align: left;
	display: inline-block;
	width: 100%;
	    color: #000;
}

	}
/* 設備仕様レイアウト */

.link_notes{
  width: 1000px;
  border: 1px solid #000;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
}

.link_notes_eq{
	width: 50%;
	font-size: 16px;
	font-weight: bold;
  }

.equipment h3 {
    font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
    font-size: 24px;
    padding: 5px 10px;
    background-color: #462c12;
    color: #ffffff;
    margin-bottom: 20px;
	margin-top: 30px;
	border-radius: 5px;
}
.equipment h4 {
    font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
    font-size: 18px;
    padding: 5px 10px;
    background-color: #e2e2e2;
    color: #1e1e1e;
    margin-bottom: 20px;
}
.equipment .title{
	width: 90%;
    margin: 0 auto;
}
/* puran  */
/* ロケーションレイアウト */
.location .title1 {
	font-size: 3.6em;
    margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
	color: #336E5C;
}
/* ライフインフォレイアウト */
.location{}
.location .sec01,
.location .sec02,
.location .sec03,
.location .sec04,
.location .sec05{
    margin-bottom: 60px;
}


.location .sec02 .left{
	width:520px;
}
.location .sec02 .right{
	width: 340px;
}
.location .sec02 .left h3{
	margin-bottom:20px;
}

.location .sec02 .right img{
	margin-bottom:10px;
}
.location .sec02 .right h4{
	color:#666666;
}



.location .sec03 h3,
.location .sec04 h3,
.location .sec05 h3{
	margin-bottom:30px;
}



.location .sec03{}
.location .sec03 .left{
	width: 420px;
}
.location .sec03 .right{
	width: 460px;
}
.location .sec03 .right h4{
	margin-bottom:10px;
}
.location .sec03 .right p{
	margin-bottom:10px;
}
.location .sec03 .right ul li{
	float:left;
	width:220px;
	margin-right: 20px;
	margin-bottom:10px;
}

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

.location .sec03 h3 p:nth-child(1),
.location .sec04 h3 p:nth-child(1),
.location .sec05 h3 p:nth-child(1),
.access .sec07 h3 p:nth-child(1){float:left;margin-right:20px;}
.location .sec03 h3 p:nth-child(2),
.location .sec04 h3 p:nth-child(2),
.location .sec05 h3 p:nth-child(2),
.access .sec07 h3 p:nth-child(2){border-bottom: solid 1px #75a272;padding-bottom: 10px;margin-top: 14px;float: right;}

.location .sec03 h3 p:nth-child(1){width: 118px;}
.location .sec03 h3 p:nth-child(2){width: 760px;}
.location .sec04 h3 p:nth-child(1){width: 171px;}
.location .sec04 h3 p:nth-child(2){width: 700px;}
.location .sec05 h3 p:nth-child(1){width: 233px;}
.location .sec05 h3 p:nth-child(2){width: 640px;}
.access .sec07 h3 p:nth-child(1){width: 149px;}
.access .sec07 h3 p:nth-child(2){width: 730px;}



.location .sec04{
	margin-bottom:60px;
}
.location .sec04 ul{
	margin-left:20px;
}
.location .sec04 ul li{
	float:left;
	width: 270px;
	margin-right: 20px;
}
.location .sec04 ul li:nth-child(3n){
	margin-right:0px;
}
.location .sec04 ul li img{
	margin-bottom:10px;
}
.location .sec04 ul li h5{
color:#666666;
}


.location .sec05{
	margin-bottom:60px;
}
.location .sec05 ul{
	margin-left:20px;
}
.location .sec05 ul li{
	float:left;
	width: 200px;
	margin-right: 20px;
}
.location .sec05 ul li:nth-child(4n){
	margin-right:0px;
}




.location .sec06{
	margin-bottom: 20px;
}
.location .sec06 dl{
	width: 50%;
	float: left;
	display: block;
}

.location .sec06 dt{
	display: block;
	float: none;
	clear: both;
	border: solid 1px  #3B300D;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	padding: 5px;
	margin: 20px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.location .sec06 dl dt:first-child{
	margin: 0 10px 0;
}

.location .sec06 dd{
	margin: 0 10px;
}

.location .sec06 dd p{
	margin: 20px 0 0;
}

.location .sec06 table{
	font-size: 14px;
	line-height: 1.8em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.location .sec06 th,
.location .sec06 td{
	padding: 8px 0;
	border-bottom: solid 1px #CCC;
}

.location .sec06 th{
	text-align: left;
}

.location .sec06 td{
	text-align: right;
}
.location .sec07{
	margin-bottom: 20px;
}
.location .sec07 dl{
	float: left;
	display: block;
	    width: 100%;
}

.location .sec07 dt{
	display: block;
	float: none;
	clear: both;
	border: solid 1px  #3B300D;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	padding: 5px;
	margin: 20px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.location .sec07 dl dt:first-child{
	margin: 0 10px 0;
}

.location .sec07 dd{
	margin: 0 10px;
}

.location .sec07 dd p{
	margin: 20px 0 0;
}

.location .sec07 table{
	font-size: 14px;
	line-height: 1.8em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.location .sec07 th,
.location .sec07 td{
	padding: 8px 0;
	border-bottom: solid 1px #CCC;
}

.location .sec07 th{
	text-align: left;
}

.location .sec07 td{
	text-align: right;
}
/* ライフインフォ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
	.location{}
.location .sec01,
.location .sec02,
.location .sec03,
.location .sec04,
.location .sec05{
    margin-bottom: 30px;
}


.location .sec02 .left{
	width:100%;
}
.location .sec02 .right{
	width: 100%;
}
.location .sec02 .left h3{
	margin-bottom:20px;
}

.location .sec02 .right img{
	margin-bottom:10px;
}
.location .sec02 .right h4{
	color:#666666;
}



.location .sec03 h3,
.location .sec04 h3,
.location .sec05 h3{
	margin-bottom:30px;
}

.location .sec03{}
.location .sec03 .left{
	width: 100%;
}
.location .sec03 .right{
	width: 100%;
}
.location .sec03 .right h4{
	margin-bottom:10px;
}
.location .sec03 .right p{
	margin-bottom:10px;
}
.location .sec03 .right ul li{
	float:left;
	width: 49%;
	margin-right: 2%;
	margin-bottom:10px;
}

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

.location .sec03 h3 p:nth-child(1),
.location .sec04 h3 p:nth-child(1),
.location .sec05 h3 p:nth-child(1),
.access .sec07 h3 p:nth-child(1){float:left;margin-right:20px;}
.location .sec03 h3 p:nth-child(2),
.location .sec04 h3 p:nth-child(2),
.location .sec05 h3 p:nth-child(2),
.access .sec07 h3 p:nth-child(2){border-bottom: solid 1px #75a272;padding-bottom: 10px;margin-top: 14px;float: right;}

.location .sec03 h3 p:nth-child(1){width: 118px;}
.location .sec03 h3 p:nth-child(2){width: 100%;}
.location .sec04 h3 p:nth-child(1){width: 171px;}
.location .sec04 h3 p:nth-child(2){width: 100%;}
.location .sec05 h3 p:nth-child(1){width: 233px;}
.location .sec05 h3 p:nth-child(2){width: 100%;}
.access .sec07 h3 p:nth-child(1){width: 149px;}
.access .sec07 h3 p:nth-child(2){width: 100%;}


.location .sec03 h3 p:nth-child(2) img,
.location .sec04 h3 p:nth-child(2) img,
.location .sec05 h3 p:nth-child(2) img,
.access .sec07 h3 p:nth-child(2) img{
	width:auto;
	height:17px;
}



.location .sec04{
	margin-bottom:60px;
}
.location .sec04 ul{
	margin-left: 0px;
}
.location .sec04 ul li{
	float: none;
	width: 80%;
	margin: 0 auto 20px;
}
.location .sec04 ul li:nth-child(3n){
	margin: 0px auto;
}
.location .sec04 ul li img{
	margin-bottom:10px;
}
.location .sec04 ul li h5{
color:#666666;
}


.location .sec05{
	margin-bottom:60px;
}
.location .sec05 ul{
	margin-left: 0px;
}
.location .sec05 ul li{
	float:left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.location .sec05 ul li:nth-child(2n){
	margin-right:0px;
}



.location .sec06{}
.location .sec06{
	margin-bottom:50px;
}
.location .sec06 dl{
	width: 100%;
	float: none;
	display: block;
}

.location .sec06 dt{
	display: block;
	float: none;
	clear: both;
	border: solid 1px  #3B300D;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	padding: 5px;
	margin: 20px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.location .sec06 dl dt:first-child{
	margin: 0 10px 0;
}

.location .sec06 dd{
	margin: 0 10px;
}

.location .sec06 dd p{
	margin: 20px 0 0;
}

.location .sec06 table{
	font-size: 14px;
	line-height: 1.8em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.location .sec06 th,
.location .sec06 td{
	padding: 8px 0;
	border-bottom: solid 1px #CCC;
}

.location .sec06 th{
	text-align: left;
}

.location .sec06 td{
	text-align: right;
}


}

@media print {
 a[href]:after {
 content: "" !important;
 }

 abbr[title]:after {
 content: "" !important;
 }
}
/*資料請求ボタンレイアウト下部 */
.common_contact_btn2{
	height: 70px;
	width: 260px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 60px;
	float: center;}
.common_contact_btn2 a{
	background-image: url(../images/contact_btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 260px;}
.common_contact_btn2 a:hover{
	background-position: left -70px;}
.common_contact_btn2 a span{
	display: block;
	padding: 70px 0 0;}
/* 資料請求ボタンレイアウト_ウィンドウ幅が0〜991pxの場合に適用するCSS */
@media screen and ( max-width:991px )
{
.common_contact_btn2{
	margin-left: -10px;
	margin-top: 15px;}}
.map .title{
	width: 90%;
    margin: 0 auto;
}
.map .h33 {
    font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
    font-size: 24px;
    padding: 5px 10px;
    color: #202289;
    margin-bottom: 20px;
	margin-top: 30px;
	position: relative;
display: inline-block;
padding: 0 55px;
	 letter-spacing: 0.3em;
}
 .h33:before, .h33:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #202289;
}
.map .h33:before {left:0;}
.map .h33:after {right: 0;}

.con2 {
	margin: 40px auto 0;
	padding: 20px 40px 10px;
	width: 90%;
	background-color: rgba(37,38,146,0.05);
}
.con3 {
	margin: 0 auto;
	padding: 10px 40px 20px;
	width: 90%;
}


@media (max-width:767px){
	.con2 {
	margin: 40px auto 0;
	padding: 20px 10px 10px;
	width: 100%;
	background-color: rgba(37,38,146,0.05);
}
.con3 {
	margin: 0 auto;
	padding: 10px 10px 10px;
	width: 100%;
}

}
/*来場予約　分離　ボタンレイアウト */
.common_contact_btn3{
	height: 70px;
	width: 177px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 70px;
	margin-left: -10px;
	float: center;}
.common_contact_btn3 a{
	background-image: url(../images/contact_btn1.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 177px;}
.common_contact_btn3 a:hover{
	background-position: left -70px;}
.common_contact_btn3 a span{
	display: block;
	padding: 70px 0 0;}
/* 来場予約　分離　_ウィンドウ幅が0〜1199pxの場合に適用するCSS */
@media screen and ( max-width:1199px )
{
.common_contact_btn3{
	margin-top: 40px;
	}}
/* 来場予約　分離　_ウィンドウ幅が0〜1120pxの場合に適用するCSS */
@media screen and ( max-width:1120px )
{
.common_contact_btn3{
	margin-left: -30px;
	margin-top: 40px;
	;}}
/* 来場予約　分離　_ウィンドウ幅が0〜991pxの場合に適用するCSS */
@media screen and ( max-width:991px )
{
.common_contact_btn3{
	margin-top: 0px;
	margin-left: 0px;
	;}}
/*資料請求　分離　ボタンレイアウト */
.common_contact_btn4{
	height: 70px;
	width: 177px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 70px;
	margin-left: -10px;
	float: center;}
.common_contact_btn4 a{
	background-image: url(../images/contact_btn2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 177px;}
.common_contact_btn4 a:hover{
	background-position: left -70px;}
.common_contact_btn4 a span{
	display: block;
	padding: 70px 0 0;}
/* 資料請求　分離_ウィンドウ幅が0〜1199pxの場合に適用するCSS */
@media screen and ( max-width:1199px )
{
.common_contact_btn4{
	margin-left: 20px;
	margin-top: 40px;
	}}
@media screen and ( max-width:1120px )
{
.common_contact_btn4{
	margin-left: -10px;
	margin-top: 40px;
	}}
@media screen and ( max-width:991px )
{
.common_contact_btn4{
	margin-top: 0px;
	margin-left: 0px;
	;}}
/*来場予約　分離 mini　ボタンレイアウト */
.common_contact_btn3mini{
	height: 70px;
	width: 100px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 0px;
	float: center;}
.common_contact_btn3mini a{
	background-image: url(../images/contact_btn_mini1.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 100px;}
.common_contact_btn3mini a:hover{
	background-position: left -70px;}
.common_contact_btn3mini a span{
	display: block;
	padding: 70px 0 0;}
/*資料請求　分離 mini　ボタンレイアウト */
.common_contact_btn4mini{
	height: 70px;
	width: 100px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 0px;
	float: center;}
.common_contact_btn4mini a{
	background-image: url(../images/contact_btn_mini2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 100px;}
.common_contact_btn4mini a:hover{
	background-position: left -70px;}
.common_contact_btn4mini a span{
	display: block;
	padding: 70px 0 0;}
/*来店予約　分離　　下部　ボタンレイアウト */
.common_contact_btn5{
	height: 70px;
	width: 177px;
	overflow: hidden;
	float: none;
    margin-right: 0px;
    width: 200px;
    margin: 0 auto;
}
.common_contact_btn5 a{
	background-image: url(../images/contact_btn1.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 177px;}
.common_contact_btn5 a:hover{
	background-position: left -70px;}
.common_contact_btn5 a span{
	display: block;
	padding: 70px 0 0;}
/*資料請求　分離　　下部　ボタンレイアウト */
.common_contact_btn6{
	height: 70px;
	width: 177px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: -10px;
	float: center;
float: none;
    margin-right: 0px;
    width: 200px;
    margin: 0 auto;}
.common_contact_btn6 a{
	background-image: url(../images/contact_btn2.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	width: 177px;}
.common_contact_btn6 a:hover{
	background-position: left -70px;}
.common_contact_btn6 a span{
	display: block;
	padding: 70px 0 0;}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
	background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(255, 255, 255, 0) ));
  background : -o-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF' , GradientType=1);

}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
	background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 255, 255, 0) ),color-stop(1,rgba(255, 255, 255, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFFFFF' , GradientType=1);
}
.carousel-indicators {
    bottom: -20px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #A2743F;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #CBAF8E;
    border-radius: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd;
}

.navbar-default .navbar-toggle:hover{background-color:#E1D2A4}
.navbar-default .navbar-toggle:focus{background-color:#E1D2A4}

.title_1 {
    font-size: 3.5em;
    padding: 15px 15px;
    background: #26120F;
    color: #fff;
    border-radius: 5px;
}

.navbar-default .navbar-toggle {
    border-color: #CABB7F;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CABB7F;
}
.carousel {
    position: relative;
    margin-top: 10px;
}
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

#menu ul{
margin: 0;
padding :0;
list-style: none;
}
#menu li{
padding :0;
margin:0;
}
#menu li a {
    display: block;
    padding: 45px 5px 10px 5px;
    color: #3f3b3a;
    width: 100%;
    margin: 0 0 5px 5px;
    text-decoration: none;
    border-bottom: 1px dotted #cb910f;
	font-weight: 900;
}
#menu li a:hover{
	color: #cb910f;
}

.p_size_menu{font-size:2.5em; }
.p_sizemenu2{font-size:2.0em; }
@media (max-width:991px){
	.p_size_menu{font-size:2.3em; }
.p_sizemenu2{font-size:1.8em; }
}
.icon-bar2{
position: relative;
    float: right;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}


/* スマホメニュー
========================================== */
@media screen and ( max-width:768px )
{

.hdw_sp {
	display: block;
	width: 100%;
    font-family: "Hiragino Mincho Pro", "MS PMincho", serif;
}

.fix {
	margin-top: 64px;
	z-index: 30;
	position: relative;
}
.hd_sp {
	position: fixed;
	top: 0;
	z-index: 500;
	width: 100%;
	background-color: #ffffff;
	padding-top: 6px;
	height: 60px;
}



.hd_sp .logo {
	width: 60%;
	float: left;
	margin-left: 6px;
	margin-top: 0px;
}
.hd_sp .logo a {
	display: block;
	width: 100%;
	padding: 0;
}
.hd_sp .telbtn {
	width: 50px;
	height: 50px;
	float: right;
	background: #009688;
	position: relative;
	text-align: center;
	margin-right: 5px;
	/* box-shadow: inset 1px 1px 3px #ffffff; */
}
.hd_sp .telbtn a {
	display: block;
	width: 100%;
	padding: 0;
	text-decoration: none;
	line-height: 16px;
	padding-top: 4px;
}

.hd_sp .telbtn a img{width: 27px;}
.hd_sp .telbtn a em{
	    position: absolute;
	    top: 41px;
	    left: 0;
	    width: 100%;
	    color: #fff;
	    font-size: 10px;
	    font-weight: bold;
	    font-style: normal;
	    text-transform: uppercase;
	    line-height: 0;
	    text-align: center;
}
.hd_sp .menubtn {
	width: 50px;
	height: 50px;
	float: right;
	cursor: pointer;
	margin-right: 6px;
}
.hd_sp #navbar-toggle{
	position:relative;
	float:right;
	width:50px;
	height:50px;
	/* margin-top:-50px; */
	background: #009688;
	/*border-radius:100%;*/
	text-align:center;
	z-index:10;
	/* border: solid 1px #fff000; */
	/* box-shadow: inset 1px 1px 3px #ffffff; */
	}
.hd_sp #navbar-toggle span{
		position:absolute;
		display:block;
		top:10px;
		left:25%;
		width:50%;
		height:3px;
		/* border-radius:2px; */
		background:#fff;
		transition: all 0.3s ease-out;
		z-index:100000;
		}
.hd_sp #navbar-toggle span:nth-of-type(2){
			top:18px;
			}
.hd_sp #navbar-toggle span:nth-of-type(3){
			top:26px;
			}
.hd_sp #navbar-toggle em{
		position:absolute;
		top: 41px;
		left:0;
		width:100%;
		color:#fff;
		font-size:10px;
		font-weight:bold;
		font-style:normal;
		text-transform:uppercase;
		line-height:0;
		text-align:center;
		}
.hd_sp #navbar-toggle.vew{ }
		#navbar-toggle.vew span:nth-of-type(1){
			top:18px;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			}
.hd_sp #navbar-toggle.vew span:nth-of-type(2){
			display:none;
			}
.hd_sp #navbar-toggle.vew span:nth-of-type(3){
			top:18px;
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			}

.gnw_sp {
	/*position: fixed;*/
	/*top: 64px;*/
	display: none;
	width: 100%;
}
.gn_sp {
	/*background-color: rgba(0, 60, 10, 0.82);*/
}
.gn_sp li {
	width: 50%;
	height: 40px;
	float: left;
	text-align: center;
	padding: 12px 0;
	float: left;
	border-bottom: solid 1px #cbbb7f;
	font-size: 14px;
	position: relative;
}
.gn_sp li:nth-child(2):before,
/*.gn_sp li:nth-child(8):before{
	content:url("../images/common/ico_check.png");
	position:absolute;
	top: -2px;
	left:2px;
	z-index:100;
}
.gn_sp li:nth-child(3):before{
	content:url("../images/common/ico_new.png");
	position:absolute;
	top: -2px;
	left:2px;
	z-index:100;
}

*/

.gn_sp li a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

.gn_sp li.no a {
	color: #7B7B7B;
}
.gn_sp li a.chotai {
	transform: scale( 0.8, 1 );
	-moz-transform: scale( 0.8, 1 );  /* Firefox */
	-webkit-transform: scale( 0.8, 1 );  /* Chrome,Safari */
	-o-transform: scale( 0.8, 1 );  /* Opera */
	-ms-transform: scale( 0.8, 1 );  /* IE */
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.gn_sp li.br1 {
	border-right: 1px solid #cbbb7f;
}

.formbtn li {
	/* width: 50%; */
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.formbtn li a {
	color: #fff;
	text-shadow: -1px -1px #333333;
	text-decoration: none;
	display: block;
	padding: 10px 0;
}
.membtn {
	background: #009688;/* Firefox */
	background: -moz-linear-gradient(top center, #315588 0%, #2367C6 100%);/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#009688), to(#bcec85));/* 共通 */
	background: linear-gradient(top center, #315588 0%, #2367C6 100%);
	color: #fff;
}
.membtn a{
	background:url(../images/ico_mem.png)  12% 50% no-repeat;
}
.reqbtn {
		background: #009688;/* Firefox */
	background: -moz-linear-gradient(top center, #315588 0%, #2367C6 100%);/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#009688), to(#bcec85));/* 共通 */
	background: linear-gradient(top center, #315588 0%, #2367C6 100%);
	color: #fff;
}
.resbtn {
	text-align: center;
	font-size: 15px;
	background: #875d0a;/* Firefox */
	background: -moz-linear-gradient(top center, #875d0a 0%, #dac975 100%);/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#875d0a), to(#dac975));/* 共通 */
	background: linear-gradient(top center, #875d0a 0%, #dac975 100%);
	color: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
   overflow-x: hidden; padding-top: 0px; padding-bottom: 0px;    padding-left: 0px;
    padding-right: 0px;
}
.header {
    padding-top: 0px;
    padding-bottom: 0px;
}
}
.container-fluid2 {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/****
周辺環境
*******************************************/
.location{}
.location .sec01,
.location .sec02,
.location .sec03,
.location .sec04,
.location .sec05{
    margin-bottom: 60px;
}


.location .sec01{
	margin-bottom: 10px;
	padding: 18px 0%;
	}

.location .sec01 .sec01_1{
	margin-bottom: 30px;
	background-color: #530600;
	padding: 18px 2%;
}
.location .sec01 .sec01_1 .left{
	width: 50%;

}



.location .sec01 .sec01_2{

}
.location .sec01 .sec01_2 ul{

}
.location .sec01 .sec01_2 ul li{
	float: left;
	width: 49.5%;
	position:relative;
	margin-bottom:10px;
}

.location .sec01 .sec01_2 ul li:nth-child(even){
	float:right;
	margin-right:0;
}
.location .sec01 .sec01_2 ul li img{
	width:100%;
}
.location .sec01 .sec01_1 .right span,
.location .sec01 .sec01_2 ul li span{
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
	font-size: 12px;
	background-color:rgba(0, 0, 0, 0.70);
	color:#ffffff;
	width: 98%;
	padding: 7px 1%;
}




.location .sec01 h3{
	margin-bottom:15px;
}



.location  h3
{
	border-bottom: dotted 2px #530600;
	margin-bottom: 20px;
	color: rgb(176, 35, 0);
	font-size: 20px;
	font-weight: normal;
}
.location .sec02 h3 span,
.location .sec02 h3 span,
.location .sec04 h3 span{
	font-style: italic;
	font-size: 36px;
	color: #530600;
}

.location .sec02 .left{
	width:520px;
}
.location .sec02 .right{
	width: 340px;
}
.location .sec02 .left h3{
	margin-bottom:20px;
}

.location .sec02 .right img{
	margin-bottom:10px;
}
.location .sec02 .right h4{
	color:#666666;
}




.location .sec02 ul{

}
.location .sec02 ul li{
	float: left;
	width: 30.8%;
	margin-right: 0.5%;
	text-align:center;
	font-family: "Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	margin-bottom: 10px;
	position:relative;
	background-color: #ffffff;
	padding: 10px 1%;
	border: solid 1px #e2e2e2;
}
.location .sec02 ul li:nth-child(3n){
	margin-right:0;
}



.location .sec02 ul li img{
	position:relative;
	display:block;
	width:100%;
	margin-bottom: 5px;
}


.location .sec02 ul li h6{
		font-size: 18px;
		font-weight: normal;
		color:#530600;
		padding-bottom: 5px;
		border-bottom: dotted 1px #ff9f18;
}
.location .sec02 ul li p

}




.location .lifeinfo{}
.location .lifeinfo li{
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
}
.location .lifeinfo li:nth-child(2n){
	margin-right:0;
}

.location .lifeinfo li:last-child{
	width:100%;
}
.location .lifeinfo li:last-child table.left{
	width: 48%;
	float:left;
}
.location .lifeinfo li:last-child table.right{
	width: 48%;
	float:right;
}

.location .lifeinfo li h4{
	border:none;
	border-radius:5px;
	text-align:center;
	background-color: #f3a22c;
	color:#ffffff;
	padding:5px 0;
	margin-bottom:10px;
}
.location .lifeinfo li table{
	width: 100%;
}
.location .lifeinfo li table tr{

}

.location .lifeinfo li table tr th,
.location .lifeinfo li table tr td{font-size: 13px;border-bottom:dotted 1px #333333;padding: 6px 0;color: #3e0500;}

.location .lifeinfo li table tr th{

}
.location .lifeinfo li table tr td{
	text-align: right;
	width: 40%;
}
@media screen and ( max-width:768px )
{
/****
周辺環境
*******************************************/
.location{}
.location .sec01,
.location .sec02,
.location .sec03,
.location .sec04,
.location .sec05{
    margin-bottom: 30px;
}


.location .sec01{
	margin-bottom: 10px;
	padding: 18px 2%;
	}

.location .sec01 .sec01_1{
	margin-bottom: 30px;
	background-color: #530600;
	padding: 18px 2%;
}
.location .sec01 .sec01_1 .left{
	width: 50%;

}
.location .sec01 .sec01_1 .left .cat{
	color:#ffdcaa;
	margin-bottom:20px;
}

.location .sec01 .sec01_1 .left .txt{/* background-color:#ffffff; */line-height: 2;font-size: 16px;
color:#ffffff;}
.location .sec01 .sec01_1 .right{
	width: 46%;
		position:relative;
}
.location .sec01 .sec01_1 .right .img{
	position:relative;
}

.location .sec01 .sec01_2{

}
.location .sec01 .sec01_2 ul{

}
.location .sec01 .sec01_2 ul li{
	float: left;
	width: 100%;
	position:relative;
}
.location .sec01 .sec01_2 ul li img{
	width:100%;
}
.location .sec01 .sec01_1 .right span,
.location .sec01 .sec01_2 ul li span{
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
	font-size:10px;
	background-color:rgba(0, 0, 0, 0.70);
	color:#ffffff;
	width:auto;
	padding:2px 5px;
}




.location .sec01 h3{
	margin-bottom:15px;
}



.location  h3
{
	border-bottom: dotted 2px #530600;
	margin-bottom: 20px;
	color: rgb(176, 35, 0);
	font-size: 20px;
	font-weight: normal;
}
.location .sec02 h3 span,
.location .sec02 h3 span,
.location .sec04 h3 span{
	font-style: italic;
	font-size: 36px;
	color: #530600;
}

.location .sec02 .left{
	width:520px;
}
.location .sec02 .right{
	width: 340px;
}
.location .sec02 .left h3{
	margin-bottom:20px;
}

.location .sec02 .right img{
	margin-bottom:10px;
}
.location .sec02 .right h4{
	color:#666666;
}




.location .sec02 ul{

}
.location .sec02 ul li{
	float: left;
	width: 46.5%;
	margin-right: 1%;
	text-align:center;
	font-family: "Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	margin-bottom: 5px;
	position:relative;
	background-color: #ffffff;
	padding: 3px 1%;
	border: solid 1px #e2e2e2;
}
.location .sec02 ul li:nth-child(3n){
	margin-right:1%;
}
.location .sec02 ul li:nth-child(2n){
	margin-right:0;
}


.location .sec02 ul li img{
	position:relative;
	display:block;
	width:100%;
	margin-bottom: 5px;
}


.location .sec02 ul li h6{
		font-size: 12px;
		font-weight: normal;
		color:#530600;
		padding-bottom: 5px;
		border-bottom: dotted 1px #ff9f18;
}
.location .sec02 ul li p{
			font-size: 10px;
}




.location .lifeinfo{}
.location .lifeinfo li{
	float: left;
	width: 100%;
	margin-right: 4%;
	margin-bottom: 20px;
}
.location .lifeinfo li:nth-child(2n){
	margin-right:0;
}


.location .lifeinfo li:last-child{
	width:100%;
}
.location .lifeinfo li:last-child table.left{
	width: 100%;
	float:left;
	margin-bottom: 0;
}
.location .lifeinfo li:last-child table.right{
	width: 100%;
	float:right;
}


.location .lifeinfo li h4{
	border:none;
	border-radius:5px;
	text-align:center;
	/* background-color:#ff9f18; */
	color:#ffffff;
	padding:5px 0;
	margin-bottom:10px;
}
.location .lifeinfo li table{
	width: 100%;
}
.location .lifeinfo li table tr{

}

.location .lifeinfo li table tr th,
.location .lifeinfo li table tr td{font-size: 12px;border-bottom:dotted 1px #333333;padding: 6px 0;color: #3e0500;}

.location .lifeinfo li table tr th{

}
.location .lifeinfo li table tr td{
	text-align: right;
	width: 40%;
}}

.lo_txt{
	    font-style: italic;
    font-size: 36px;
    color: #8FB954;
}
.lo_txt2{
    border-bottom: dotted 1.5px #3C2202;
    margin-bottom: 20px;
    color: #3C2202;
    font-size: 20px;
    font-weight: normal;
}
@media screen and ( max-width:768px )
{
	.lo_txt{
	    font-style: italic;
    font-size: 8.0em;
    color: #8FB954;
}
.lo_txt2{
    border-bottom: dotted 1.5px #3C2202;
    margin-bottom: 20px;
    color: #3C2202;
    font-size: 0.4em;
    font-weight: normal;
}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 区画・間取 */
.plan_gallery_title {
    font-size: 24px;
    font-weight: 700;
    color: #4D4D4D;
}

.c-map{
	width: 100%;
	height: auto;
}
.plan_link_set {
	width: 82.5%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.plan_link_set li {
	margin: 1.5vw 1.5vw 0 0;
	width: calc((100% - 1.5vw * 3) / 3 - .1px);
}
.plan_link_set li:nth-of-type(3n) {
	margin: 1.5vw 0 0 0;
}
.plan_link_set img {
	width: 100%;
}

			.plan_link_set_new2 {
				margin: 0 auto;
				display: flex;
				flex-wrap: wrap;
			}
			.plan_link_set_new2 li {
				margin: 1.5vw 1.5vw 0 0;
				width: calc((100% - 1.5vw * 2) / 2 - .1px);
			}
			.plan_link_set_new2 li:nth-of-type(2n) {
				margin: 1.5vw 0 0 0;
			}
			.plan_link_set_new2 img {
				width: 100%;
			}
			
			.plan_link_set_new3 {
				margin: 0 auto;
				display: flex;
				flex-wrap: wrap;
			}
			.plan_link_set_new3 li {
				margin: 1.5vw 1.5vw 0 0;
				width: calc((100% - 1.5vw * 3) / 3 - .1px);
			}
			.plan_link_set_new3 li:nth-of-type(3n) {
				margin: 1.5vw 0 0 0;
			}
			.plan_link_set_new3 img {
				width: 100%;
			}

			
.plan_gallery{
	margin-bottom: 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.plan_gallery li{
	width : calc(94% / 4) ;
  margin: 0 8px 20px 8px;
  height: 179px;
  overflow: hidden;
}
.plan_gallery li img{
	width : 100%;
}
@media screen and ( max-width:768px ){
.plan_gallery{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 0;
}
.plan_gallery li{
	width : calc(94% / 2) ;
	margin: 0;
	margin-bottom: 20px;
	height: 90px;
  overflow: hidden;
}
}
/****
アクセス
*******************************************/
.kanayama2{
	background: url("../images/access/kanayama_bg.jpg")	repeat-x;
}