/* Mobile Menu
================================================== */
	a#navigation-toggle { height: 45px; line-height: 45px; margin: 0 0 0 20px; cursor: pointer; color: #fff; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#sidr-main { font-family: 'Helvetica Neue', Helvetica, Arial; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #000; color: #fff; }
	#sidr-main { padding: 50px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #707070; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #222; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 8px 0; font-weight: 600; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #333; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { position: absolute; top:20px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }
	#sidr-id-mobile-search-form { margin-top: 20px; }
	#sidr-id-mobile-search-form input[type="search"] { background: #333; color: #fff; }
	#sidr-id-navigation-toggle { display: none; }

/* Desktop Only
================================================== */

@media only screen and (min-width: 960px) {

	ul.adsense-li-2col{
	  display: table;
	  table-layout: fixed;
	  text-align: center;
	  width: 100%;
	}
	ul.adsense-li-2col li {
	  display: table-cell;
	  vertical-align: middle;
	}

	.page-numbers a, .page-numbers span, #edd_download_pagination .page-numbers {
		font-size:18px;
	    height: 48px;
	    line-height: 48px;
	    width: 30px;
	    padding: 0 9px;
	}

	.add_metaslider div.caption{
		font-size:24px;
		font-weight:bold;
		padding:10px 15px;
	}
}

/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; float: none; }
	#site-navigation .sf-menu{ display: none; }

	ul.adsense-li-2col li {
		margin-bottom:15px;
	}
	
	#header-aside img{ width:32px; }
}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	/* .sidebar-container { width: 36%; } */ /* 広告用に調整 */
	/* #logo { max-width: 38%; } */
	/* #header-aside{ max-width: 60%; } */
	.post-meta li { display: block; float: none; margin-left: 0; }
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
	.featured-slider-caption-excerpt { display: none; }
	.featured-slider-caption-title { margin: 0; }
	.loop-entry { padding-left: 150px; }
	.loop-entry-thumbnail { width: 130px; }
	.loop-entry-video-overlay { font-size: 40px; }

	.left-content { width: 47%; } /* 広告用に調整 */

}

/* Bigger Then Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) {

	#secondary{
		position:relative;
	}

	
	#sidebar-bottom-area-dummy{
		height:1150px;
	}
	#sidebar-bottom-area{
		position: absolute;
		bottom: 0px;
		left: 0px;
		height:1150px; /*上記のdummyと高さを揃えるように*/
		width: 300px;
	}

}

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 480px; width: 90%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #ddd; }
	.col{
		width: 100%;
		margin-left: 0; 
		/*margin-bottom: 25px;*/
		*margin-bottom: 5px;
	}
	#header-aside{ display: none; }
	.post-meta .meta-comments { display: none; }
	.commentlist .children { margin: 0 }
	.single-post-pagination { position: inherit; top: auto; margin: 10px 0 0; right: auto; }
	.author-info .author-info-inner { padding-left: 0; }
	.author-info .author-avatar { position: inherit; top: auto; left: auto; display: block; margin-bottom: 10px; }
	.featured-slider-caption-excerpt { display: none; }
	.flex-control-nav a { font-size: 0.8em; height: 20px; line-height: 20px; width: 20px; }

	body{ background: #fff; }
	#wrap{ padding:0px; }
	#header-wrap { margin-bottom:15px; }

	article.related-post-entry a.related-post-entry-thumbnail{
		float:left;
		/*width:20%;*/
		width:15%;
	}

	article.related-post-entry div.related-post-entry-content{
		float:left;
		/*width:70%;*/
		width:75%;
		margin-left: 20px;
	}
	
	#sns_btn_area_for_mobile{
		display:inline;
	}
	
	#content, #secondary{
		height:100% !important;
	}
	
	/* 追加 */
	.social4i{
		float:none;
	}
	.content-bottom-mg-box{
		float:none;
		text-align:center;
		margin-top:15px;
	}

}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
	.loop-entry { padding-left: 160px; }
	.loop-entry-thumbnail { width: 140px; }
	.loop-entry-video-overlay { font-size: 60px; }
	.featured-slider-caption { padding: 15px; }
	.featured-slider-caption-title { margin: 0; font-size: 1.1em; }
	
	.site-text-logo a { font-size:28px !important; }
	.blog-description { font-size:1.0em; }
}
/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
	.loop-entry { padding-left: 0; }
	.loop-entry-thumbnail { position: inherit; top: auto; left: auto; width: 100%; margin-bottom: 20px; }
	.loop-entry-video-overlay { font-size: 60px; }
	.featured-slider-caption { padding: 10px; }
	.featured-slider-caption-title { margin: 0; font-size: 1em; }
	#featured-slider .featured-slider-caption { font-size: 11px; padding: 7px; }

	#blog-catch-frase{ font-size:10px }
	.site-text-logo a { font-size:20px !important; }
	.blog-description { font-size:12px !important; }
	
	#fb-like-button-article-bottom .fb-page{
		float:none;
		width:80%;
		margin-left:0px;
		margin-bottom:10px;
	}
}