@charset "UTF-8";
/* CSS Document */
/* I LOVE 宝島 */

/* スマホ表示の修正が必要*/



/*==============================*/
/*     takarajima関連
/*==============================*/

#magazine_main_full #tk{
	width: 100%;
}

#takarajimamovie1{
	padding-top: 70px/*60px*/; 
	float: right; 
	width: 840px/*540px*/;
	height:590px/*320px*/;
}
		
#takarajima_bg1{
	background-image: url("../../..//im.html?f=takarajima_bg1.jpg&w=&h=&id=229&c=t_magazine_sub1&md=");
 	background-size: 100%;
	background-repeat: no-repeat; 
}
	
#magazine_main_full #tk #text1{
	float: left; 
	padding-top: 300px/*180px*/; 
	padding-left: 80px; 
	width: 75%;
}
	
#magazine_main_full #tk2{
	width: 100%;
}

#takarajima_bg2{
	background-image: url("../../../im.html?f=takarajima_bg3.jpg&w=&h=&id=229&c=t_magazine_sub1&md=") ;
 	background-size: 100%;
	background-repeat: no-repeat; 
}
	
#takarajimamovie2{
	margin-top: 40px; 
	float: right; 
	width: 490px/*360px*/;
}

#magazine_main_full #tk2 #text2{
	float: left; 
	padding-top: 120px/*80px*/; 
	padding-left: 250px/*200px*/;
	width: 60%/*35%*/;
}
	
#tk3{
	width: 100%;
	margin-top:340px;
	display:inline-block;
}

#magazine_main_full #tk3 #text3{
	float: left; 
	padding-top: 0px; 
	padding-left:100px/*60px*/;
	width: 50%/*40%*/;
}

#magazine_main_full #takarajima{
	margin: 60px 0px 100px 220px;
	padding: 20px;
	width: 680px;
	background-color: #111;
	font-size: 16px;
}

#magazine_main_full #navi_Takarajima ul{
	margin: 20px;
	width: 980px;
}

#magazine_main_full #navi_Takarajima li{
	display: inline;
	float: left;
}

#magazine_main_full #takarajima ul{
	margin-top: 20px;  
	width: 400px; 
	display:inline; 
	color:#FFF;
	list-style-type: none;
}
	
#magazine_main_full #takarajima li{
	padding: 20px 20px 20px 20px;
	display: block;
	margin-top: 20px;
}


@media only screen and (max-width: 548px){




	/*==============================*/
	/*     takarajima関連
	/*==============================*/
	
	
	#magazine_main_full #tk{
		width: 100%;
	}
	
	 #takarajimamovie1{
		padding-top: 60px; 
		float: right; 
		width: 320px;
		height:220px;
		}
			
		
		 #takarajima_bg1{
		background-image: url("../../../im.html?f=takarajima_bg1.jpg&w=&h=&id=229&c=t_magazine_sub1&md=");
	 	background-size: 270%;
		background-repeat: no-repeat; 
		}
		
		
		#magazine_main_full #tk #text1{
	float: left; 
	padding-top: 20px; 
	padding-left:0px; 
		width: 100%;
		}
		
		#magazine_main_full #tk2{
		width: 100%;
	}
	
		 #takarajima_bg2{
		background-image: url("../../../im.html?f=takarajima_bg3.jpg&w=&h") ;
		background-repeat: no-repeat; 
		background-size: 100%;
		}
		
		
	 #takarajimamovie2{
		margin-top: 40px; 
		width: 200px;
		float: right; 
		width: 360px;
		}
	
	#magazine_main_full #tk2 #text2{
		float: left; 
		padding-top: 20px; 
		padding-left: 0px;
		width: 100%;
		}
		
		#magazine_main_full #tk3{
		width: 100%;
		margin-top: 40px; 
	
	}
	
	#magazine_main_full #tk3 #text3{
		float: left; 
		padding-top: 20px; 
		padding-left: 0px;
		width: 100%;
		}
	
	
	#magazine_main_full #navi_Takarajima ul{
		margin: 20px;
		width: 100%;
	}
	
	#magazine_main_full #navi_Takarajima li{
		display: block;
		float: left;
	
	}
	#magazine_main_full #takarajima{
		margin: 60px 0px 100px 10px;
		padding: 20px;
		width: 100%;
		background-color: #111;
		font-size: 16px;
		}
	
	#magazine_main_full #takarajima ul{
		margin-top: 20px;  
		width: 320px; 
		display:block; 
		color:#FFF;
		list-style-type: none;
		
		}
		
		#magazine_main_full #takarajima li{
		padding: 20px 0px 20px 0px;
		display: block;
		margin-top: 20px;
		}
}