/* 
Theme Name: LABO
Theme URI: http://browse-llc.co.jp/
Description:
Version: 1
Author: browse-llc 2017-
Author URI:
*/ 





/*　パソコン用　スタイルシート
======================================================*/

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

/*　ヘッダと基本構造
======================================================*/

	body{
		
	}

	#fixed-navigation{
		position: fixed;
    	left:0px;
		top:0px;
		z-index:4;
		background-color:#2d2b37;
		margin:0px;
		padding:18px 0px;
		width:100%;
	}

#pagetop{
		
		margin:0px 20px;
		
		position:relative;
	}

h1{
		
	
		font-size:24px;
		line-height:26px;
		
		
		
		color:#fff;
		float:left;
		padding:0px;
		margin:0px;
		padding-left:10px;
		font-family: 'Fjalla One', sans-serif;
		
		width:60%;
		float:left;
		
		text-align:left;
		
	}
	
	h1 a{
		color:#fff;
		text-decoration:none;
	}

	p{
		font-size:14px;
		line-height:20px;
	}

	p.js-toggle-left-slidebar{
		width:20%;
		float:left;
		display:none;
		
		padding:0px;
		margin:0px;
		height:24px;
		color:#fff;
	}
	
	

	p.button{
		width:24px;
		height:24px;
		float:right;
		font-size:20px;
		line-height:24px;
		
		text-align:center;
		margin:0px;
		margin-left:20px;
	}
	
	p.button a{
		color:#fff;
	
	}

	

	
/*　ページ内容の基本構造
======================================================*/
	

	#cont{
		margin:0px;
		padding:0px;
		margin-top:60px;
		
	}
	
	
	#wrapper{
		margin:0px 0px;
		
		
		overflow:hidden;
		
	}
	
	#leftWrapper{
		float:left;
		width:70%;
		
		margin-bottom:150px;
	}
	
	#rightWrapper{
		float:right;
		width:25%;
		padding:15px 0;
		min-height: 100%;
		overflow:hidden;
		background-color:#f2f2f2;
		padding-bottom:100px;
		/* border-radius */
		border-radius:0px 0px 6px 6px ;
		-moz-border-radius:0px 0px 6px 6px ;
		-webkit-border-radius:0px 0px 6px 6px ;
		
	}
	
	/*右サイドバー*/
	
	ul.rightulWrapper{
		padding:0px 15px;
	}
	
	h2.widgettitle{
		font-family: 'Fjalla One', sans-serif;
		font-size:20px;
		margin-bottom:10px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*　トップページに２段組み
======================================================*/
	
	.contLRwrapper{
		overflow:hidden;
		padding-bottom:20px;
	}
	
	.contLeft,.contRight{
		overflow:hidden;
		position:relative;
	}
	
	.contLeft{
		width:48%;
		
		float:left;
	}
	
	.contRight{
		width:48%;
		
		float:right;
	}
	
	#leftWrapper article{
		width:100%;
		margin:auto;
	}
	
	img.size-full{
		width:100%;
		height: auto;
	}
	
	
	img.size-large{
		width:75%;
		height: auto;
		display: block;
  		margin: 0 auto;
	}
	
	
	.two_rows p.responsive-thumbnail img{
    	width:100%;
    	height:auto;
    	max-width:100%;
    	max-height:100%;
		margin:0px;
		padding:0px;
		
	}
	
	.two_rows h2{
		font-size:20px;
		line-height: 1.5em;
		font-weight:bold;
		margin:0px 3px 5px 3px;
		font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		
	}
	
	.two_rows h2.contenttitle{
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.contents-container .excerpt{
		color:#690;
	}
	
	.sidebox h2{
		font-size:18px;
		line-height: 24px;
		margin:0px;
	}
	
	
	
	.excerpt{
		font-size:12px;
		line-height:20px;
		margin:0px 3px;
	}
	
	.catName{
		position: absolute;
		top:0;
		left:0;
		
		color:#fff;
		font-family: 'Fjalla One', sans-serif;
		font-size:14px;
		padding:3px 6px;
	}
	
	.sidebox{
		position: relative;
		overflow:hidden;
		width:90%;
		margin:auto;
		margin-bottom:15px;
	}
	
	.number{
		position: absolute;
		top:0;
		left:0;
		background-color:#C40003;
		color:#fff;
		font-family: 'Fjalla One', sans-serif;
		font-size:14px;
		padding:3px 6px;
		z-index:10px;
		width:15px;
		text-align:center;
	}
	
	.cat-item a{
		color:#404040;
	}
	
	/*　タブ
======================================================*/
	.aroma-oyaji{
		background-color:#DBBC08;
	}
	
	.aroma-oyaji-kentei{
		background-color:#CB3F0E;
	}
	
	.aromaoil{
		background-color:#ACAB1B;
	}
	
	.how_to_use{
		background-color:#188C00;
	}
	
	.history{
		background-color:#13909E;
	}
	
	.carrier-oil{
		background-color:#8FB70D;
	}
	
	.chakra{
		background-color:#000EFF;
	}
	
	.herb{
		background-color:#6DAE32;
	}
	
	.kouka_shigoto{
		background-color:#AC00FF;
	}
	
	.kouka_benkyo{
		background-color:#FE00C7;
	}
	
	.kouka_kokoro{
		background-color:#FF0000;
	}
	
	.kouka_renai{
		background-color:#F069C5;
	}
	
	.kouka_karada{
		background-color:#A066B7;
	}
	
	.topics{
		background-color:#2C830D;
	}
	
	.about{
		background-color:#1998B7;
	}
	
	.kouboku{
		background-color:#F89A0F;
	}
	
	
	
	/*　ヘッダーナビ
======================================================*/	
	#kensaku{
		
		position: absolute;
		top:30px;
		right:80px;
		z-index:999;
		
		background-color:#2d2b37;
		
		display:none;
		padding:0 15px 15px 15px;
		color:#fff;
	}
	
	#searchform div{
		margin:auto;
		text-align:center;
		padding:bottom:20px;
	}
	
	
	#pagetop nav#gnav{
		
		position: absolute;
		top:30px;
		right:80px;
		z-index:999;
		background-color:#2d2b37;
		display:none;
	}
	
	#pagetop nav#gnav li{
		
	}
	
	#pagetop nav#gnav li a{
		font-size:16px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		padding:16px;
		display:block;
		-moz-transition-duration:1s;
		-webkit-transition-duration:1s;
		-o-transition-duration:1s;
		-ms-transition-duration:1s;
	}
	
	
	
	p.toggleClose,p.kensakuClose{
		font-size:16px;
		line-height:16px;
		padding:10px 10px 4px 4px;
		color:#fff;
		text-align:right;
		
	}
	
	
