@charset "utf-8";
/* Style Index ===============================

	Name : original css

========================================= */

/* ------------------------------------------
 BASE
-------------------------------------------*/

#route{
	font-size:14px;
	height:1000px;
	position:relative;
    padding-top:5px;
}

#route form{
    z-index:1;
}

#mapContents{
    z-index:0;
    overflow: hidden;
}

.routeBox{
    z-index:1;
}

/* ------------------------------------------
 COMMON
-------------------------------------------*/

.routeBox{
	background:#FFF;
	box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 20px 0px;
}

.ttlSet{
	padding:10px;
	font-size:16px;
	color:#186be7;
	text-align:center;
	background:#fafafa;
}

/* ------------------------------------------

 検索ボックス
 
-------------------------------------------*/

#routeSearch{
	width:360px;
	position:absolute;
	top:20px;
	left:20px;
	background:#FFF url(../images/shadow_top.png) repeat-x center 45px;
}

#routeSearch .ttlSet{
    position: relative;
}
#routeSearch .ttlSet .ttlButton{
    position:absolute;
    top: 6px;
    right: 10px;
	background:url(../images/ico_under_arrow.png) no-repeat 12px center;
    /* padding: 0 0 6px 0; */
    padding: 0 0 3px 0;
    width: 45px;
    height: 30px;
    border:none;
}
#routeSearch .ttlSet .ttlButton:hover{
    cursor:pointer !important;
        border: 1px solid #acacac;
    border-radius:5px;
        top: 5px;
    right: 9px;
}
#routeSearch .ttlSet .linkRouteML {
    position: absolute;
    top: 10px;
    right: 60px;
    font-size: 0.8em;
    padding: 0 8px;
    display: inline-block;
    vertical-align: top;

    color: #E61017;
    border: 2px solid red;
    text-decoration: none;
}
    #routeSearch .ttlSet .linkRouteML:hover {
        cursor: pointer !important;
        border-color: #ff787f;
        color: #ff787f;
    }

#routeSearch .ttlSet:hover{
	cursor:default;
}

#routeSearch 
#searchBox{
	padding:20px 20px 0;
	border-bottom:1px solid #CCC;
}

.searchAnnotation {
     padding: 5px;
     margin: 5px 0 10px;
}
.searchAnnotation p{
    font-size: 11px;
}

.searchAnnotation h1{
    border-bottom: 1px solid #0052c4;
    margin-bottom: 10px;
}

/*
 入力１
---------------------------*/
#searchInput{
	/*overflow:hidden;*/
	/*position: relative;*/
}

.inputAreaWrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#changeIco {
    position: absolute;
    right: 100px;
    z-index: 1;
}

.changeIco{
	top: 16px;
}

.changeIcoWithMessage{
	top: 32px;
}

#changeIco img{
	width: 30px;
}


dl#inputArea{
	float:left;
	width:200px;
	overflow:hidden;
	border:1px solid #cacaca;
	border-radius:5px;
}

div#inputArea {
    display: flex;
    flex-direction: column;
    width: 200px;
    /*overflow: hidden;*/
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin-right: 16px;
}
    div#inputArea > div {
        display:flex;
    }
    /*
 ラベル
---------------------------*/

    dl #inputArea dt{
	clear:both;
	float:left;
	width:60px;
	line-height:26px;
	color:#FFF;
	text-align:center;
	border-bottom:1px solid #cacaca;
}

div#inputArea .inputAreaTitle {
    clear: both;
    float: left;
    width: 60px;
    /*line-height: 26px;*/
    color: #FFF;
    text-align: center;
    border-bottom: 1px solid #cacaca;
    display: flex;
    justify-content: center;
    align-items: center;
}

#startTtl{
	background:#33aba0;
    border-top-left-radius: 5px;
}

#goalTtl{
	background:#ea486e;
    border-bottom-left-radius: 5px;
}

#viaTtl {
    background: #ff8c00;
    /*height:26px;*/
    padding-top: 4px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

dl#inputArea dt:last-child{
	border:0;
}

div#inputArea .inputAreaTitle:last-child {
    border: 0;
}


/*
 テキスト入力エリア
---------------------------*/

dl#inputArea dd{
	float:left;
	width:140px;
	border-bottom:1px solid #cacaca;
}

dl#inputArea dd:last-child{
	border:0;
}

