@charset "utf-8";
/*=========================================================	[ local_asp.css ]	design - content style	date - creation:2016-07-01 // update:2016-07-01=========================================================*/
/*=========================================================	index		1. content=========================================================*/
/* 1. content=========================================================*/
/* slides---------------------------------------------------------*/
/* header---------------------------------------------------------*/
.tele-ja {    font-size: 18px;}


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;} 




/* other---------------------------------------------------------*/
.singapore #content ul li.bannerItem {
	padding-left: 0;
	margin: 0 0 20px;
}
.singapore .bannerItem.bannerItem--large a {
    display: inline-block;
    border: none;
}
/*.singapore #content ul li.bannerItem:last-child,.singapore #content ul li.bannerItem:nth-last-child(2) {
	margin-bottom:0;
}*/
#content .bannerBox__right ul li:nth-child(odd) {
	margin-right: 21px;
}
.bannerItem--large {
	float: none;
	width: auto;
	text-align: center;
}
.bannerBox__left {
	float: left;
	width: 50%;
}
.bannerBox__right {
	float: right;
	width: 50%;
}
.bannerBox__right .bannerList {
	margin-left:10px;
}
.top .global_navi li a{padding: 0 10px;}
.city-2:not(.top) #navGlobal{display: block;position: absolute;top: 3.0em;}
.city-2:not(.top) #navGlobal a {padding-left: 12px;padding-right: 12px;}

.introductionBox {  padding: 0 12px 24px;}
.introductionBox__text {  font-size: 14px;}
#hClock #google_translate p {width: 11em;top: 24px;}

#headNavInner .global_navi li{margin: 0;}

body.guide-detail .guide-linktitle{display: none;}
body.guide-detail #navguide{display: none;}
body.guide-detail .guide-list .guide-text .ttl{font-size: smaller;}
body.guide-detail .mainWrapper #guide-list div.guide-text p.ttl{padding: 0 0.5em;font-size: 13px;}

#tabLanking{}
#tabLanking tr td{vertical-align: top;padding: 1.0em 0.5em ;}
#tabLanking tr td a{font-weight: bold;font-size: larger;line-height: 1.4em;margin-bottom: 1.0em;display: inline-block;}




@media screen and (max-width: 960px) {
  div#hlogo p a{padding: 5px 0 !important;font-size: 9px !important;line-height: 0.9 !important;}
  #mainArea .mainblock .mainTitle .mainTitle-ja{font-size:17px !important;}
  #content .bannerBox__right ul li:nth-child(odd) {margin-right: 0;}
  .bannerBox__left {  	float: none;  	width: auto;    margin-bottom: 20px;}
  .bannerBox__right {    float: none;  	width: auto;  }
  .bannerBox__right .bannerList {  	margin-left:0;  }
}


@media screen and (max-width: 767px) {
  body.guide #content-body{}
  body.guide #content-body p.guide-option{width: auto;}

  body.guide #content-body #guide-list{width: 100%;}
  body.guide #content-body #guide-list{width: 100%;}
  body.guide #content-body #guide-list div.guide-text{width: 50%;}
  body.guide #content-body #guide-list .clearLeft{width: 100%;}
  body.guide #content-body .guide-subttl-chk{width: 100%;}
  body.guide #content-body .bodycopy>p>img{max-width: 100%;}
  body.guide #content-body div.info-box{max-width: 100%;}
  body.guide #content-body div.info-box div.info{width: 100%;float: none;clear: both;margin: 0 auto;}
  body.guide #content-body div.info-box div.info p.text{float: none;padding-left: 57%;}
  body.guide #content-body div.info-box div.info p.text-r{margin-top: -26px;}
  body.guide #content-body div.info-box img{width: 100%;}
  body.guide #content-body div.info-l{width: 100%;}
  body.guide #content-body div.circle-box{width: 100%;float: none;}
  body.guide #content-body div.circle-s{width: 100%;float: none;margin:0 auto;}
  body.guide #content-body div.circle{width: 100%;float: none;margin: 0 auto;}
  body.guide-detail #content-body div.info-l p.etc{width: 100%;float: none;}

  
  body.guide-detail .guide-popular #titPopular+div{display: block;margin: 10px -15px;width: calc( 100% + 30px);height: auto;}
  body.guide-detail .guide-popular table{display: block;}
  body.guide-detail .guide-popular table tbody{display: block;}
  body.guide-detail .guide-popular table tbody tr{display: block;}
  body.guide-detail .guide-popular table tbody tr td{display: block;padding: 15px 0 !important;}
  body.guide-detail .guide-popular table tbody tr td:nth-of-type(2){background-color: #efefef;margin:0 -15px;padding: 15px !important;}
  body.guide-detail .guide-popular table tbody tr td a{font-weight: bold;font-size: 15px;}

  .content820{width: 100%;}
}


@media screen and (max-width: 960px){
	#online{top:0;width:212px;}
	#online img{height:50px;width:auto !important;}
	#slides {min-height: 290px;height:auto !important;}
}
@media screen and (max-width: 767px){
#online{top:0;max-wdth:350px;box-shadow:unset;}
#online img{top:0;height:40px;}
#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%;}
}