/* カウンターの初期化 */
.wpp-list {
    counter-reset: wpp-ranking;
}
	
	.wpp-list ul{
		padding:0 15px;
	}
/* カウンターの値を表示 */
.wpp-container:before {
   content: counter(wpp-ranking, decimal);
   counter-increment: wpp-ranking;
	background-color:#000;
	color:#FFF;
	position: absolute;
	width:20px;
	height:20px;
	top:0;left:0;
	font-family: 'Fjalla One', sans-serif;
	text-align:center;
	line-height:20px;
	padding-top:2px;
}

	.wpp-container{
		margin-bottom:20px;
		
		overflow: hidden;
		
	}
	
	.wpp-container img{
		width:100%;
		max-width:251px;
		margin-bottom:5px;
		
	}
	
	#categories-1,#categories-2{
		margin-bottom:20px;
	}
	
	a.wpp-post-title{
		font-size:16px;
		color:#333;
		font-weight: bold;
	}
	
	
.tagcloud a {
    font-size: 14px !important;
    border: solid 1px #444444;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 8px;
	color:#444;
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}
	
	.tagcloud a:hover{
		background-color:#aaa;
		
	}
	
	.tagcloud a:before {
		content: "\f02b";
		font-family: FontAwesome;
		margin-right:5px;
		color:#444;
	}
	
	
	
	.wpp-container{
		
		overflow:hidden;
		position: relative;
		
	}
	
	.wpp-list td{
		overflow:hidden;
		
	}
	
	.wpp-list td a{
		font-size:14px;
		font-weight: bold;
		color:#303030;
	}
	
	wpp-list td{
		margin-bottom:2px;
	}
	
	
	
	
	
	
	
	
	
	
	