div#inputArea .inputAreaDetail {
    float: left;
    width: 140px;
    border-bottom: 1px solid #cacaca;
    display: flex;
    padding: 3px;
}

    div#inputArea>div:last-child .inputAreaDetail {
        border: 0;
    }

input#iptStart, 
input#iptGoal{
	width:100%;
	/*height:20px;*/
	font-size:14px;
	border:0;
}

/*
 他方法指定
---------------------------*/

#inputType{
	float:right;
}

#inputType div{
	overflow:hidden;
	padding:2px 0 3px;
}

#inputType div a{
	float:left;
	margin:0 0 0 5px;
	padding:0 8px;
	display:block;
	line-height:24px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	background:#186be7;
	border-radius:3px;
}

#inputType div a:hover{
	background:#64a2ff;
}

.inputType{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
    .inputType div {
        display: flex;
        padding: 2px 0 3px;
    }

        .inputType div a {
            margin: 0 0 0 5px;
            padding: 0 8px;
            display: block;
            line-height: 24px;
            font-size: 12px;
            color: #FFF;
            text-decoration: none;
            background: #186be7;
            border-radius: 3px;
            white-space: nowrap;
        }

            .inputType div a:hover {
                background: #64a2ff;
            }

/*
 経由地
---------------------------*/
#searchVia{
    /*overflow:hidden;*/
    padding: 10px 0;
}

#viaAddBtn{
    width: 100%;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding:5px 0;
	line-height:1;
    border-style:none;
	border-radius:20px;
	background:#186be7 url(../images/ico_plus_white.png) no-repeat 270px center;
}

#viaAddBtn:hover{
	background:#64a2ff url(../images/ico_plus_white.png) no-repeat 270px center;
    cursor:pointer;
}

#viaAddBox {
    margin:10px 0px 0px 0;
}

#iptVia {
    width: 100%;
    border: none;
}

/*
 時刻
---------------------------*/
#searchTime{
	padding:10px 0 10px;
	text-align:center;
}

#searchTime select{
	padding:0 0 0 5px;	
}

/*
 タイプ
---------------------------*/
#searchType{
	padding:0 0 10px;
	text-align:center;
}

#searchType input{
	margin:0 5px 3px 10px;
}

#searchType label{
}

/*
 経路オプション
---------------------------*/

#searchOption {
    padding: 0 10px;
}

#searchOption a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#666;
	padding:10px 0;
	line-height:1;
	background:#ffffff;
	border:1px solid #999;
	background:url(../images/ico_plus_gray.png) no-repeat 270px center;
}

#searchOption a:hover{
	background: #f4f4f4 url(../images/ico_plus_gray.png) no-repeat 270px center;
}

#searchOptionAddBtn {
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #666;
    padding: 10px 0;
    line-height: 1;
    background: #ffffff;
    border: 1px solid #999;
    background: url(../images/ico_plus_gray.png) no-repeat 270px center;
}

    #searchOptionAddBtn:hover {
        background: #f4f4f4 url(../images/ico_plus_gray.png) no-repeat 270px center;
    }

#searchOptionSelect a{
    display:block;
    text-align:left;
    padding:5px 0 0 0;
}

#searchOptionSelect label {
    display: block;
    text-align: left;
    padding: 5px 0 0 0;
}

#searchOptionSelect ul{
    float: right;
}

/*
 検索ボタン
---------------------------*/
#searchBtn{
	padding:15px 0 10px;
	text-align:center;
}

#searchBtn button{
	cursor:pointer;
	background:none;
	border:0;
	width: auto;
	overflow:visible;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
}
/*
 外部リンク
---------------------------*/
#mvSearchExtLink {
	margin: 4px 0 8px;
    padding: 0 12px;
}
#mvSearchExtLink a img{
	vertical-align: middle;
	transition: opacity 0.2s;
    border: 1px solid #acacac;
	margin: 4px 0;
}
#mvSearchExtLink a img:hover{
	opacity: 0.7;
}

/* ------------------------------------------
 運行情報
-------------------------------------------*/
#quickEmergency {
    position: relative;
}

#quickEmergency h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    padding: 0 0 0 10px;
}

/* 関連ボタン */
ul#qERelation {
    position: absolute;
    top: 7px;
    right: 0;
    overflow: hidden;
}

ul#qERelation li {
    float: left;
    margin: 0 5px 0 0;
}

ul#qERelation li a {
    display: block;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 10px;
    background: #0052c4;
    border-radius: 30px;
}

