@charset "utf-8";
.tele-ja {    font-size: 18px;}

.top #header {min-height: 350px;}
.headerBoxList-item{width:100%;}
.headerBoxList-item p.headerBoxList-item-text span{padding-left:1.0em;}
.headerBoxList-item p.headerBoxList-item-text span a{color:#00A26B;letter-spacing:2.0px;text-decoration:underline;}
.top .mainBtn-inner a.btnE{}
.top .mainBtn-inner a.btnE img{float: left}
.top .mainBtn-inner a.btnE span{display: block;line-height: 1.4em;font-size: 18px;}
.top .mainBtn-inner a.btnE span:nth-of-type(2){display: block;font-size: 16px;}
.global_navi li a{padding: 0 6px;font-size:15px; }

/* 人気エリア */
body.guide-detail #boxPopular{width:100%;	margin:0 auto 40px;}
body.guide-detail #boxPopular h2{
	padding:5px 10px;
	border-right:1px solid #999999;
	border-bottom:none;
	border-left:1px solid #999999;
	border-top:4px solid #00A26B;
	background:none;
	border-radius:0;
}

#boxPopular .content880 h3{
  margin: 50px 10px 0;
  padding-left: 20px;
  line-height: 30px;
  background: url(/common_asp/popular/images/h_bg.gif) no-repeat 0 0;
  font-size: 16px;
  color: #000;
}
#localShop h3 {
    background:transparent url(/common/images/h3_bg.jpg) no-repeat 0 100%;
    clear: both;
    color: #00A26B;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 20px;
    padding: 6px 5px 7px 20px;
}

#boxPopular h4{/* width:840px; */
	clear:both;
	width:770px;
	margin:20px auto 10px;
	padding-left:50px;
	line-height:40px;
	font-size:18px;
	background-repeat:no-repeat;
	background-position:0 50%;
}
#boxPopular h4 img{
	margin-left:15px;
}

/* 2. content
=========================================================*/
body.guide-detail .mainWrapper #content #titPopular>h2{display: none !important;}
.leadPop{position:relative;;font-size: 12px;line-height: 1.6;
/*background:url(/common_asp/popular/images/tit_able.gif) no-repeat 0 0;background-size: contain;*/}

/* #navContactTW
---------------------------------------------------------*/
  #content #navContactTW li a img{
    max-width: 280px;
  }


/* table Lanking
---------------------------------------------------------*/
#tabLanking{
	width:800px;
	position:relative;
	margin: 20px auto 30px auto;
}
#tabLanking td a{
	display:block;
	margin-left:-12px;
	padding-left:12px;
	background:transparent url(/common/images/for_ul_mk1.png) no-repeat 0 .4em;
	text-decoration:underline;
}
.tabLank-1,.tabLank-2,.tabLank-3,.tabLank-4{
	width:360px;
	height:48px;
	padding:20px 0 20px 84px;
	background-repeat:no-repeat;
	background-position:20px 50%;
	font-size:14px;
	line-height:1.4;
}
#tabLanking .tabLank-1,#tabLanking .tabLank-3{
	background-color:#fff;
}
#tabLanking .tabLank-2,#tabLanking .tabLank-4{
	background-color:#EBEBEB;
}
.tabLank-1{background-image:url(/common_asp/popular/images/g_num_1.gif);}
.tabLank-2{background-image:url(/common_asp/popular/images/g_num_2.gif);}
.tabLank-3{background-image:url(/common_asp/popular/images/g_num_3.gif);}
.tabLank-4{background-image:url(/common_asp/popular/images/g_num_4.gif);}

.tabLankMap{
	vertical-align:top;width:auto;
}
.tabLankMap div{
	position:relative;
	height:auto;
}
.tabLankMap div img{
	position:absolute;
	top:0;
	right:0;
}

body:not(.top) .global_navi{position: absolute;top: 3em;}
body:not(.top) ul#navGlobal{}
body:not(.top) ul#navGlobal li{}
body:not(.top) ul#navGlobal li a{}
body:not(.top) #navGlobal a{padding-left:13px;padding-right:13px;}


/* LINE */
#header div.headerBoxLists{min-height: 100px;}
#header div.headerBoxLists > ul{}
#header div.headerBoxLists ul li:FIRST-CHILD{display: block;margin: 0 auto;text-align: center;}
#header div.headerBoxLists ul li:nth-child(2){width:390px;text-align: right;padding-right: 0px;}
#header div.headerBoxLists ul li:nth-child(2) img{margin-left: 10px;}
#header div.headerBoxLists ul li:last-child{width:370px}
#header div.headerBoxLists ul li:FIRST-CHILD p{position: relative;}
.headerBoxLists #headerSubErea{margin-top: -170px;}
/*#headerLineArea{margin-top: -125px;width: 960px;margin-left: auto;margin-right: auto;text-align: right;}*/


