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


h1,h2,h3,h4,h5,p,li{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

}

a{
		text-decoration:none;
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

a:hover{
	opacity: 0.5;
}





[canvas=container],
[off-canvas] {
    padding: 10px 20px;
}

[class*=js-] {
    cursor: pointer;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}







/*　スマホ用　スタイルシート
======================================================*/

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

/*　ヘッダと基本構造
======================================================*/
	
#kensaku{
		
		position: absolute;
		top:62px;
		width:100%;
		z-index:999;
		background: rgba(31,31,30, 0.8);
		display:none;
		
		color:#fff;
		text-align:center;
	padding-bottom:10px;
	}
	
	.kensakutoggle{
		
		padding-right:20px;
		
	}
	
	
	
p.toggleClose,p.kensakuClose{
		font-size:16px;
		line-height:16px;
		padding:10px 10px 4px 4px;
		color:#fff;
		text-align:right;
}
	
#fixed-navigation{
		position: fixed;
    	left:0px;
		top:0px;
		z-index:4;
		background-color:#2d2b37;
		margin:0px;
		overflow:visible;
		padding:18px 0px;
		width:100%;
	
	}

#pagetop{
		
		overflow:visible;
	
	}

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

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

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

	.sumahoButton{
		display:none;
	}
	
	
	
/*　コンテンツ
======================================================*/
	.metaslider{
		margin-bottom:20px;
		overflow:hidden;
	}
	
	#cont{
		margin:0px;
		padding:0px;
		margin-top:80px;
		
		
	}
	
	.headSpace{
		padding-top:10px;
	}
	
	
	#wrapper{
		padding:0px;
		margin:0px;
		overflow:hidden;
	}
	
		
/*　トップページに２段組み
======================================================*/
	
	#leftWrapper{
		margin-bottom:150px;
		
	}
	
	h2.pagetitle{
		
		
	}
	
	
	
	.contLRwrapper{
		overflow:hidden;
		padding-bottom:20px;
	}
	
	.contLeft,.contRight{
		overflow:hidden;
		position:relative;
	}
	
	.contLeft{
		width:48%;
		
		float:left;
	}
	
	.contRight{
		width:48%;
		
		float:right;
	}
	
	.responsive-thumbnail{
   	text-align:center;
	}

	.responsive-thumbnail img{
    	width:auto;
    	height:auto;
    	max-width:100%;
    	
	}
	
	.two_rows h2{
		font-size:18px;
		line-height: 24px;
		font-weight:bold;
		margin:0px 3px 5px 3px;
		font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-weight: bold;
	}
	
	.two_rows h2.contenttitle{
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.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;
	}
	

/*　第２階層
======================================================*/
	
	article.contents-container{
		overflow:hidden;
	}
	
	.content-header{
		clear:both;
		overflow:hidden;
		width:95%;
		margin:auto;
		margin-bottom:40px;
	}
	
	.content-header h2{
		font-size:24px;
		line-height:1.5em;
		margin-bottom:10px;
		font-weight: bolder;
		font-family: Verdana, Geneva, "sans-serif";
		
	}
	
	.content-header p.dateAndcat:before {
		
		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;
		
	}
	
	.contents-container .excerpt{
		color:#690;
		width:95%;
		margin:auto;
		margin-bottom:20px;
		line-height: 1.5em;
		font-size:14px;
		
	}
	
	
	
	
	
	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:20px;
		font-weight: 900;
		margin:40px 0px 20px 0px;
		color:#662902;
		font-family: Verdana, Geneva, "sans-serif";
		width:95%;
		margin-bottom:20px;
		line-height: 1.5em;
		border-bottom:solid 3px #662902;
	}
	
	
	article.contents-container p{
		font-size:14px;
		width:95%;
		margin:auto;
		margin-bottom:40px;
		text-align:justify;
	}
	
	article.contents-container p img{
		width:100%;
		height:auto;
	}
	
	

	.responsive-thumbnail img{
    	width:100%;
    	height:auto;
    	max-width:100%;
    	max-height:100%;
		
	}
	
	article.contents-container p.writer{
		width:40%;
		float:right;
		text-align:right;
	}
	
	p.writer img.avatar{
		width:20px;
		height:20px;
	}
	
	.pagenav{
		width:95%;
		margin:auto;
		
	}
	
	
	.pagenav .old a,.pagenav .new a{
		font-size:12px;
		width:40%;
		
		margin-top:20px;
		color:#3B3B3B;
	}
	
	.pagenav .old a:hover,.pagenav .new a:hover{
		color:#2F8BDE;
	}
	
	.pagenav .old a{
		float:left;
	}
	
	.pagenav .new a{
		float:right;
		text-align:right;
	}
	
	
	.pagenav .old a,.pagenav .new a{
		font-size:12px;
		max-width:45%;
		
		margin-top:20px;
		color:#3B3B3B;
		border:solid 1px gray;
		padding:5px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.pagenav .old a:hover,.pagenav .new a:hover{
		color:#2F8BDE;
	}
	
	.pagenav .old a{
		float:left;
		
	}
	
	.pagenav .new a{
		float:right;
		text-align:right;
	}
	
	
/*　タブ
======================================================*/
	.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;
	}
	
	

	/*　PC用ナビゲーションOFF
======================================================*/


	
#pagetop nav#gnav,#kensaku,#rightWrapper{
		display:none;
		
}
	
	
	.leftulWrapper{
		
	}
	
	h2.widgettitle{
		font-family: 'Fjalla One', sans-serif;
		font-size:20px;
		margin-bottom:10px;
		color:#DBDBDB;
	}
	
	.wpp-list{
		
		overflow:hidden;
		margin-bottom:20px;
		
	}
	
	.wpp-list a{
		font-size:14px;
		font-weight: bold;
		color:#fff;
	}
	
	.wpp-list a:visited{
		color:#fff;
	}
	
	.wpp-container{
		
		overflow:hidden;
	}
	
/* カウンターの初期化 */
.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:rebeccapurple;
	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;
	
}
	
	table.wpp-list th{
		position: relative;
	}
	
	table.wpp-list td{
		padding-bottom:10px;
	}

	.wpp-container{
		margin-bottom:10px;
		
		overflow: hidden;
		
	}
	
	.wpp-container img{
		width:100%;
		height:auto;
		
	}
	
	td.wpp-txt{
		padding-left:5px;
	}
	
	.tagcloud a {
    font-size: 14px !important;
    border: solid 1px #FFF;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 8px;
	color:#FFF;
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}
	
	.tagcloud a:hover{
		
		
	}
	
	.tagcloud a:before {
		content: "\f02b";
		font-family: FontAwesome;
		margin-right:5px;
		color:#FFF;
	}
	
	.widget_categories{
		
		margin-bottom:30px;
	}
	
	.widget_categories ul li a{
		color:#fff;
	}
	
	.widget_tag_cloud{
		
		margin-bottom:30px;
	}
	
	.menu-globalnav-container{
		
		margin-bottom:30px;
	}
	
	.menu-globalnav-container li a{
		color:#fff;
	}
	
	/*ページネーション*/
	.pagination{
	
	width:100%;
	text-align:center;
	}
	
	.page-numbers{
		font-size:16px;
		padding:5px;
		font-family: sans-serif;
	}
	
	.sharedaddy{
		padding:0 3%;
		
	
	}
	
	
	
	
	
	
	
}