/* 路線別運行情報 */
ul#qEInfo {
    padding: 0 10px 0;
    overflow: hidden;
}

ul#qEInfo li {
    padding: 3px;
    overflow: hidden;
    margin: 0 0 10px;
    border: 1px solid #b6cedf;
    position: relative;
    display: flex;
    height: 50px;
}

ul#qEInfo li h3 {
    width: 100px;
    padding: 10px 5px;
    line-height: 50px;
    background: #FFF;
    /*position: absolute;*/
    top: 0;
    left: 0;
    /*z-index: 100;*/
}

    ul#qEInfo li#B_LINE_LI h3 {
        padding-left: 0px;
        padding-right: 10px;
    }

ul#qEInfo li p {
    /*float: left;*/
    width: 100%;
    flex: 1;
    font-size: 14px;
    padding: 0;
    text-indent: 20px;
    background: url(../../common/images/common/emergency.png) repeat;
}

#M_LINE_LI h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 5px !important;
}

    #M_LINE_LI h3 img:nth-of-type(1) {
        width: auto;
        height: 23px;
    }
    #M_LINE_LI h3 img:nth-of-type(2) {
        width: auto;
        height: 21.5px;
    }

#H_LINE_LI h3 img {
    width: auto;
    height: 23.42px;
}

#T_LINE_LI h3 img,
#S_LINE_LI h3 img,
#K_LINE_LI h3 img {
    width: auto;
    height: 20.5px;
}

#B_LINE_LI h3 img {
    width: auto;
    height: 26.5px;
}

.emgClear {
    color: #0F0;
}

.emgETC a, .emgWarn a {
    display: block;
    /*width: 90%;*/
    line-height: 50px;
    color: #FF9800;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

.emgETC a {
    color: #FF9800;
}

.emgWarn a {
    color: #ff4791;
}

    .emgClear a:focus,
    .emgWarn a:focus,
    .emgETC a:focus {
        outline-color: currentColor;
    }

@media screen and (min-width: 100px) and (max-width: 330px) {

/* 関連ボタン情報 */
ul#qERelation {
    position: absolute;
    top: 10px;
    right: 0;
}

ul#qERelation li a {
    font-size: 12px;
}

/* 路線別運行状況サイズ調整 */
ul#qEInfo li h3 {
    width: 70px;
    line-height: 45px;
}

ul#qEInfo li p {
    text-indent: 100px;
}
}

/* → */
ul#qEInfo li p {
    position: relative;
}

ul#qEInfo li p::after {
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    right: 12px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.otherEmergency {
    text-align: center;
}




/* ------------------------------------------

 検索結果
 
-------------------------------------------*/

#searchResult{
	background:url(../images/shadow_top.png) repeat-x top;
}

/*
 ソート
---------------------------*/
ul#sResultSort{
	padding:10px 0 0 15px;
	overflow:hidden;
}

ul#sResultSort li{
	float:left;
	padding:0 5px 0 0;
}


/*
 リスト全体
---------------------------*/

#searchResult ol{
	padding:0 15px 15px;
}

ol li.routeNavList{
	margin:5px 0 0;
	border:1px solid #64a2ff;
	border-radius:5px;
	overflow:hidden;
	list-style:none;
	position:relative;
}

ol li.routeNavList a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

ol li.routeNavList:hover{
	background:#ecf4ff;
}


/*
 リストナンバー
---------------------------*/
.routeNavNo{
	float:left;
	width:36px;
	height:50px;
	padding:15px 0 0;
	color:#FFF;
	text-align:center;
	background:#64a2ff;
}

.routeNavNo p{
	font-size:8px;
}

.routeNavNo h3{
	font-size:20px;
}


/*
 リスト詳細
---------------------------*/
.routeNavDtail{
	float:left;
	width:290px;
	line-height:1;
	background:url(../images/ico_window.png) no-repeat 270px center;
}

/* 要約 */
ul.routeNavIndex{
	padding:8px 10px;
	overflow:hidden;
	background:url(../images/line_dotted_gray.png) no-repeat 10px bottom;
}

ul.routeNavIndex li{
	float:left;
	font-size:16px;
	padding:0 12px 0 0;
}

ul.routeNavIndex li span{
	font-size:12px;
}

/* タイプ */
.routeNavType{
	padding:5px 10px;
	overflow:hidden;
}

ul.routeNavRoute{
	float:left;
	padding:5px 0 0;
	overflow:hidden;
}

