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

.tab_wrap1,.tab_wrap2,.tab_wrap3,.tab_wrap4 {
	max-width: 940px;
	width: calc( 100% - 20px ) ;
	height: auto;
	margin: 20px auto;
	font-size:0;
}
input[type="radio"]{
	display:none;
}
.tab_wrap1 img,.tab_wrap2 img,.tab_wrap3 img,.tab_wrap4 img{
	width: 100%;
	height: auto;
}
.tab_area1 label,.tab_area2 label,.tab_area3 label,.tab_area4 label{
	width:calc( 100%/6 - 2px ) ;
	margin:0 1px; 
	display:inline-block; 
	padding:10px 0; 
	color:#999; 
	background:#ddd; 
	text-align:center; 
	font-size:12px; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
	line-height: 10pt;
}

.tab_area1 label,.tab_area2 label,.tab_area3 label,.tab_area4 label :hover{
	opacity:0.5;
}
.panel_area1,.panel_area2,.panel_area3,.panel_area4{
	background-color: #eee;
	/*background:#fff;*/
}
.tab_panel1,.tab_panel2,.tab_panel3,.tab_panel4{
	width:calc( 100% - 20px ) ;
	padding:10px; 
	display:none;
}
.tab_panel1 p,.tab_panel2 p,.tab_panel3 p,.tab_panel4 p{
	font-size:14px; 
	letter-spacing:1px; 
	text-align:center;
}

/*甲南山手*/
#tab1:checked ~ .tab_area1 .tab1_label{background:#eee; color:#202020;}
#tab1:checked ~ .panel_area1 #panel1{display:block;}

#tab2:checked ~ .tab_area1 .tab2_label{background:#eee; color:#202020;}
#tab2:checked ~ .panel_area1 #panel2{display:block;}

#tab3:checked ~ .tab_area1 .tab3_label{background:#eee; color:#202020;}
#tab3:checked ~ .panel_area1 #panel3{display:block;}

#tab4:checked ~ .tab_area1 .tab4_label{background:#eee; color:#202020;}
#tab4:checked ~ .panel_area1 #panel4{display:block;}

#tab5:checked ~ .tab_area1 .tab5_label{background:#eee; color:#202020;}
#tab5:checked ~ .panel_area1 #panel5{display:block;}

#tab6:checked ~ .tab_area1 .tab6_label{background:#eee; color:#202020;}
#tab6:checked ~ .panel_area1 #panel6{display:block;}

/*宝塚*/
#tab7:checked ~ .tab_area2 .tab7_label{background:#eee; color:#202020;}
#tab7:checked ~ .panel_area2 #panel7{display:block;}

#tab8:checked ~ .tab_area2 .tab8_label{background:#eee; color:#202020;}
#tab8:checked ~ .panel_area2 #panel8{display:block;}

#tab9:checked ~ .tab_area2 .tab9_label{background:#eee; color:#202020;}
#tab9:checked ~ .panel_area2 #panel9{display:block;}

#tab10:checked ~ .tab_area2 .tab10_label{background:#eee; color:#202020;}
#tab10:checked ~ .panel_area2 #panel10{display:block;}

#tab11:checked ~ .tab_area2 .tab11_label{background:#eee; color:#202020;}
#tab11:checked ~ .panel_area2 #panel11{display:block;}

#tab12:checked ~ .tab_area2 .tab12_label{background:#eee; color:#202020;}
#tab12:checked ~ .panel_area2 #panel12{display:block;}

/*大阪ベイ*/
#tab13:checked ~ .tab_area3 .tab13_label{background:#eee; color:#202020;}
#tab13:checked ~ .panel_area3 #panel13{display:block;}

#tab14:checked ~ .tab_area3 .tab14_label{background:#eee; color:#202020;}
#tab14:checked ~ .panel_area3 #panel14{display:block;}

#tab15:checked ~ .tab_area3 .tab15_label{background:#eee; color:#202020;}
#tab15:checked ~ .panel_area3 #panel15{display:block;}

#tab16:checked ~ .tab_area3 .tab16_label{background:#eee; color:#202020;}
#tab16:checked ~ .panel_area3 #panel16{display:block;}

#tab17:checked ~ .tab_area3 .tab17_label{background:#eee; color:#202020;}
#tab17:checked ~ .panel_area3 #panel17{display:block;}

#tab18:checked ~ .tab_area3 .tab18_label{background:#eee; color:#202020;}
#tab18:checked ~ .panel_area3 #panel18{display:block;}

/*夙川*/
#tab19:checked ~ .tab_area4 .tab19_label{background:#eee; color:#202020;}
#tab19:checked ~ .panel_area4 #panel19{display:block;}

#tab20:checked ~ .tab_area4 .tab20_label{background:#eee; color:#202020;}
#tab20:checked ~ .panel_area4 #panel20{display:block;}

#tab21:checked ~ .tab_area4 .tab21_label{background:#eee; color:#202020;}
#tab21:checked ~ .panel_area4 #panel21{display:block;}

#tab22:checked ~ .tab_area4 .tab22_label{background:#eee; color:#202020;}
#tab22:checked ~ .panel_area4 #panel22{display:block;}

#tab23:checked ~ .tab_area4 .tab23_label{background:#eee; color:#202020;}
#tab23:checked ~ .panel_area4 #panel23{display:block;}

#tab24:checked ~ .tab_area4 .tab24_label{background:#eee; color:#202020;}
#tab24:checked ~ .panel_area4 #panel24{display:block;}