/*----------------------
共通
----------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size: 17px;
	line-height: 1.6;
}



/*----------------------
リンク関係
----------------------*/
a:link ,a:hover ,a:visited{
	color: #333;
	text-decoration: none;
}

.breadcrumb a:link ,.breadcrumb a:visited{
	color: #919684;
}
.breadcrumb a:hover{
	color: #D88FA8;
}

.top-page a:link ,.top-page a:visited ,.unei-bk a:link ,.unei-bk a:visited ,.method a:link ,.method a:visited ,.es-oil a:link ,.es-oil a:visited ,.ichiran a:link ,.ichiran a:visited{
	color: #337ab7;
}
.top-page a:hover ,.unei-bk a:hover ,.method a:hover ,.es-oil a:hover ,.ichiran a:hover ,.menu a:hover{
	color: #D88FA8;
}/*サイドメニューはhoverのみ*/


 


/*----------------------
header
----------------------*/
.breadcrumb{
	background: #FFF;
	margin-bottom: 0.2em;
	padding-left: 0;
}
.breadcrumb li span{
	color: #999;
}

/* bootstrap.min.css 以下を削除済
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}*/


/*----------------------
精油一覧
----------------------*/
.thumbnail{
	margin-bottom: 2.5em;
	padding-top: 1em;
}



/*----------------------
フレキシブル関係
----------------------*/

@media (max-width: 767px) {

/*全体*/
.container{
	padding-left: 0;
	padding-right: 0;
}
/*全体ここまで*/

/*共通*/
.xs-blank{
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.br{
	display: inline-block;
}/*レイアウト上の改行*/

.ad_1 ,.ad_2 ,.ad_3 ,.ad_4 ,.ad_5{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/*共通ここまで*/

/*ヘッダー部分*/
h1{
	font-size: 0.9em;
	line-height: 1.2;
	padding: 0 0.1em 0.2em 0.1em;
	margin: 0;
}
.site-title{
	height: auto;
	width: 68%;
	padding-left: 0.1em;
}
/*ヘッダー部分ここまで*/

/*スマホメニュー部分*/
.navbar-toggle {
  float: left;
  margin-left: 0.5em;
}
/*スマホメニュー部分ここまで*/


/*トップページ*/
.top{
	padding-top: 0;
}
#index h2{
	margin-left: 0.2em;
}
#index h3{
	padding-left: 0.4em;
	margin-left: 0.2em;
}
/*トップページここまで*/

/*メソッドページ*/
.method h2{
	font-size: 1.15em;
	margin-bottom: 1em;
}
.method h3{
	padding-left: 0.4em;
	margin-left: 0.2em; 
	border-left-width: 0.3em;
	margin-bottom: 0.8em;
}
.meth-img{
	width: 80%;
	max-width: 400px;
	height: auto;
	padding: 0 0.5em 1em 0.5em;
}
.meth-img2{
	width: 50%;
	height: auto;
	padding: 0 0.5em 1em 0.5em;
}/*正方形の小さい写真*/

.note-if{
	padding-left: 0.5em;
}/*ノートの情報部分*/
.note-ex{
	margin: 0.8em 0 1.5em;
	padding: 1em 1em;
}/*ノートの例*/
.note-ex2{
	margin: 0.8em 0 0;
	padding: 1em 1em;
}/*ノートの例*/

/*必要なもの*/
.hy-dogu{
	padding-top: 1em;
}
/*必要なものここまで*/

/*芳香浴・アロマバス*/
.hk-kigu{
	padding: 1em 0.5em;
}/*アロマバスページでも使用*/
/*芳香浴・アロマバスここまで*/

/*メソッドページここまで*/

/*精油ページ*/
.oil-name{
	font-size: 1.15em;
	margin-bottom: 1em;
}
.int-img{
	width: 80%;
	max-width: 400px;
	height: auto;
	padding: 0 0.5em 1em 0.5em;
}
/*.int-link{
	padding: 0 0.5em 1.5em 0.5em;
}/*画像関係のリンク*/
.kn-int{
	margin-bottom: 0;
}
.kn-img ,.ry-img ,.bd-img{
	margin-bottom: 1em; 
}
.kono h3 ,.riyo h3 ,.blend h3 ,.seibun h3 ,.price h3{
	padding-left: 0.4em;
	margin-left: 0.2em; 
	border-left-width: 0.3em;
	margin-bottom: 0.8em;
}
.kono h4{
	padding-left: 0.5em;
}
.pr-img{
	padding: 1em 0.5em 0;
}


.link ul{
	margin-left: 0.5em;
	margin-right: 0.5em;
}


.kanren ,.kanren-sub{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/*精油ページここまで*/

/*精油一覧ページ*/
.name-tl{
	margin-bottom: 1.5em;
	padding-left: 0.5em;
	font-size: 1.1em;
}
.ichiran{
	padding: 0 0.2em;
}
/*精油一覧ページここまで*/

/*サイドメニュー*/
.site-link{
	padding-top: 2em;
	padding-left: 0.5em;
}
/*サイドメニューここまで*/

/*フッター*/
.footer-mid{
	padding-bottom: 3em;
}
/*フッターここまで*/

}

@media (min-width: 992px) and (max-width: 1199px) {

/*サイドメニュー*/

.eg-small{
	display: none;
}
/*サイドメニューここまで*/
	
}

@media (min-width: 768px) {

.img-shadow{
	box-shadow: 2px 0 1px 0 #d8d8d8, -2px 0 1px 0 #d8d8d8,0 2px 1px 0 #d8d8d8;
}/*画像に影をつける*/

.thumbnail{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

}

@media (min-width: 1200px) {

.thumbnail{
	margin-right: 0.5em;
	margin-left: 0.5em;
}

}



/*アドセンス*/
.adslot_1{
	width: 300px; height: 250px;
}
@media (min-width:360px) {
.adslot_1 {
	width: 336px; height: 280px;
} 
}



/*以下、一覧ページの調整*/

@media (max-width: 449px) {

.name-oil{
	font-size: 80%;
}
.name-if{
	font-size: 70%;
}

}

@media (min-width: 450px) and (max-width: 767px) {

.thumbnail{
	margin-right: 1em;
	margin-left: 1em;
}
.name-oil{
	font-size: 90%;
}
.name-if{
	font-size: 90%;
}

}