ul.routeNavRoute li{
	float:left;
	padding:0 10px 0 10px;
	font-size:12px;
	background:url(../images/mrk_arrow_sml_gray.png) no-repeat left center;
}

ul.routeNavIco{
	float:left;
	padding:0 0 0 10px;
	overflow:hidden;
}

ul.routeNavIco li{
	float:left;
	padding:0 5px 0 0;
}

/* ------------------------------------------

 ルート詳細
 
-------------------------------------------*/

#routeDetail{
	width:410px;
	position:absolute;
	top:20px;
	left:400px;
	/*position:relative; */
}


/*
 タイトル
---------------------------*/
#routeDetail .ttlSet{
    position: relative;
}
#routeDetail .ttlSet a{
    position:absolute;
    top: 6px;
    right: 10px;
	background:url(../images/ico_close.png) no-repeat 12px center;
    /* padding: 0 0 6px 0; */
    padding: 0 0 3px 0;
    width: 49px;
    height: 30px;
}
#routeDetail .ttlSet a:hover{
    cursor:pointer !important;
        border: 1px solid #acacac;
    border-radius:5px;
        top: 5px;
    right: 9px;
}

#routeDetail .ttlSet:hover{
	cursor:default;
}


/*
 ルートナビ
---------------------------*/
ul#routeDtlNav{
	padding:0 0 0;
	background:#dce3ea url(../images/shadow_top.png) repeat-x center top;
	overflow:hidden;
}

ul#routeDtlNav li{
	float:left;
	margin:10px 0 0;
	padding:10px 0;
	text-align:center;
}

li#rDNMain{
	font-size:18px;
	width:190px;
	padding-bottom:5px !important;
	background:#FFF;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

li#rDNBefore{
	width:110px;
	padding:0 0 0 20px;
	background: url(../images/arrow_left_blue.png) no-repeat 10px center;
}

li#rDnAfter{
	width:110px;
	background:url(../images/arrow_right_blue.png) no-repeat 90px center;
}

ul#routeDtlNav li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

/*
 印刷ページリンク
---------------------------*/
.routeNavSub{
    position: relative;
}
#routeDtlPrint {
    right: 0px;
    position: absolute;
    color: #FFF;
    background: #186be7 url(../../common/images/common/ico_printer.png) no-repeat 5px center !important;
    text-decoration: none;
    padding: 1px 5px 1px 25px;
    margin: 2px 5px;
    border-radius: 3px;
}
#routeDtlPrint:hover {
    background: #64a2ff url(../../common/images/common/ico_printer.png) no-repeat 5px center !important;
}

/*
 詳細時間
---------------------------*/
ul#routeDtlTime{
	padding:15px 20px 10px 20px;
	font-size:20px;
	overflow:hidden;
	border-bottom:1px dotted #999;
}

ul#routeDtlTime li{
	float:left;
}

#rDTarrow{
	padding:0 0 0 30px;
	background:url(../images/mrk_arrow_sml_gray.png) no-repeat 15px center;
}

ul#routeDtlTime li span{
	font-size:14px;
	padding:0 5px 0 0;
}

/*
 詳細
---------------------------*/

ul#routeDtlIndexContainer {
    padding:5px;
}
ul#routeDtlIndexContainer li{
    padding: 0 5px 0 10px;
    float: left;
}

    ul#routeDtlIndexContainer:after {
        content: "";
        clear: both;
        display: table;
    }

dl#routeDtlIndex {
    overflow: hidden;
}

dl#routeDtlIndex dt,
dl#routeDtlIndex dd{
	float:left;
}

dl#routeDtlIndex dt{
	padding:5px 0 0;
}

dl#routeDtlIndex dt span{
	font-size:10px;
	padding:3px 10px;
	line-height:1;
	background:#e9e9e9;
	border:1px solid #d0d0d0;
	border-radius:3px;
}

dl#routeDtlIndex dd{
	font-size:16px;
	padding:5px 10px 5px 5px;
}

dl#routeDtlIndex dd a{
	font-size:12px;
}

/* CO2 */
dl#routeDtlCo2{
	overflow:hidden;
}

dl#routeDtlCo2 dt,
dl#routeDtlCo2 dd{
	float:left;
}

dl#routeDtlCo2 dt {
    padding: 5px 0 0;
}

dl#routeDtlCo2 dt span{
	font-size:10px;
	padding:3px 10px;
	line-height:1;
	background:#e9e9e9;
	border:1px solid #d0d0d0;
	border-radius:3px;
}

