@charset "UTF-8";
/* CSS Document */
/* ---------------------------------
    hebelplaza共通
--------------------------------- */
.l-section,
.m-cont-box {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* ---------------------------------
    hebelplaza index
--------------------------------- */
/* PCサイズ */
@media screen and (min-width:668px){

	/* 土地活用の総合窓口・へーベルプラザのご案内 */
	.c-info-plaza {
		padding: 0 0 30px;
	}
	.c-info-plaza img {
		display: block;
		width: 100%;
		margin: 0 0 30px;
	}
	.c-info-plaza p {
		width :100%;
	}

	/* こんなお悩みやご不安がありましたら、ぜひお気軽にご相談ください */
	.c-faq-plaza {
		margin-bottom: 45px;
	}
	.c-faq-plaza ul {
		padding: 5px 0 20px 45px;
	}
	.c-faq-plaza ul.last{padding-bottom:0;}
	.c-faq-plaza ul li {
		list-style-type: disc;
	}

	/* お近くのへーベルプラザはこちらから */
	.c-search-plaza {
		/*padding-top:45px;*/
	}
	.c-ul-link {
		width: 100%;
		height :auto;
		overflow: hidden;
		padding: 10px 0 20px;
	}
	.c-ul-link li {
		display: inline-block;
		float: left;
		width: 30%;
		padding: 5px 0 0 15px;
		background: url(/maison/img013/common/013_icon.png) left center no-repeat;
	}

	/* バナー */
	.c-bnr {
		display: block;
		width: 100%;
		height: 190px;
		background: url(/image.jsp?id=387058) 0 0 no-repeat;
	}
}

/* SPサイズ */
@media screen and (max-width:667px){

	/* 土地活用の総合窓口・へーベルプラザのご案内 */

	/* こんなお悩みやご不安がありましたら、ぜひお気軽にご相談ください */
	.c-faq-plaza {
		padding-bottom: 20px;
	}
	.c-faq-plaza ul {
		padding: 5px 0 20px 35px;
	}
	.c-faq-plaza ul li {
		list-style-type: disc;
	}

	/* お近くのへーベルプラザはこちらから */
	.c-search-plaza {

	}
	.c-search-plaza h3 {
		margin-bottom: 15px;
	}
	.c-search-plaza .c-cols50per {
		width: 50%;
		height: auto;
		float: left;
		margin-right: 0;
	}
	.c-ul-link {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height :auto;
		overflow: hidden;
		padding: 0;
		border: 1px solid #b0b0b0;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.c-ul-link li {
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
		display: table;
		width: 50%;
		border-bottom: 1px solid #b0b0b0;
		float: left;
		background:
 url(/maison/smp/images/icon_arrow_01.png) right center no-repeat;
		background-size: 25px auto;
	}
	.c-ul-link li:nth-child(odd) {
		border-right: 1px solid #b0b0b0;
	}
	.c-ul-link li:last-child,
	.c-ul-link li.s-no-bd{
		border-bottom: 0;
	}
	.c-search-plaza .c-cols50per .c-ul-link {
		width: 100%;
	}
	.c-search-plaza .c-cols50per .c-ul-link li {
		width: 100%;
		border-right: 0;
	}
	.s-bdr-ln {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.s-bdr-rn {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: 0;
	}
	.c-ul-link li a {
		display: table-cell;
    vertical-align: middle;
		width: 100%;
    height: 50px;
    padding: 0 20px 0 16px;
    color: #333333;
    text-decoration: underline!important;
    font-size: 0.9rem;
	}

	/* バナー */
	.c-bnr {
		display: block;
		width: 100%;
	}
}

/* ---------------------------------
    hebelplaza 店舗詳細
--------------------------------- */

/* PCサイズ */
@media screen and (min-width:668px){
	/* TOP画像 */
	.c-detail-top .top_photo {
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 317px;
		height: auto;
		overflow: hidden;
    vertical-align: middle;
		text-align: center;
	}
	.c-detail-top .top_photo img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	/* アクセス・お問い合わせ */
	.c-detail-access * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.c-detail-access .m-cont-box {
		border: 1px solid #ccc;
	}

	/*-- .m-tab-box --*/
	.m-tab-box {
		float:right;
		width:380px;
		min-height: 354px;
		position:relative;
		background-color:#FFF;
		overflow:hidden;
		border-left:1px solid #ccc;*/
	}
	/* タブ画像の切り替え */
	.c-tab-switch{
		overflow:hidden;
		border-bottom: 2px solid #6D9FEE;
		position: relative;
		z-index: 1;
	}
	.c-tab-switch li{
		display:block;
		width:50%;
		height: 40px;
		float:left;
	}
	.c-tab-switch li a{
		width:100%;
		display:block;
		line-height: 40px;
		color: #8A8A8A!important;
		text-decoration: none!important;
		overflow: hidden;
		text-align: center;
		font-weight: bold;
	}

	.c-tab-detail,
	.c-tab-google {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececec+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	}
	.c-tab-detail.s-active,
	.c-tab-google.s-active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d9fee+0,487ee3+100 */
		background: #6d9fee; /* Old browsers */
		background: -moz-linear-gradient(top,  #6d9fee 0%, #487ee3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #6d9fee 0%,#487ee3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #6d9fee 0%,#487ee3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9fee', endColorstr='#487ee3',GradientType=0 ); /* IE6-9 */
	}

	.c-tab-detail.s-active a,
	.c-tab-google.s-active a {
		color: #fff!important;
		text-decoration: none!important;
	}

	/* 各地図表示エリア */
	.c-map-detail,
	.c-map-google{
		display:none;
	}
	.c-map-detail {
		padding: 20px 5px;
		z-index:2;
		position: relative;
		background-color: #FFF;
	}
	.c-map-google.load{
		display:block;
		/*position:absolute;
		top:0;
		left:0;*/
		width:100%;
		height:310px;
		z-index:0;
		overflow: hidden;
	}
	#map-canvas{
		width:100%;
		height:310px;
		overflow: hidden;
	}
	.c-map-detail.s-active,
	.c-map-google.s-active{
		display:block;
		overflow: hidden;
	}

	/*-- .m-detail-box --*/
	.m-detail-box{
		float:left;
		width:258px;
		border-right: 0;
		padding: 20px 15px;
		/*border: 1px solid #ccc;*/*/
	}
	.m-detail-box dl {
		height :auto;
		overflow:hidden;
	}
	.m-detail-box dt {
		display: block;
		float: left;
		width: 45px;
	}
	.m-detail-box dd {
		display: block;
		float: left;
		width: 182px;
		margin-bottom: 10px;
	}
	.m-detail-box strong {
		font-size: 24px;
		color: #FF6C49;
	}

	/*-- .m-open-box --*/
	.m-btn-open-box{
		clear:both;
		overflow: hidden;
		padding: 10px 0 20px;
	}
	.m-btn-open-box a {
		display: block;
		width: 185px;
		height: 36px;
		float: right;
		text-indent: -200%;
		overflow:hidden;
		margin-left: 10px;
	}
	.c-btn-open-print {
		width: 185px;
		height: 36px;
		background:url(/maison/hebelplaza/img/btn_open_print.png) 0 0 no-repeat;
	}
	.c-btn-open-map {
		width: 185px;
		height: 36px;
		background:url(/maison/hebelplaza/img/btn_open_map.png) 0 0 no-repeat;
	}
	.c-btn-open-map.s-hide {
		display: none;
	}


	/* Information */
	.c-info-blog {
		margin-bottom: 30px;
	}
	.c-info-blog .update-area {
		border: 1px solid #ccc;
		padding: 20px;
	}
	.c-info-blog .btn_gray a {
	 float: right;
	}
	.c-info-blog .btn_blue a {
	 float: right;
	}


	/* イベント情報 */
	.c-ev-box,
	.c-ev-box * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.c-ev-box {
		position: relative;
		width: 100%;
		border:1px solid #CCC;
		margin-bottom: 15px;
	}
	.c-ev-tit {
		background: #f1f1f1;
		color: #2e63ce;
		font-size: 18px;
		line-height: 1.2;
		padding: 15px 30px 15px 15px;
		margin-bottom: 15px;
	}
	.c-ev-tit span {
		display: inline-block;
    border-left: 4px solid #2e63ce;
    padding-left: 10px;
	}

	/* タグ設定 */
	.c-ev-tag {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.c-ev-tag li {
		float: left;
		font-size: 85%;
    margin: 0 5px 5px 0;
    padding: 0px 5px;
    display: inline-block;
	}
	.c-ev-tag .ev1 {
		background: #F9DFCC;
		border: 1px solid #D08A57;
		color: #B16127;
	}
	.c-ev-tag .ev2 {
		background: #D2F8F8;
		border: 1px solid #7AABB2;
		color: #2F6E91;
	}
	.c-ev-tag .ev3 {
		background: #F9EDCC;
		border: 1px solid #AE9E71;
		color: #8C790F;
	}
	.c-ev-tag .ev4 {
		background: #e0ecfd;
		border: 1px solid #7a90b2;
		color: #436598;
	}
	.c-ev-tag .ev5 {
		background: #ededed;
		border: 1px solid #9e9e9e;
		color: #777777;
	}

	.c-ev-tag .ev6{
		background:#FFDFDF;
		border:1px solid #DD8080;
		color:#D65739;
}
	.c-ev-tag .ev7{
		background:#D3F1D4;
		border:1px solid #65A46F;
		color:#337D27;
}
	.c-ev-tag .ev8{
		background:#BAEBFB;
		border:1px solid #5BAAAF;
		color:#2F6D91;
}
	.c-ev-tag .ev9{
		background:#CCF9E6;
		border:1px solid #74AB9D;
		color:#1E7F69;
}
	.c-ev-tag .ev10{
		background:#FFE1F4;
		border:1px solid #CA8EA9;
		color:#9B5E88;
}



	/* 日時・場所・概要 */
	.c-ev-info {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 15px;
	}
	.c-ev-info dt {
		display: block;
		float: left;
		clear: left;
		width: 80px;
		height: 28px;
		line-height: 28px;
		background: #666;
		color: #fff;
		text-align: center;
		margin-bottom: 10px;
	}
	.c-ev-info dd {
		display: block;
	  float: left;
	  width: 520px;
	  height: auto;
	  overflow: hidden;
	  margin-bottom: 15px;
	  padding: 0 0 0 15px;
	}
	.c-btn-goto-detail {
		position: absolute;
		display: block;
		width: 130px;
		height: 36px;
		top: 85px;
    right: 15px;
		text-indent: -200%;
		overflow: hidden;
		z-index: 100;
    cursor: pointer;
		background: url(/maison/hebelplaza/img/btn_goto_detail.png) 0 0 no-repeat;
	}
	.c-ev-box li{
		float:left;
	}

	/* もっと見るボタン */
	.c-btn-more {
		display: block;
		width: 320px;
		height: 60px;
		margin: 20px auto 40px;
		color: #fff;
		text-decoration: none;
		border-radius: 10px;
		background: #BEBEBE;
		line-height: 60px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
		cursor: pointer;
	}
	.c-btn-more:hover {
		background: #cccccc;
		color: #fff;
	}
	.c-btn-more:before {
		content: '+';
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid #fff;
		line-height: 20px;
		font-weight: bold;
		margin-right: 5px;
		font-size: 18px;
	}
	.c-btn-more.open:before {
		content: '×';
		border: 0;
	}
}

/* SPサイズ */
@media screen and (max-width:667px){
	/* TOP画像 */
	.c-detail-top .top_photo {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100% !important;
		height: auto;
		overflow: hidden;
	}
	.s-flex {
		display: -webkit-flex; /* Safari */
	  display: flex;
		-webkit-flex-direction: column; /* Safari */
	  flex-direction: column;
	}
	.s-flex-p{
		display: block;
		width: 100%;
		-webkit-order: 2; /* Safari */
	  order:         2;
	}
	.s-flex-img {
		-webkit-order: 1; /* Safari */
	  order:         1;
	}


	/* アクセス・お問い合わせ */
	.c-detail-access * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.c-detail-access .m-cont-box {
		/*border: 1px solid #ccc;*/
	}

	/*-- .m-tab-box --*/
	.m-tab-box {
		width:100%;
		height: auto;
		position:relative;
		overflow:hidden;
		border: 1px solid #ccc;
	}
	/* タブ画像の切り替え */
	.c-tab-switch{
		overflow:hidden;
		border-bottom: 2px solid #6D9FEE;
		position: relative;
		z-index: 1;
	}
	.c-tab-switch li{
		display:block;
		width:50%;
		height: 58px;
		float:left;
	}
	.c-tab-switch li a{
		width:100%;
		display:block;
		line-height: 58px;
		color: #8A8A8A!important;
		text-decoration: none!important;
		overflow: hidden;
		text-align: center;
		font-weight: bold;
	}
	.c-tab-detail,
	.c-tab-google {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececec+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	}
	.c-tab-detail.s-active,
	.c-tab-google.s-active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d9fee+0,487ee3+100 */
		background: #6d9fee; /* Old browsers */
		background: -moz-linear-gradient(top,  #6d9fee 0%, #487ee3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #6d9fee 0%,#487ee3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #6d9fee 0%,#487ee3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9fee', endColorstr='#487ee3',GradientType=0 ); /* IE6-9 */
	}
	.c-tab-detail.s-active a,
	.c-tab-google.s-active a {
		color: #fff!important;
		text-decoration: none!important;
	}
	/* 各地図表示エリア */
	.c-map-detail,
	.c-map-google{
		display:none;
	}
	.c-map-detail {
		padding: 20px 5px;
		z-index:2;
		position: relative;
		background-color: #FFF;
	}
	.c-map-google.load{
		display:block;
		/*position:absolute;
		top:0;
		left:0;*/
		width:100%;
		height:300px;
		z-index:0;
	}

	.c-map-google,
	#map-canvas{
		width:100%;
		height:300px;
	}
	.c-map-detail.s-active,
	.c-map-google.s-active{
		display:block;
	}

	.c-btn-open-app {
		display: block;
		float: right;
		width: 142px;
		height: 28px;
		overflow: hidden;
		text-indent: -200%;
		background: url(/maison/hebelplaza/img/btn_open_app.png) 0 0 no-repeat;
		background-size: contain;
		margin: 10px 0 0;
	}
	.c-btn-open-app.s-hide {
		display: none;
	}

	/*-- .m-detail-box --*/
	.m-detail-box{
		clear: both;
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-right: 0;
		padding: 15px 10px;
		font-size: 14px;
	}
	.m-detail-box dl {
		height :auto;
		overflow:hidden;
	}
	.m-detail-box dt {
		display: block;
		float: left;
		width: 20%;
	}
	.m-detail-box dd {
		display: block;
		float: left;
		width: 80%;
		margin-bottom: 10px;
	}
	.m-detail-box strong {
		font-size: 14px;
		color: #FF6C49;
	}
	.m-detail-box p {
		font-size: 14px;
	}
	.c-btn-tel {
		display: block;
		position: absolute;
		width: 101px;
		height: 56px;
		bottom: 85px;
		right: 10px;
		text-indent: -300%;
		overflow: hidden;
		background: url(/maison/hebelplaza/img/btn_tel.png) 0 0 no-repeat;
		background-size: contain;
	}

	/* Information */
	.c-info-blog * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.c-info-blog {
		margin-bottom: 30px;
	}
	.c-info-blog .update-area {
		border: 1px solid #ccc;
		padding: 20px;
	}


	/* イベント情報 */
	.c-ev-box,
	.c-ev-box * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.c-ev-box {
		position: relative;
		width: 100%;
		border:1px solid #CCC;
		margin-bottom: 15px;
		cursor: pointer;
	}
	.c-ev-box:after {
		content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px !important;
    height: 30px !important;
    background: url("/maison/smp/images/icon_arrow_01.png") no-repeat !important;
    background-position: right 10px !important;
    background-size: 30px !important;
	}
	.c-ev-tit {
		background: #f1f1f1;
		color: #2e63ce;
		font-size: 18px;
		line-height: 1.2;
		padding: 10px;
		margin-bottom: 15px;
	}
	.c-ev-tit span {
	}

	/* タグ設定 */
	.c-ev-tag {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.c-ev-tag li {
		float: left;
		font-size: 85%;
    margin: 0 5px 5px 0;
    padding: 0px 5px;
    display: inline-block;
	}
	.c-ev-tag .ev1 {
		background: #F9DFCC;
		border: 1px solid #D08A57;
		color: #B16127;
	}
	.c-ev-tag .ev2 {
		background: #D2F8F8;
		border: 1px solid #7AABB2;
		color: #2F6E91;
	}
	.c-ev-tag .ev3 {
		background: #F9EDCC;
		border: 1px solid #AE9E71;
		color: #8C790F;
	}
	.c-ev-tag .ev4 {
		background: #e0ecfd;
		border: 1px solid #7a90b2;
		color: #436598;
	}
	.c-ev-tag .ev5 {
		background: #ededed;
		border: 1px solid #9e9e9e;
		color: #777777;
	}

	/* 日時・場所・概要 */
	.c-ev-info {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 15px;
	}
	.c-ev-info dt {
		float: left;
		clear: left;
		width: 24%;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		background: #666;
		color: #fff;
		text-align: center;
		margin-bottom: 10px;
	}
	.c-ev-info dd {
	  float: left;
	  width: 74%;
	  height: auto;
	  overflow: hidden;
	  margin-bottom: 15px;
	  padding: 0 0 0 15px;
	}
	.c-btn-goto-detail {
		clear: both;
		display: none;
		width: 200px;
		height: 56px;
		margin: 10px auto 15px;
		text-indent: -200%;
		overflow: hidden;
		background: url(/maison/hebelplaza/img/btn_goto_detail_sp.png) 0 0 no-repeat;
		background-size: contain;
		z-index: 100;
    cursor: pointer;
	}
	.c-ev-box li{
		float:left;
	}

	/* もっと見るボタン */
	.c-btn-more {
		display: block;
		width: 100%;
		height: 50px;
		margin: 15px auto 30px;
		color: #fff!important;
		text-decoration: none!important;
		border-radius: 10px;
		background: #BEBEBE;
		line-height: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
		cursor: pointer;
	}
	.c-btn-more:hover {
		background: #cccccc;
		color: #fff!important;
	}
	.c-btn-more:before {
		content: '+';
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid #fff;
		line-height: 20px;
		font-weight: bold;
		margin-right: 5px;
		font-size: 18px;
	}
	.c-btn-more.open:before {
		content: '×';
		border: 0;
	}

}