.base
	{
		position					: relative;
		width						: 100%;
		min-width					: 320px;
		max-width					: 640px;
		margin						: 0px auto 0px auto;
		overflow					: hidden;
	}
	.base > main
	{
		width						: 100%;
		position					: relative;
		z-index						: 100;
		background-color			: #fcfcfc;
		overflow					: hidden;
	}
	.base > main.common
	{
		padding-bottom				: 5px;
	}
	
	section.hani_ranking_tab
	{
		padding						: 10px 0px 20px 0px;
	}
	section.hani_ranking_tab	.shadow
	{
		box-shadow					: 0px 3px 3px #cccccc;
	}
	
	
	
	
	section.journalist
	{
		padding						: 10px;
	}	
	section.journalist	> .image
	{
		display						: inline-block;
		width						: 50px;
		height						: 50px;
		background-size				: 50px 50px;
		background-position			: center center;
		background-repeat			: no-repeat;
		border-radius				: 100%;
		border						: 1px solid #efefef;
	}
	section.journalist	> .tools
	{
		float						: right;
		text-align					: right;
	}
	section.journalist	> .tools	> .share
	{
		margin-bottom				: 10px;
		text-align					: right;
		line-height					: 24px;
		height						: 24px;
		margin-bottom				: 10px;
	}
	section.journalist	> .tools	> .share	.icon
	{
		display						: inline-block;
		width						: 22px;
		height						: 22px;
		background-size				: 22px 22px;
		background-position			: center center;
		background-repeat			: no-repeat;
		margin-left					: 5px;
	}
	section.journalist	> .tools	> .share	.icon.email
	{
		background-image			: url(../image/icon/icon_mail.png);
	}
	section.journalist	> .tools	> .share	.icon.facebook
	{
		background-image			: url(../image/icon/icon_sns_facebook.png);
	}
	section.journalist	> .tools	> .share	.icon.twitter
	{
		background-image			: url(../image/icon/icon_sns_twitter.png);
	}
	section.journalist	> .tools	> .share	.icon.etc
	{
		background-image			: url(../image/icon/icon_sns_etc.png);
	}
	section.journalist	> .tools	> .share	.icon.blog
	{
		background-image			: url(../image/icon/icon_sns_blog.png);
	}
	section.journalist	> .tools	> .subscription
	{
		display						: inline-block;
	}
	section.journalist	> .tools	> .subscription		.text
	{
		display						: inline-block;
		font-size					: 12px;
		color						: #999999;
	}
	section.journalist	> .tools	> .subscription		.text		span
	{
		font-size					: 18px;
		color						: black;
	}	
	section.journalist	> .tools	> .subscription		.button
	{
		margin-left					: 3px;
	}
	section.journalist	> .profile
	{
		padding						: 10px 6px 10px 6px;
	}
	section.journalist	> .profile	.name
	{
		font-size					: 14px;
	}
	section.journalist	> .profile	.desc
	{
		margin-top					: 5px;
		font-size					: 12px;
		color						: #888;
	}
	
	
	
	footer.main
	{
		width						: 100%;
		padding						: 15px 0px 15px 0px;
		background-color			: black;
		text-align					: center;
	}
	footer.main	.line1
	{
		font-size					: 13px;
		font-weight					: ;
		color						: #999;
		line-height					: 2em;
	}
	footer.main	.line1	.item
	{
		margin						: 0px 20px 0px 20px;
	}
	footer.main	.line2
	{
		font-size					: 12px;
		color						: #999;
		line-height					: 2em;
	}
	footer.main	.line3
	{
		font-size					: 11px;
		color						: #999;
		line-height					: 2em;
	}
	
	.subscription		.button
	{
		display						: inline-block;
		vertical-align				: middle;
		cursor						: pointer;
		width						: 84px;
		height						: 27px;
		background-size				: contain;
		background-repeat			: no-repeat;
	}
	
	.subscription		.button.none
	{
		background-image			: url(../image/icon/button_subscription_off.png);
	}
	.subscription		.button.done
	{
		background-image			: url(../image/icon/button_subscription_on.png);	
	}
	
	
	
	.link_button
	{
		text-align					: center;
		border						: 1px solid #eaeaea;            
		padding						: 0px 0px 0px 0px;
		margin-bottom				: 10px;
	}
	
	.link_button		.button
	{
		display						: inline-block;
		text-align					: center;
		background-color			: white;
		font-size					: 17px;
		line-height					: 50px;
		width						: 100%;
		color						:  #00beb7;
	}
	
	.link_button2
	{
		text-align					: center;
		padding						: 0px 10px 10px 10px;
	}
	
	.link_button2		.button
	{
		display						: inline-block;
		padding						: 5px 20px 5px 20px;
		text-align					: center;
		background-color			: white;
		border						: 1px solid #eaeaea;
		border-radius				: 0px;
		font-size					: 17px;
		line-height					: 50px;
		width						: 85%;
		
	}
	
	.base	> .log
	{
		max-width					: 300px;
		width						: 50%;
		height						: 50%;
		z-index						: 1000;
		position					: fixed;
		top							: 0px;
		margin						: 50px 100px 50px;
		background-color			: rgba(1,1,1,0.1);
		font-size					: 8px;
		line-height					: 9px;
	}