dl#routeDtlCo2 dd{
	padding:5px 10px 5px 5px;
}

/*
 詳細
---------------------------*/
ul#routeDtlIco{
}

ul#routeDtlIco li{
	float:left;
	padding:2px 5px 0 0;
}

/*
 マナカ表記
---------------------------*/
#routeManaca{
	border-top:1px solid #dbcfa3;
}

#routeManaca a{
	display:block;
	width:410px;
	padding:10px 0;
	text-align:center;
	background:#fffae8;
}

#routeManaca a:hover{
    cursor:pointer;
}

/*
 ルートライン
---------------------------*/
#routeDtlLine{
}


/*
 ポイント
---------------------------*/
.routeDtlPoint{
	background:#ecf4ff;
	overflow:hidden;
	border-top:1px solid #cbd4e0;
	border-bottom:1px solid #cbd4e0;
    display: table;
}
.routeDtlPoint > * {
    display: table-cell;
    vertical-align: middle;
}

.routeDtlPoint p {
    padding: 5px 0;
    width: 60px;
    height: 100%;
    text-align: center;
}

.routeDtlPoint h3{
	width:200px;
	font-size:15px;
	padding:10px 0 10px 40px;
	background:url(../images/route_line_point.png) no-repeat 9px center;
}

.routeDtlPoint ul {
	padding: 5px;
	overflow: hidden;
    width: 100px;
}

.routeDtlPoint ul li{
	float:left;
	border-radius:5px;
}
.routeDtlPoint ul li:not(:last-child) {
    padding-right: 5px;
}

.routeDtlPoint ul li a{
	display:block;
	padding:0 5px;
	color:#FFF;
	font-size:12px;
	line-height:40px;
	text-decoration:none;
	border-radius:5px;
	background:#186be7;
}

.routeDtlPoint ul li a:hover{
	background:#64a2ff;
}

/*
 ルートライン
---------------------------*/
.routeDtlSection{
	overflow:hidden;
}

.routeDtlSection ul li{
	display:table-cell;
	vertical-align:middle;
}

.rDSTime{
	width:60px;
	text-align:center;
}
    .rDSTime a {
        position: relative;
        display: block;
        padding: 12px 0;

    }
    .rDSTime a.linkPassing {
        text-decoration: none;
    }
    .rDSTime a.linkPassing:hover {
        cursor: pointer;
    }
    .rDSTime a.linkPassing:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 12px;
        margin: auto;
        background: url(../images/ico_under_arrow_double.png) no-repeat center center / contain;
    }
    .rDSTime a.linkPassing.isShow:after {
        transform: rotate(180deg);
    }

/* 移動タイプ */

/* 歩き */
.rTWalk{background:url(../images/route_line_walk.png) repeat-y left;}
.rTWalk div{background:url(../images/route_ico_walk.png) no-repeat left center;}

/* 地下鉄 */
.rTSubwayHigashi{background:url(../images/route_line_subway_higashiyama.png) repeat-y left;}
.rTSubwayHigashi div{background:url(../images/route_ico_subway_higashiyama.png) no-repeat left center;}

/* 私鉄 */
.rTShitetsu{background:url(../images/route_line_subway_higashiyama.png) repeat-y left;}
.rTShitetsu div{background:url(../images/route_ico_subway_higashiyama.png) no-repeat left center;}

/* バス */
.rTBus{background:url(../images/route_line_bus.jpg) repeat-y left;}
.rTBus div{background:url(../images/route_ico_bus.jpg) no-repeat left center;}

.lineDtl{
	background-position:17px;
}

.lineDtl div{
	width:230px;
	padding:20px 0 20px 40px;
	background-position:5px;
}


.rDSPrice{
	width:70px;
	text-align:right;
	padding:0 10px 0 0;
}
.rDSPrice a{
	width:70px;
	text-align:right;
    font-size:12px;
}


.rDSNostep {
    margin: -5px 0 0 0;
    // background:url(../images/ico_valre.jpg) no-repeat left center;
}

.rDSNostep:before {
    content: url(../images/ico_valre.jpg);
    position: relative;
    top: 5px;
    padding-right: 5px;
}


/*
 通過時刻
-----------------------------*/

.routeDtlPassing {
    overflow: hidden;
    font-size: 0.9em;
}

.routeDtlPassing ul li {
    display: table-cell;
    vertical-align: middle;
}

