/*----------------------------------------------------
	
	@media screen and (min-width: 767px)
	
----------------------------------------------------*/

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


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

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

@media screen and (max-width: 1378px){
	.primary-container			{margin:0 2.5%; padding:0 20px;}
}
@media screen and (min-width: 1378px){
	.primary-container			{margin:0 auto; padding:0 40px; width:1240px;}
}
@media screen and (max-width: 959px){
	.page-main					{margin-right:-200px;}
}
@media screen and (max-width: 959px){
	.page-content				{margin-right:200px;}
}
@media screen and (min-width: 920px){
	.story						{float:left; width:47.5%;}
	.story.secondary			{width:100%;}
	.story--right				{margin-left:5%;}
}


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

.top-bar						{border-bottom:1px solid #E5E5E5; font-weight:600; height:41px; padding:0 5px;}
.top-bar a						{text-decoration:none;}

.top-nav						{border-left:1px solid #E5E5E5; float:left; margin:5px 0; height:100%; overflow:hidden;}
.top-nav li						{border-right:1px solid #E5E5E5; float:left;}
.top-nav a						{color:#B4B4B4; display:block; font-size:11px; font-size:1.1rem; padding:3px 20px 2px 20px; text-transform:uppercase;}

.top-search						{float:left; padding-top:6px; width:240px;}
.top-search input[type="text"]	{border:0; bottom:5px; color:#000; float:left; margin-top:2px; padding:7px 5px; position:relative; width:65%;}
.top-search button				{background:0; border:0; cursor:pointer; float:left;}
.top-search button span			{font-size:22px; font-size:2.2rem;}

.top-bar__social				{float:right; margin-top:10px;}
.top-bar__social_fb				{float:left; width:95px;}
.top-bar__social_twitter		{float:left;}

.logo							{display:block; margin:30px 0 20px 0; text-align:center;}


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

.mainnav						{padding-bottom:7px; height:100%; overflow:hidden;}
.mainnav li						{float:left; padding-top:7px;}
.mainnav li:last-child a		{border-right:0;}
.mainnav a						{border-right:1px solid #FFF; border-color:rgba(255,255,255,0.5); color:#FFF; padding:0 15px; text-decoration:none;}
.mainnav a:hover				{color:#E0E0E0; color:rgba(255,255,255,0.8);}

.subnav							{border-bottom:1px solid #D6D6D6; border-color:rgba(49,49,49,0.2); font-size:13px; font-size:1.3rem; padding:10px 0; height:100%; overflow:hidden;}
.subnav li						{border-left:1px solid #D6D6D6; border-color:rgba(49,49,49,0.2); color:#666; float:left; padding:0 10px;}
.subnav li.title				{border-left:0; font-weight:600;}
.subnav a						{color:#666; text-decoration:none;}
.subnav a:hover					{color:#999;}

.mobile-menu					{display:none;}


/*--- 2-4. Footer ---------------------------------------------------------------------------*/
/*--- 2-5. Sidebar ---------------------------------------------------------------------------*/

@media screen and (max-width: 959px){
	.page-sidebar				{float:left; width:200px;}
}
@media screen and (min-width: 960px){
	.page-sidebar				{float:left; width:300px;}
}


/*--- 2-6. Share ---------------------------------------------------------------------------*/
/*--- 2-7. Ads ---------------------------------------------------------------------------*/


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

/*--- 3.1 Index ---------------------------------------------------------------------------*/
/*--- 3.2 Post Meta ---------------------------------------------------------------------------*/
/*--- 3.3 Single Only ---------------------------------------------------------------------------*/
/*--- 3.4 Content ---------------------------------------------------------------------------*/

.content blockquote				{float:left; margin-right:20px; margin-top:-10px; max-width:33%;}

@media screen and (min-width: 960px){
	.content--single > p:first-of-type	{font-weight:bold;}
}


/*--- 3.5 Post End ---------------------------------------------------------------------------*/

@media screen and (max-width: 890px){
	.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: 819px){
	.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: 820px){
	.more-like li				{float:left; margin-left:8.620689655172414%; max-width:160px; width:27.58620689655172%;}
	.more-like li:first-child	{margin-left:0;}
}


/*--- 3.6 Facebook ---------------------------------------------------------------------------*/