/*　プロフィール
======================================================*/	
	.writers{
		margin-top:20px;	
	}
	
	.writers h2{
		font-family: 'Fjalla One', sans-serif;
		font-size:16px;
	}
	
	.writers .description{
		font-size:10px;
		font-family: 'Fjalla One', sans-serif;
	}
	
	.writers .button a{
		font-size:10px;
		font-family: sans-serif;
		color:blue;
	}
	
	
	
	.writer-profile{
		
	
	}
	
	figure{
		overflow:hidden;
		
	}
	
	.writer-profile{
		
	}
	
	.eyecatch{
		width:80px;
		
		margin:auto;
	}
	
	.eyecatch img{
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		width:100%;
		height:auto;
	}
	
	.profiletxt{
		
	}
	
	.profiletxt .name{
		color:#690;
	}

	.profiletxt .button{
		text-align:right;
		font-size:12px;
	}
	
	
	
/*　記事ページ、第２階層
======================================================*/	
	
	
	.content-header{
		clear:both;
		overflow:hidden;
		margin-bottom:40px;
		
	}
	
	.content-header h2{
		font-size:30px;
		line-height:1.5em;
		margin-bottom:10px;
		font-weight: bolder;
		font-family: Verdana, Geneva, "sans-serif";
		
	}
	
	.content-header p.dateAndcat:before {
		content: "\f017";
		font-family: FontAwesome;
		margin-right:3px;
	}
	
	.content-header p.dateAndcat{
		text-align:left;
		font-size:12px;
		margin:0px;
		margin-bottom:0px;
		
		float:left;
		width:40%;
		
	}
	
	.content-header  p.writer{
		margin:0px;
		margin-bottom:0px;
		font-size:12px;
		width:40%;
		float:right;
		text-align:right;
		
	}
	
	article.contents-container{
		padding:0 5px;
	}
	
	article.contents-container p{
		font-size:14px;
		margin-bottom:40px;
		text-align:justify;
	}
	
	article.contents-container p a:before {
		
	}
	
	article.contents-container p a{
		color:blue;
		-moz-transition-duration:1s;
		-webkit-transition-duration:1s;
		-o-transition-duration:1s;
		-ms-transition-duration:1s;
	}
	
	article.contents-container p a:hover{
		color:#4E9C02;
	}
	
	/*
	article.contents-container p.cat{
		margin:0px;
		padding:0px;
		line-height:24px;
		margin-bottom:10px;
	}
	*/
	
	img.avatar{
		width:100%;
		height:100%;
	}
	
	
	figure.eyecatch img{
		
	}
	
	.writer img.avatar{
		width:20px;
		height:20px;
		vertical-align: bottom;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border:solid 1px #ccc;
		margin-right:5px;
	}
	
	
	
	article.contents-container h3{
		font-size:30px;
		font-weight: 900;
		margin:40px 0px 20px 0px;
		color:#662902;
		font-family: Verdana, Geneva, "sans-serif";
		border-bottom:solid 3px #662902;
	}
	
	
	
	
	
	
	
	

	
	
	
	.pagenav .old a,.pagenav .new a{
		font-size:12px;
		max-width:40%;
		
		margin-top:20px;
		color:#3B3B3B;
		border:solid 1px gray;
		padding:5px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		font-family: Verdana, Geneva, "sans-serif";
	}
	
	.pagenav .old a:hover,.pagenav .new a:hover{
		color:#2F8BDE;
	}
	
	.pagenav .old a{
		float:left;
		
	}
	
	.pagenav .new a{
		float:right;
		text-align:right;
	}
	
	
	
	h2.pagetitle{
		font-size:24px;
		margin:20px 0 20px 0;
	}
	
	
	
	/*ページネーション*/
	.pagination{
	margin-top:20px;
	width:100%;
	text-align:center;
	}
	
	.page-numbers{
		font-size:16px;
		padding:5px;
		font-family: sans-serif;
	}
	
	
	
	
	
}

@media screen and (min-width:1150px){
	#pagetop{
		
		width:1125px;
		margin:auto;
		background-color:#550C0D;
		position: relative;
		
	}
	
	
	
	
	#cont{
		margin:0px;
		padding:0px;
		margin-top:60px;
		
		
	}
	
	#wrapper{
		width:1125px;
		margin:auto;
		
		
		overflow:hidden;
		
	}
	
	
	
	
	
	
	

	
	
	
}