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

	RESET.CSS
	
----------------------------------------------------*/

@media screen and (max-device-width: 480px){
	body						{-webkit-text-size-adjust:none;}
}


/*----------------------------------------------------
	
	@media screen and (max-width: 766px)
	
----------------------------------------------------*/

/*--- 1-1. HTML/BODY & Generics ---------------------------------------------------------------------------*/
/*--- 1-2. Icon Fonts ---------------------------------------------------------------------------*/
/*--- 1-3. Clearfix ---------------------------------------------------------------------------*/
/*--- 1-4. Form Elements ---------------------------------------------------------------------------*/

/*--- 1-5. Headings ---------------------------------------------------------------------------*/

.headline h1					{font-size:24px; font-size:2.4rem;}
.single--post h1				{font-size:36px; font-size:3.6rem;}



/*--- 2. SITEWIDE ---------------------------------------------------------------------------*/

/*--- 2-1. Containers ---------------------------------------------------------------------------*/

.page-main						{float:none; margin-right:0;}
.page-content					{margin-right:0; padding:0;}


/*--- 2-2. Header ---------------------------------------------------------------------------*/

.top-bar						{display:none}


/*--- 2-3. Navigation ---------------------------------------------------------------------------*/

.mainnav,
.subnav							{display:none;}

.mobile-menu					{color:#FFF; display:block; font-weight:600; margin:0 -10px; padding:6px 10px 7px 10px; text-decoration:none; text-transform:uppercase;}
.mobile-menu:before				{float:left; font-size:18px; font-size:1.8rem; margin-right:9px;}
.mobile-menu:hover				{background:#313131; color:#FFF;}


/*--- 2-4. Footer ---------------------------------------------------------------------------*/
/*--- 2-5. Sidebar ---------------------------------------------------------------------------*/
/*--- 2-6. Share ---------------------------------------------------------------------------*/
/*--- 2-7. Ads ---------------------------------------------------------------------------*/

@media screen and (max-width: 728px){
	.leaderboard				{display:none;}
}

@media screen and (max-width: 468px){
	.banner						{display:none;}
}


/*--- 3. PAGE SPECFIC ---------------------------------------------------------------------------*/

/*--- 3.1 Index ---------------------------------------------------------------------------*/

.headline						{border-top:1px solid #E5E5E5; margin-top:0; padding-top:20px;}

.main-headline-image			{margin-right:20px; margin-top:0;}
@media screen and (max-width: 500px){
	.main-headline-image		{float:none; margin-right:0; max-width:none; width:100%;}
}

.main-secondary-image		{margin-right:20px; margin-top:0;}
@media screen and (max-width: 500px){
	.main-secondary-image		{float:none; margin-right:0; max-width:none; width:100%;}
}


/*--- 3.2 Post Meta ---------------------------------------------------------------------------*/
/*--- 3.3 Single Only ---------------------------------------------------------------------------*/
/*--- 3.4 Content ---------------------------------------------------------------------------*/
/*--- 3.5 Post End ---------------------------------------------------------------------------*/

@media screen and (max-width: 460px){
	.sharing .box				{height:auto;}
	.sharing .box:before		{font-size:24px; font-size:2.4rem; padding:10px;}
	.sharing span				{display:none;}
}

@media screen and (max-width: 419px){
	.more-like li				{float:left; margin-left:13.51351351351351%; width:43.24324324324324%;}
	.more-like li:nth-child(2n+1)	{margin-left:0;}
}
@media screen and (min-width: 420px) and (max-width: 766px){
	.more-like li				{float:left; margin-left:8.620689655172414%; max-width:160px; width:27.58620689655172%;}
	.more-like li:first-child	{margin-left:0;}
}