#online{position:absolute;display:block;margin:auto;top:-182px;left:0;right:0;width:300px;background-color:#fff;border-radius:8px;box-shadow: 2px 2px 2px gray;}
#online img{border:1px solid #fff;border-radius:6px;width:100% !important;}
#online:hover {box-shadow: none;}
#online:hover img{opacity:0.8;}

/* Lankin Area Detail
---------------------------------------------------------*/
.areaNum1 h4{background:url(/common_asp/popular/images/num_1.gif);}
.areaNum2 h4{background:url(/common_asp/popular/images/num_2.gif) no-repeat 0 50%;}
.areaNum3 h4{background:url(/common_asp/popular/images/num_3.gif) no-repeat 0 50%;}
.areaNum4 h4{background:url(/common_asp/popular/images/num_4.gif) no-repeat 0 50%;}
.areaNum5 h4{background:url(/common_asp/popular/images/num_5.gif) no-repeat 0 50%;}

.tabLankDetail{
	width:780px;
	margin:10px auto;
}
.areaPhoto{
	width:250px;
	text-align:center;
	vertical-align:middle;
	background-color:#EFEFEF;
}
.areaInfo{
	padding-left:20px;
	vertical-align:top;
}
.areaInfoico th{
	padding-right:5px;
	vertical-align:top;
}
.areaInfoico td{
	padding:0 4px 4px 0;
}
.areaInfo p{
	margin:10px 0;
}
p.areaTit{
	padding-left:34px;
	line-height:32px;
	font-weight:bold;
	background:url(/common_asp/popular/images/g_subway.gif) no-repeat 0 50%;
}

.boxAreaSearch{margin:20px auto 0 auto;	padding:10px 0 1px 0;	background-color:#EEEEEE;font-size: 12px;}
.boxAreaSearch a{
	display:block;
	float:right;
	width:222px;
	margin-top:-3px;
}
.boxAreaSearch p{margin:0;	padding:0 20px 0px;}
.boxAreaSearch p br{display: none;}

section.newsModule .boxNotice{width:100%;}
section.newsModule .boxNotice dl dt{display:none;}
section.newsModule .boxNotice dl dd{padding: 15px 9em 5px 1.0em ;}
section.newsModule .boxNotice dd a {right: 11px;}




/* content
---------------------------------------------------------*/
/* list */
#boxPopular ul.mkLink{
	padding:0;
	list-style:none;
}
#boxPopular .mkLink li{
	padding-left:15px;
	background:url("/common_local/images/for_mk_arrow2.gif") no-repeat scroll 0 0.4em rgba(0, 0, 0, 0);
}
#boxPopular .areaInfo ul.mkLink{
	padding-left:30px;
}


@media screen and (max-width: 767px) {
  #tabLanking{width:auto;}
  #tabLanking br{display: none;}

  #tabLanking tr:first-child{display: flex;flex-direction: column-reverse;  }
  .tabLankMap {width: calc( 100% + 30px );height:auto;  margin-left: -15px;margin-right: -15px;}
  .tabLankMap div {
    text-align: center;
  }
  .tabLankMap div img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .tabLank-1,.tabLank-2,.tabLank-3,.tabLank-4{padding:10px 0 10px 70px;display: block;width: auto;height: auto; }
  body.guide-detail .mainWrapper #content .content a{padding-left: 0.8em;}
  
}

