@charset "utf-8";

.currency-value{display: inline-flex;flex-direction: row-reverse;justify-content: flex-start;}
.currency-value em.currency{padding-right:0.0em; padding-left: 0.2em;}


.tele-ja {    font-size: 17px;}


body.property div#topicPath{margin-right:170px;}
body.property div#topicPath li{margin-right:0px;}
body.property div#topicPath a{padding-left:5px;padding-right:8px;font-size:11px;} 
body.property div#topicPath ol li:first-child a{padding-left:10px;} 

#header .tele-block .tele-ja a{font-size: 17px;}

#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;width: 100%;}
#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;}

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:10px;padding-right:10px;}


#online{position:absolute;display:block;margin:auto;top:-182px;left:0;right:0;width:352px;background-color:#fff;border-radius:8px;box-shadow: 2px 2px 2px gray;}
#online img{border:1px solid #fff;border-radius:6px;}
#online:hover {box-shadow: none;}
#online:hover img{opacity:0.8;}

@media screen and (max-width: 960px){
    #online{position:relative;top:0;}
    #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}
    body.top .headerBoxList-item .tele-block{float: none;padding-left: 1.5em;}
    #header .tele-block .tele-ja small{display: inline;}
	.guide-detail .guide-tel .mainWrapper .content{width: 100% !important;}
	.guide-detail .guide-tel .mainWrapper .content p{font-size: 11px;}


}



@media screen and (max-width: 767px){
div#hlogo p a{padding: 5px 0 !important;font-size: 9px !important;line-height: 0.9 !important;}
#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%;}

#header div.headerBoxLists ul{display: block;text-align: center;}
#header div.headerBoxLists ul li{smargin: 5px auto 0 auto;text-align: center;background-color: transparent;}
.tele-ja small{display: block;}

}


@media screen and (max-width: 420px){
#header div.headerBoxLists p.headerBoxList-item-text{font-size:10px !important;}
}