.rDPTime {
    width: 60px;
    text-align: right;
}

.rDPStation {
    background-position: 17px;
}

    .rDPStation div {
        width: 230px;
        padding: 5px 0 5px 40px;
        background-position: 10px;
        background-size: contain;
    }

    .rDPStation.rTBus div {
        background: url(../images/route_point_bus.png) no-repeat 12px 6px / 14px !important
    }
    .rDPStation.rTSubwayHigashi div {
        background: url(../images/route_point_subway.png) no-repeat 12px 6px / 14px !important
    }
    .rDPStation.rTShitetsu div {
        background: url(../images/route_point_subway.png) no-repeat 12px 6px / 14px !important
    }

.routeDtlPassing ul:last-child li{
    padding-bottom: 10px;
}


/*
 駅名ラベル
---------------------------*/

.labelInfoBox a{
    padding:2px 2px;
    background-color: #fafafa;
    -moz-user-select: none;
    -khtml-user-select: none; 
    user-select: none;
    font-size: 8pt;
    border:1px solid blue;
    border-radius:6px;
    /*font-weight: bold;*/
}



/* 印刷用 印刷時、地図消す*/
@page {
  size: A4;
}

@page:first{
  size: A4;
}

@media print{
    html, body {
        width: 210mm;
        height: 297mm;
    }

    form, #ttlSet, h2.ttlSet{
        display: none;
    }

    #route{
        width: 210mm;
        height: 297mm;
    }

    .gm-style{

    }

    #routeSearch{
        top: 5mm;
        left: 0px;
    }

    #routeDetail{
        top: 5mm;
        left: 370px;
        page-break-after: always;
    }

    #routeDtlPrint{
        display: none;
    }
}

/* 住所検索ボックス */
#areaSpotSearchDiv{
    position: absolute;
    top: 20px;
    right: 60px;
    width: 200px;
    overflow: hidden;
    z-index: 1;
}

#areaSpotSearchDiv dl{
    width: 200px;
    overflow: hidden;
}

#areaSpotSearchDiv dt{
    clear: both;
    float: left;
    width: 140px;
}

#areaSpotSearchDiv dd{
    float: left;
    width: 60px;
    text-align: center;
}

#spotSearchBtn{
    padding: 0 8px;
    display: block;
    line-height: 30px;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    background: #186be7;
    border-radius: 3px;
}

#spotSearchText{
    width: 130px;
    height: 20px;
    font-size: 14px;
}

/* 住所検索ボックス サジェスト */
#jsSuggestView {
    background: #FFF;
    position: relative;
}

#jsSuggestView ul li {
    border-bottom: 1px solid #CCC;
}

#jsSuggestView ul li a.totch {
    background-color: #186BE7;
    color: #FFF;
}

#jsSuggestView ul li a {
    display: block;
    padding: 1px 5px;
    font-size: 0.9em;
}

/*マナカ・得ナビ表示切替*/
#manatokuRadioDiv{
    position: absolute;
    top: 60px;
    right: 60px;
    width: 168px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 4px;
    z-index:1;
}
#manatokuRadioDiv img {
    display:block;
    float:left;
}
#manatokuRadioDiv input {
    /*opacity: 0;*/
    display:none;
}
#manatokuRadioDiv label{
    background: #E0EAF9;
    width: 42px;
    margin: 0;
    padding: 4px 12px 5px 12px;
    display: block;
    float: left;
    text-align: center;
    cursor:pointer;
    color: #003d97;
    border:1px solid;
    border-color: #A9A9A9;
}
#manatokuRadioDiv input#show + label{
    border-radius: 4px 0 0 4px;
    margin-right: 0 -1px 0 1px;
}
#manatokuRadioDiv input#hide + label{
    border-radius: 0 4px 4px 0;
}
#manatokuRadioDiv input[type="radio"]:checked +label {
      background-color: #3073CF;
  color: #ffffff;
}

/* 現在地 */
#move_mypos {
    position: absolute;
    right: 5px;
    top: 65px;
    z-index: 1;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
#move_mypos img{
    width: 30px;
    height: 30px;
}
#move_mypos img:hover{
    cursor: pointer;
}

/*
  名古屋観光コンシェルジュ
---------------------------*/
#nsiteContainer {
    z-index: 1;
    position: absolute;
    margin: 1em 0 0 0;
    right: 60px;
    top: 90px;
}

    #nsiteContainer a {
        text-decoration: none;
        color: #333333;
    }

