@charset "UTF-8";
/* CSS Document */

/*----- Area icon ----*/

/*シンボルカラー*/

/*田園都市・井の頭*/
.areatx_dt { color:#00ABBC;}
.areabg_dt { border-bottom:2px solid #00AB8C;}
.areabtn_dt { background-color: #00AB8C;}

/*東横・日比谷*/
.areatx_ty { color:#DB0542;}
.areabg_ty { border-bottom:2px solid #DB0542;}
.areabtn_ty { background-color: #DB0542;}

/*山手・目黒通*/
.areatx_ym { color:#3D38FF;}
.areabg_ym { border-bottom:2px solid #3D38FF;}
.areabtn_ym { background-color: #3D38FF;}

/*目黒・大井町*/
.areatx_mo { color:#009CD3;}
.areabg_mo { border-bottom:2px solid #009CD3;}
.areabtn_mo { background-color: #009CD3;}

/*ジャンル*/

/*観る*/
.pp_sightseeing { background-color: #E35A24;}
.bb_sightseeing { border-bottom:2px solid #E35A24;}

/*食べる*/
.pp_eat { background-color: #F28FF2 ;}
.bb_eat { border-bottom:2px solid #F28FF2 ;}

/*遊ぶ*/
.pp_activity { background-color: #60D87F;}
.bb_activity { border-bottom:2px solid #60D87F;}

/*買う*/
.pp_shopping { background-color: #B3272D;}
.bb_shopping { border-bottom:2px solid #B3272D;}

/*知る・学ぶ*/
.pp_study { background-color: #E9851E;}
.bb_study { border-bottom:2px solid #E9851E;}

/*体験する*/
.pp_experience { background-color: #299DD4;}
.bb_experience { border-bottom:2px solid #299DD4;}

/*泊まる*/
.pp_stay { background-color: #637481;}
.bb_stay { border-bottom:2px solid #637481;}

/*歩く*/
.pp_walk { background-color: #8B8075;}
.bb_walk { border-bottom:2px solid #8B8075;}

/*フード・ドリンク*/
.pp_food { background-color: #F28FF2;}
.bb_food { border-bottom:2px solid #F28FF2;}

/*グッズ*/
.pp_goods { background-color: #B3272D;}
.bb_goods { border-bottom:2px solid #B3272D;}

.bb_def { border-bottom:2px solid #6C2782;}

/*アイコン形状*/
#spot li dl dd .listbnr p, #event li dl dd .listbnr p, #course li dl dd .listbnr p,#news li dl dd .listbnr p,#news h3 p { display:block; /*width:8em;*/ margin:0 2% 2% 0; float:left; /*padding:4px 0;*/ padding:4px 1em; text-align:center; color:#FFF; font-size:0.7em;border-radius: 5px;}
.introduction0 .listbnr p { display:block; /*width:8em;*/ margin:0 2% 2% 0; float:left; padding:4px 1em; text-align:center; color:#FFF; font-size:0.9em; border-radius:5px;}

.selectbtn, .selectbtn2 { display:block; float:left; margin:2%; padding:2%; width:42%; text-align:center; border-radius:8px;color:#FFF; font-size:1em; font-weight:bold;}
.selectbtn a, .selectbtn2 a{color:#FFF; text-decoration:none;}
.selectbtn dl, .selectbtn2 dl { margin:0;}
.selectbtn dd, .selectbtn2 dd { font-size:0.9em;}

.area_select_btn .selectbtn { display:block; float:left; margin:2%; padding:2%; width:42%; text-align:center; border-radius:8px;color:#FFF; font-size:1em; font-weight:bold;}
.area_select_btn .selectbtn a{color:#FFF; text-decoration:none;}
.area_select_btn .selectbtn dl { margin:0;}
.area_select_btn .selectbtn dd { font-size:0.9em;}

@media print, only screen and (min-width: 769px) {

#spot li dl dd .listbnr p { display:block; /*width:40%;*/ margin:0 2% 2% 0; padding:4px 1em; text-align:center; color:#FFF;}

.selectbtn { display:block; float:left; margin:2%; padding:2%; width:25%; text-align:center; border-radius:8px;color:#FFF; font-size:1em; font-weight:bold;}
.selectbtn2 { display:block; float:left; margin:2%; padding:2%; width:42%; text-align:center; border-radius:8px;color:#FFF; font-size:1em; font-weight:bold;}
.selectbtn a, .selectbtn2 a{color:#FFF; text-decoration:none;}
.selectbtn dl, .selectbtn2 dl { margin:0;}
.selectbtn dd, .selectbtn2 dd { font-size:0.9em;}

.area_select_btn .selectbtn { display:block; float:left; margin:2%; padding:2%; width:92%; text-align:center; border-radius:8px;color:#FFF; font-size:1em; font-weight:bold;}
.area_select_btn a{color:#FFF; text-decoration:none;}
.area_select_btn .selectbtn dl { margin:0;}
.area_select_btn .selectbtn dd { font-size:0.9em;}

/*アイコン形状*/
#spot li dl dd .listbnr p, #event li dl dd .listbnr p, #course li dl dd .listbnr p ,#news li dl dd .listbnr p,#news h3 p { display:block; /*width:8em;*/ margin:0 2% 2% 0; float:left; /*padding:4px 0;*/ padding:4px 1em; text-align:center; color:#FFF;border-radius: 5px;}
.introduction0 .listbnr p { display:block; /*width:7em;*/ margin:0 2% 2% 0; float:left; /*padding:4px 0;*/ padding:4px 1em; text-align:center; color:#FFF;}

}

/*路線*/
.stcode { padding:0.2em; border:1px #FFF solid; border-radius:4px; color:#FFF; font-size:0.8em; font-weight:bold; margin:0 0.2em;}
.line { padding:0.2em; border:1px #FFF solid; border-radius:4px; color:#FFF; font-weight:bold; margin:0 0.2em;}
.JY { background-color:#9acd32;}/*山手*/
.JH { background-color:#7fc342;}/*JR横浜線*/
.JO { background-color:#00b261;}/*JR成田線*/
.KS { background-color:#005aaa;}/*京成線*/
.MO { background-color:#191B7A;}/*モノレール*/
.KK { background-color:#00bfff;}/*京急*/
.R { background-color:#00418e;}/*りんかい線*/
.H { background-color:#9caeb7;}/*日比谷線*/
.G { background-color:#f39700;}/*銀座線*/
.F { background-color:#bb641d;}/*副都心線*/
.Z { background-color:#9b7cb6;}/*半蔵門線*/
.TY { background-color:#da0442;}/*東横線*/
.IN { background-color:#000088;}/*井の頭線*/
.DT { background-color:#20a288;}/*田園都市線*/
.OM { background-color:#f18c43;}/*大井町線*/
.MG { background-color:#009cd2;}/*目黒線*/