/* 家賃相場 */
body.guide .guide-price{font-size: 15px;}
.guide-price .area-wrapper{display: flex;}
.guide-price .area-wrapper .area-pic{margin: 10px 20px 30px 0;}
.guide-price .area-wrapper .type-ta .area-nk p{border-bottom: 2px solid #665C9E;}
.guide-price .area-wrapper .type-ta .area-sr p{border-bottom: 2px solid #D5E989;}
.guide-price .area-wrapper .type-ta .area-ti p{border-bottom: 2px solid #D18D78;}
.guide-price .area-wrapper .type-ta .area-sn p{border-bottom: 2px solid #868EB2;}
.guide-price .mansion-contents img{width: 50%;margin: 0px 0 25px 0;}
.guide-price .type-ta{width: 100%;margin: 30px 0;}
.guide-price .type-ta tr{border: 1px solid;}
.guide-price .type-ta th{padding: 10px;border: 1px solid;background-color: #a9a9a942;}
.guide-price .type-ta td{border: 1px solid;padding: 10px;}
.guide-price .type-ta span{font-weight: bolder;font-size: 18px;}
.guide-price .mansion-contents{display: flex;}
.guide-price .mansion-contents .mansion-p{width: 50%;float: right; padding: 20px;margin-top: 0px;}
.guide-price .mansion-contents .mansion-p strong{font-size: 20px;}
.guide-price .residence-p1{margin: 0px 0px 50px;font-size: 20px;}
.guide-price .residence-p dl {background-color: #a9a9a942;/*border-right: 1px solid #ccc;*/border-bottom: 1px solid #ccc;/*border-left: 1px solid #ccc;*/margin: 30px 0 20px;}
.guide-price .residence-p dl dt{text-align: center; padding: 18px 15px 0 15px;border-top: 1px solid #ccc;width: 30%;float: left;font-size: 20px;float: left;}
.guide-price .residence-p dl dd{padding: 20px 0px 0 0px;border-top: 1px solid #ccc;background: #fff;margin-left: 30%;padding-bottom: 15px;/*border-left: 1px solid #ccc;*/text-align: center;font-size: 20px;margin-bottom: 0;}
.guide-price .residence-p dl dd::after{content: '';display: block;clear: both;}

/* 連絡先 */

div.info-box{
	width:100%;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

div.info{
	float: left;
	width: 49%;
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

div.info p.ttl{
	background-color: #DEFFCE;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	width: 180px;
}

div.info p.text{
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}

div.info-l{
	float: left;
	width: 99%
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

div.info-l p.ttl{
	background-color: #DEFFCE;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	width: 180px;
}

div.info-l p.text{
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}
div.info-l p.add{
	clear: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #EEEEEE;
}

div.info-l p.etc{
	clear: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 800px;
}

div.info p.text-r{
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: right;
	margin-right: 10px;
}

div.info p.add{
	clear: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #EEEEEE;
}

div.info-box hr{
	height:1px;
	color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
div.circle-box{
	width:100%;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

div.circle{
	float: left;
	height: 110px;
	width: 400px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00A26B;
}

div.circle-s{
	float: left;
	height: 60px;
	width: 400px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00A26B;
}

div.circle p.ttl{
	background-color: #DEFFCE;
	margin-top: 1px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

div.circle p.text{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div.circle-s p.ttl{
	background-color: #DEFFCE;
	margin-top: 1px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

div.circle-s p.text{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

body.guide-detail{}
body.guide-detail #swichmenu{text-align: right;}
body.guide-detail #swichmenu a{margin: 0.5em 0.8em;}
body.guide-detail #shopService{width: 100%;}
body.guide-detail #shopService>.clfix{display: flex;justify-content: space-between;}



@media screen and (max-width: 500px) {
	.guide-price	.area-wrapper{flex-direction: column;}
	.guide-price	.area-wrapper .area-pic{margin: 10px 20px;}
	.guide-price	.area-wrapper .type-ta .area{width: 24%;}
	.guide-price	.area-wrapper .type-ta .price{width: 47%;}
	.guide-price	.mansion-contents {flex-direction: column;}
	.guide-price	.mansion-contents img{width: 100%;margin: 30px 0 0px 0;}
	.guide-price	.type-ta{width: 100%;margin: 50px 0;}
	.guide-price	.type-ta th{padding: 7px;}
	.guide-price	.type-ta td{padding: 5px;}
	.guide-price	.type-ta span{font-size: 16px;}
	.guide-price	.mansion-contents .mansion-p{width: 100%;padding: 10px;margin-top: 10px;}
	.guide-price	.mansion-contents .mansion-p strong{font-size: 15px;}
	.guide-price	.residence-p1{font-size: 15px;}
	.guide-price	.residence-p1{margin-top: 40px!important;}
	.guide-price	.residence-p dl {margin: 20px 0 10px;}
	.guide-price	.residence-p dl dt{padding: 10px 10px 0 10px;width: 35%;font-size: 20px;}
	.guide-price	.residence-p dl dd{padding: 10px 0px 0 0px;margin-left: 35%;padding-bottom: 10px;font-size: 15px;}
	.guide-price	.residence-p dl dt{font-size: 15px;}
}

@media screen and (max-width: 767px) {
  #boxPopular {width: auto;}
  #boxPopular h4{width: auto;}
  .tabLankDetail > tbody, .tabLankDetail > tbody > tr, .tabLankDetail > tr{display: block;}
  .tabLankDetail .areaPhoto, .tabLankDetail .areaInfo{display: block;padding: 0;}
  .areaPhoto{width: 100%;margin-bottom: 15px;}
  p.areaTit{font-size: 12px;}
  .mkLink li a{padding-left: 0.2em;line-height: 1.6;}
  body.guide-detail .mainWrapper #content .content   .mkLink li a{font-size: 12px;padding-left: 0 ;}

  body.guide-detail .mainWrapper #content .content .boxAreaSearch {padding-bottom: 50px;position: relative;}
  body.guide-detail .mainWrapper #content .content .boxAreaSearch .btnE{position: absolute;bottom: 10px;left:0;right: 0;margin: auto;}
  .leadPop {
    padding: 10px;
    background-image:none;
  }
#online{position:relative;width:100%;top:0;}
#online img{width:100% !important;top:0;}
#headNavInner.fixed #online {width:166px !important;top:0;height:40px;position:absolute;margin:0;left:100px;box-shadow:unset;}
#headNavInner.fixed #online img{width:auto;height:100%;}

}




@media screen and (max-width: 980px) {
	.headerBoxLists #headerSubErea {
			margin-top: 20px;
			width: 100%;
	}
#wrapper #header div.headerBoxLists ul li{
    width: 100% !important;
    text-align: center;
    padding:5px 0;
}	
#header div.headerBoxLists ul li:nth-child(2) img{display: inline}
#pagetopContent .lineBox, #footer #pagetopFooter .lineBox{display: block;margin-top:5px;float: left;    position: absolute;bottom: 50px;right: 3px;
}
/*
#pagetopContent .inquiryBox-text span, #footer #pagetopFooter .inquiryBox-text span:last-child{font-size:10px;}
*/
#pagetopContent .lineBox img, #footer #pagetopFooter .lineBox img{width:44px !important;}
#online{position:relative;top:0;}

.headerBoxList-item p.headerBoxList-item-text span a{display:block;}
/*
#pagetopFooter.fixed{height:auto !important;}
#pagetopFooter.fixed>*{float:none !important;}
#pagetopContent .pagetopBox, #footer #pagetopFooter .pagetopBox{display:block !important;margin-top:5px;width:66px;height:66px;overflow:hidden;border-radius: 5px;width:66px !important;}
*/

}

@media screen and (max-width: 599px) {
body.top #container{padding-top:20px;}
section.newsModule .boxNotice dl dd{padding: 15px 1.0em 5px 1.0em ;clear:both;}
section.newsModule .boxNotice dl dd a{display:block;text-align:right;background-position: right 8em center;}
#localShop ul.bannerList li.bannerItem{flex-basis:49%;margin-bottom:5px;}
#localShop ul.bannerList li.bannerItem a img{width: 100%;height: auto;}
body #footer{padding-top:20px;}
}


@media screen and (max-width: 767px) {
	body.guide-detail #content{}
	body.guide-detail #content p.guide-option{width: auto;}
	body.guide-detail #content #guide-list{width: 100%;}
	body.guide-detail #content #guide-list div.guide-text{width: 50%;}
	body.guide-detail #content #guide-list .clearLeft{width: 100%;}
	body.guide-detail #content .guide-subttl-chk{width: 100%;}
	body.guide-detail #content div.info-box{max-width: 100%;}
	body.guide-detail #content div.info-box div.info .ttl {width: 159px;}
	body.guide-detail #content div.info-box div.info-l .ttl {width: 159px;}
	body.guide-detail #content div.info-box div.info .ttl strong{font-size: 12px;}
	body.guide-detail #content div.info-box div.info{width: 100%;float: none;clear: both;margin: 0 auto;}
	body.guide-detail #content div.info-box div.info p.text{float: none;padding-left: 53%;}
	body.guide-detail #content div.info-box div.info p.text-r{margin-top: -36px;}
	body.guide-detail #content div.info-box img{width: 100%;}
	body.guide-detail #content div.info-l{width: 100%;margin-left: 0;}
	body.guide-detail #content div.info p.add{font-size: 12px;}
	body.guide-detail #content div.info-l p.add{font-size: 12px;}
	body.guide-detail #content div.circle-box{width: 100%;float: none;}
	body.guide-detail #content div.circle-s{width: 100%;float: none;margin:0 auto;height: auto;}
	body.guide-detail #content div.circle{width: 100%;float: none;margin: 0 auto;}
	body.guide-detail #content div.info-l p.etc{width: 100%;float: none;}
	.content820{width: 100%;}
	body.guide-detail .mainWrapper #content hr{border-top: 1px dotted #00A26B;}
	body.guide-detail #shopOutline .boxTable table th{font-size: smaller;padding-left: 5px;padding-right: 5px;line-break: anywhere;}
	body.guide-detail #shopOutline .boxTable table td{font-size: smaller;padding-left: 5px;padding-right: 5px;line-break: anywhere;}
}