#nsiteOuter {
    position: relative;
}

#nsiteTitle {
    width: 200px;
}

    #nsiteTitle label {
        padding: 2px 0 1px 0.5em;
        border-radius: 4px;
        border: 3px solid #6c5038;
        background-image: linear-gradient(145deg, #fffff3 0%, #fffff3 70%, #fff7da 100%);
        color: #381c04;
        display: block;
        font-size: 1.1em;
        font-weight: bold;
    }
        #nsiteTitle label:after {
            content: "";
            position: absolute;
            right: 14px;
            top: 7px;
            width: 7px;
            height: 7px;
            margin: auto;
            border-style: solid;
            border-color: transparent #9b7c62 #9b7c62 transparent;
            border-width: 2px;
            transform: rotate(45deg);
        }

        #nsiteTitle label:hover {
            border-color: #9b7c62;
            color: #816248;
            background-image: linear-gradient(145deg, #ffffff 0%, #ffffff 70%, #fffff3 100%);
            cursor: pointer;
        }
    #nsiteTitle input[type="checkbox"]:checked + label:after {
        transform: rotate(-135deg);
        top: 14px;
    }

#nsiteContents {
    background: #fff;
    border-radius: 4px;
    margin-top: 0.5em;
    position: absolute;
    right: 0;
    padding: 4px;
    width: 192px;
}

    #nsiteContents > div {
        border: 3px solid #697689;
    }
    #nsiteContents a {
        display: block;
    }

    #nsiteContents a.hov:hover {
        color: #999;
        cursor: pointer;
    }

#nsiteSelectCategory {
    max-height: 25em;
    overflow-y: scroll;
    padding: 5px;
}
#nsiteSelectCategory > ul > li {
    margin-bottom: 1em;
}
    #nsiteSelectCategory > ul > li > a {
        margin-bottom: 0.5em;
        border-bottom: 1px solid #697689;
        font-size: 1em;
        font-weight: bold;
        padding: 0 3px 3px 3px;
    }

    #nsiteSelectCategory > ul > li > ul {
        margin-left: 1em;
    }

        #nsiteSelectCategory > ul > li > ul > li {
            padding: 3px 0;
        }

            #nsiteSelectCategory > ul > li > ul > li > a {
                border: 1px solid #999;
                border-radius: 3px;
                padding: 0 3px;
                display: inline-block;
            }

#nsiteSelectShop {
    font-size: 1em;
    padding: 0 0 0 3px;
}
    #nsiteSelectShop a {
        padding: 0 0 0 3px;
    }

    #nsiteSelectShop > a {
        border-bottom: 1px solid #697689;
        margin: 0 2px 0.5em;
        font-weight: bold;
        width: 178px;
        display: flex;
        padding: 5px 3px 3px 3px;
        box-sizing: border-box;
    }

        #nsiteSelectShop > a:after {
            content: "×";
            position: relative;
            float: right;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            margin-left: auto;
            background-color: #666;
            color: #fff;
            border: 1px solid white;
            padding: 1px;
        }
        #nsiteSelectShop > a:hover:after {
            background-color: #999;
        }
    #nsiteSelectShop > ul {
        padding: 0 5px;
        max-height: 24em;
        overflow-y: scroll;
    }
    #nsiteSelectShop > ul > li{
        margin:  0 0 10px 0;
    }

    #nsiteSelectShop > ul > li > ul > li {
        margin-bottom: -1px;
        border-top: 1px dashed #999 ;
        border-radius: 1px;
    }
    #nsiteSelectShop > ul > li > ul > li:last-child {
        border-bottom: 1px dashed #999;
    }

        #nsiteSelectShop > ul > li > ul > li > a {
            padding: 4px 5px 0 1em;
            text-decoration: underline;
        }

    #nsiteSelectShop .nsiteBack {
        position: absolute;
        top: 5px;
        right: 30px;
        font-size: 20px;
    }

#nsiteJumpAlert {
    border: 2px solid #333;
    background-color: #f4f4f4;
            margin: 5px 5px 0 5px;
            padding: 1em 1em 0.5em 1em;
            text-align: center;
        }

    #nsiteJumpAlert p {
        text-align: left;
        white-space: nowrap;
    }

    #nsiteJumpAlert a {
        border: 1px solid #333;
        margin-top: 1em;
        padding: 0 6px;
        display: inline-block;
        color: #333333 !important;
    }