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

body{
	max-width: 480px;
	width: 100%;
	margin:0px;
	font-size: 17px !important;
}
img{
		max-width: 100% !important;
}
.clear{
		clear:both;
}
	
ul#globalNavi li span{
	display: none;
}

a {
    outline: none;
}

h1 {
	font-size:10px !important;
}
	
	#globalNavi_wrap,#right_contents,center_contents{
	margin-right: auto !important;
	margin-left: auto !important;
	}
	
	#center_contents p{
	margin-bottom: 30px !important;
	}
	
	/*** NAVI ***/
	#navi{
		max-width: 760px;
		width: 100% !important;
		margin-top:-5px !important;
	}
		#navi_1{
			float: none;
			margin-bottom: 5px !important;
			max-width: 750px;
			width: 100% !important;
			max-width: 374px;
			font-size:0.6em !important;
			line-height:100%;
			height:20px !important;
	}
	


/*** HEADER ***/
#header{
		max-width: 480px;
		width: 100% !important;
		height: auto !important;
}

.title_left,.title_right{
	float:none !important;
	width:100% !important;
}

#header_title {
    padding-top: 0px !important;
    text-align: center !important;
	float:none !important;
}

#textsize,#header_banner{
	display:none;
	
}

#search_l {
	height:10px !important;
	float:none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 98% !important;
}

.gsc-input-box {
    padding-top: 0px !important;
    padding-bottom: 4px !important;
}

	/*** END HEADER ***/
	

/* フッター部分ヘアクセスカウンターを移動
---------------------------------------------------------------------------*/
	
	#contents{
	overflow:hidden;
	}
	
	
/* レスポンシブルアドセンス
---------------------------------------------------------------------------*/

	.c_center_microad{
    width:300px !important;
	height:250px !important;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}


	#gad_library_338_280{
	position:static !important;
	margin-top:300px;
	margin-bottom:-300px;
	}
	
	#contents_bar_ad,#contents_bar_ad2,#contents_bar_ad3,.left_ad_600,.gad_res_v{
    display:none;
	}
	
	
/* 上部メニュー
---------------------------------------------------------------------------*/

#globalNavi_wrap,.menu-container,#mega-menu.mega-menu{
	background-image: none !important;
	width: 100% !important;
	box-sizing: border-box;
}

.menu-container{
	max-width: 480px;
	width: 100% !important;
	background-image: none !important;
	box-sizing: border-box;
}

.menu-container ul{
	width: 100% !important;
}


.menu-container ul li{
	background-image: none;
	background-color: #83C23F;
	border: 1px solid #FFF !important;
	font-weight: bold;
	width: 50% !important;
	float:left;
	height:45px !important;
	box-sizing: border-box;
}

.menu-container{
	width: 100% !important;
}

.blue ul.mega-menu li a{
	float: left;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	color: #fff;
	text-align: center;
	text-shadow: none;
	text-decoration: none;
	background-image: none;
	width: 100% !important;
	height: 45px !important;
	line-height:45px;
	font-size: 16px !important;
	border-right: none;
}

.blue ul.mega-menu li a .dc-mega-icon {
	display: block;
	background-image: none;
}

.menu-container ul ul,#globalNavi_bottom_wrap{
	display:none !important;
}

.blue ul.mega-menu li.mega-hover a, .blue ul.mega-menu li a:hover {
	color: #FFF;
	text-shadow: none;
	opacity: 0.6 !important;
}

			
/* globalNavi_wrap 修正
---------------------------------------------------------------------------*/
#globalNavi_wrap,.menu-container,.blue,.blue ul,.menu-container.#menu-container{
	background-image: none !important;
	margin: 0;
	padding: 0px;
	width:95% !important;
}

#globalNgavi_wrap{
		max-width: 748px;
		width: 100% !important;
		background-image: none !important;
		font-size:16px !important;
}
	/*** end globalNavi_wrap ***/


	/*** contents ***/

	#top_text_bottom{
		display:none;
	}
	#ranking_frame{
		display:none;
	}
	
	#contents{
		clear: both;
		max-width: 750px;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
		#top_table_kounou{
			max-width: 760px;
			width: 100%;
		}
	/*** end contents ***/
	
	/*** right_contents ***/
	#right_contents{
		width: 100% !important;
		font-size:16px !important;
		margin-bottom:-10px !important;
	}
		#right_contents h4, .sponsor{
			max-width: 630px;
			width: 100% !important;
			text-align: center;
			padding: 4px 0 !important;
		}
		#right_contents ul li{
			width: 100% !important;
		}
		#right_contents ul li a{
			padding-left: 0 !important;
		}

/* 各ハーブメニューサイズ 修正
---------------------------------------------------------------------------*/
		#acc div.acc-content li a{
		font-size: 17px !important;
		text-align: left!important;
		background: url(../image/spn/arrow.png) no-repeat center right 5% !important;
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		padding-left: 10px!important;
		}
		#right_contents li.last_tr{
			width: 100% !important;
		}


/* 各コンテンツメニューサイズ 修正
---------------------------------------------------------------------------*/

		#right_contents ul li a:link{
		width: 96% !important;
		font-size: 17px !important;
		text-align: left!important;
		background: url(../image/spn/arrow.png) no-repeat center right !important;
		padding-top: 12px!important;
		padding-bottom: 12px!important;
		padding-left: 10px!important;
		}
		
		#right_contents h4{
		font-size: 17px !important;
		text-align: left!important;
		background-color:#83C23F!important;
		}
		

/* 左メニュー　修正
---------------------------------------------------------------------------*/
	
		#acc div.acc-content ul{
			width: 100% !important;
		}
		#acc div.acc-content li{
			width: 100%;
			text-align: center;
		}
		#acc div.acc-content li a{
			width: 100%;
			text-align: left;
		}
	/*** END right_contents ***/
	/*** center_contents ***/


/*　コンテンツページの左メニュー　折りたたみ
---------------------------------------------------------------------------*/

＃right_contents h2{
	background: #97B78E url(../image/spn/arrow2.png) no-repeat right;
}


/*　トップイメージ
---------------------------------------------------------------------------*/
.top_photo img{
	width:100%;
	height:auto;
	margin-top:12px;
}

/*　センターコンテンツ 修正
---------------------------------------------------------------------------*/

.blue_1{
	color: #004E9B !important;
}

.blue_1 strong{
 	font-weight: bold !important;
}

	#contents_top{
		display:none;
	}

	#center_contents{
		max-width: 538px;
		width: 100% !important;
		margin-top:12px;
	}

	#center_contents p{
		margin-left:10px;
		margin-right:10px;
	}

#center_contents table,#center_contents table tbody,#center_contents table tr{
	width: 100%;
}

iframe,ins, span iframe{
			max-width: 100%;
}


/*ハーブの歴史下の数字リンク*/

#main_contents ul.history_num li.normal,ul.normal_num li.normal{
	margin-right: 0px !important;
}

#main_contents ul.history_num{
	padding-left:0px !important;
}

#main_contents ul.history_num li,ul.normal_num li{
	width:20px !important;
	margin-right: 12px !important;
}

#main_contents ul.history_num li a,ul.normal_num li a{
}


/*　センターコンテンツ 画像修正
---------------------------------------------------------------------------*/
	
	#center_contents_main p img{
		width:40%;
		height:auto;
	}

	.smp_photo{
		width:40%;
		height:auto;
	}


#main_contents img{
	width:40%;
}

.w_100{
	width:100% !important;
	height:auto;
}

#main_contents img.w_80{
	width:80% !important;
	height:auto;
}
	
	#center_contents h4,.check_title{
		margin-left:10px;
	}
	
	.blue_2{
		margin-bottom:0px !important;
		padding-bottom:0px !important;
	}
	
.font_red_b2{
	font-size:0.9em !important;
}
	/*** end center_contents ***/
	
	
	/*** right_contents ***/
	#right_contents{
		float: left !important;
		clear: both;
		max-width: 747px;
		width: 100% !important;
		padding-left: 0 !important;
	}

.recommend_side{
	display:none;
}

		.free_download{
			width: 49.8%;
			font-size:17px;
			float:left;
		}
		
		.free_download a img{
			width: 100% !important;
		}
		.right_pdf_download{
			margin: 0 6% !important;
			max-width: 480px;
			width: 82%;
			font-size:16px !important;
		}
		#home_bottom_contents{
			max-width: 760px;
			width: 100% !important;
		}
	/*** end right_contents ***/
	/*** FOOTER TOP ***/
	#footer_tops{
	width:100% !important;
	}
	
	/*** END FOOTER TOP ***/
	/*** TOP NEWS ***/
	#top_news{
		width:100% !important;
	}
	
	#top_news h4 img{
		width:auto !important;
	}
	.news_kotira{
		font-size:0.8em;
	}
	#top_news table{
		width:100% !important;
	}
		.gfc-result .gf-title{
			margin-bottom: 10px;
		}
	/*** END TOP NEWS ***/
	/*** .footer_sitemap_box ***/
	#footer_sitemap_wrap{
		display:none
	}
	/*** end .footer_sitemap_box ***/
	#btn_fixed{
		display: none !important;
	}
	#page-top{
	z-index: 0;
	}
	
/* メインコンテンツ内写真
------------------------------------------------------------ */

.contents_photo{
	margin-left:10px;
	margin-right:10px;
}

.contents_photo_l,.contents_photo_r{
	float:none;
	width:100% !important;
	margin-bottom:10px;
}

.contents_photo img{
	height:auto;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* ライブラリ左右マージン削除
---------------------------------------------------------------------------*/
	
	#photos,#tokutyou,#sodatekata {
			max-width: 520px;
			width: 100% !important;
			padding-left:2px !important;
			padding-right:2px !important;
			margin-left:auto;
			margin-right:auto;
	}

	#photos h3, #tokutyou h3, #sodatekata h3{
			width: 97% !important;
			margin-left:auto !important;
			margin-right:auto !important;
		}
	
	#tokutyou img,#sodatekata2 img,.sodatekata_img{
		width:40% ;
		height:auto;
	}

	#sodatekata img.sodatekata_table {
			width:94%;
			height:auto;
			display:block;
			margin-left:auto !important;
			margin-right:auto !important;
	}

/* ハーブとアロマのお店　おすすめ商品
---------------------------------------------------------------------------*/

.category_pickup{
	margin-top:12px !important;
	margin-bottom:12px !important;
	padding-right: 3px !important;
	padding-left: 3px !important;
}

.category_pickup_title{
	margin-right: 3px !important;
	margin-left: 3px !important;
}

.category_pickup iframe{
	height:120px !important;
	padding: 0px !important;
}

.br:before{
	content:"\A" !important;
	white-space:pre !important;
}


/* コンパニオンプランツ_テーブル
------------------------------------------------------------ */

.table_scroll{
	width:100%;
  display: block !important;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.table_scroll::-webkit-scrollbar{
height: 5px;
}

.table_scroll::-webkit-scrollbar-thumb {
/* スクロールバーのツマミの色 */
background: #C2C2C2;
}

.table_scroll th,.table_scroll td {
	display:table-cell;
}

.sp_th_n{
	display:none !important;
}


/* 追加分 
---------------------------------------------------------------------------*/

#right_ad,.flexslider,.sponsor,#bottom_ad,#footer_tops_right,.left_ad_600_library{
	display:none;
}

.siryou_t{
	text-align:left !important;
}


#footer_tops_left{
	width:100% !important;
}


#footer{
	font-size:0.8em !important;
}

#top_access img{
	width:auto !important;
	height:auto !important;

}

.img_clr{
	width:auto !important;
	height:auto !important;
}

ul.normal_num{
		display:none;
}

.uni{
		display:none;
}

.library_contents{
	margin-top:35px;
}

/* ＳＮＳ
---------------------------------------------------------------------------*/

ul.social-button li {
    width:50% !important;
}


/* 精油写真レイヤー
---------------------------------------------------------------------------*/
.seiyu_1{
	margin-bottom:50px !important;
}

#layar_1,#layar_2{
	position: static !important;
	height: 180px !important;
	width: 200px !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

#layar_1 img,#layar_2 img{
	height: 180px !important;
	width: 200px !important;
}

#image_normal img{
	width:auto !important;
	height:auto !important;
}

/* 追加分_ナビゲーションメニュー 
---------------------------------------------------------------------------*/

#globalNavi_wrap ul ul li{
	display:none;
}


/* 追加分_ハーブメニュー 
---------------------------------------------------------------------------*/

/* ハーブの種類と育て方（アコーディオンメニュー） */

#side_library_title{
			display:none;
		}

#acc li{
			width: 100% !important;
		}
			
#acc {
	margin: 0;
	padding: 0;
}
#acc li{
	width:200px;
	margin:0;
	padding:0;
	border:none;
}
#acc h3{
	width: 100% !important;
	margin:0;
	padding:10px 0 !important;
	background:none;
	border:none;
	border-bottom:1px solid #CCCCCC;
	background: url(../image/liblary_navi_right.gif) no-repeat center right;
}
#acc h3 img{
	vertical-align:middle;
}
#acc h3.selected{
	background: url(../image/liblary_navi_down.gif) no-repeat center right;
}
#acc h3:hover {
	background:#E6FFE6 url(../image/liblary_navi_down.gif) no-repeat center right;
	filter: alpha(opacity=85);
	opacity:0.85;
	-moz-opacity:0.85;
	-ms-filter: "alpha(opacity=85)";
}
#acc .acc-content{
	padding:0;
	margin:0;
	padding:0;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CBCBCB;
}
#acc div.acc-content li a{
	height:auto;
	font-size:14px;
	line-height:1.6;
	margin:0;
	padding:4px;
	background-color:#FFFFFF;
	font-weight:normal;
}
#acc div.acc-content li a:hover{
	background-color:#E6FFE6;
}

#acc .acc-section {overflow:hidden;
}



/*ページトップへスクロール
---------------------------------------------------------------------------*/

#page-top {
	right: 1% !important;
	bottom:-2px !important;
	z-index:9999 !important;
}

/* ライブラリページ　ハーブインフォ
---------------------------------------------------------------------------*/

#library_herb{
	margin-left:auto;
	margin-right:auto;
}

#library_herb_right{
		float: none !important;
}

#library_herb_left{
		float: none !important;
		width:100% !important;
}

#library_herb_left td:first-child{
		width:80px;
}

#library_herb_bottom{
		margin-top:80px;
}

ul.photo {
	margin-bottom:30px !important;
	margin-left: auto !important;
    margin-right: auto !important;
}

.photo {
	width:272px !important;
}


#library_herb_right {
	width: 100% !important;
}

#photos h3{
	font-size:0.8em !important;

}


/* アドセンスを上部に移動
---------------------------------------------------------------------------*/

#sitemap_list ul li{
margin-left:0px !important;
}



/* ハーブ日記
------------------------------------------------------------ */

.diary-list{
	width:100% !important;
}

.diary-list img{
	width:80% !important;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.diary-list h4{
	margin-top:10px !important;
	font-size:18px !important;
}

.diary-list p{
	font-size:16px !important;
}

#diary img{
	width:100% ;
	height:auto ;
}

.mkj ol {
  font-size:16px;
}


.diary-list img {
    float: inherit !important;
    width: 100% !important;
}


/* -- アフィリフレックスボックス ------------------------------------------------------------ */

.flex_box img{
    max-width: 100px !important;
    height: auto;
}

.flex-r{
	font-size: 0.7em;
    line-height: 150%;
}

.flex-r a{
	font-size: 1.3em;
}

/* 一言メッセージ
---------------------------------------------------------------------------*/

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

#commentv{
	max-width:300px !important;
}
}

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

#commentv{
	max-width:360px;
}
}

/* -- コンテンツの広告バナー ------------------------------------------------------------ */

.contents_top_banner{
    height: 125px !important;
	margin-top: 10px;
}

/* ページ内ランキング
---------------------------------------------------------------------------*/

#page_rank{
	clear:both;
}

/* スマホハンバーガーボタン
---------------------------------------------------------------------------*/

#mobile-header {
    display: block !important;
	text-align:left;
	padding-left:6px;
	padding-top:12px;
	padding-bottom:3px;
	background-color:#92C65E;
}
#mobile-header a {
    width:100%;
	height:auto;
	display:block;
	font-weight: bold;
	color:#FFF;
}


#humberger {
  position: relative;
  height: 24px;
  width: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div {
  position: absolute;
  left: 0;
  height: 4px;
  width: 24px;
  background-color: #FFF;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  top: 0;
}
#humberger div:nth-of-type(2) {
  top: 10px;
}
#humberger div:nth-of-type(3) {
  bottom: 0;
}

a#responsive-menu-button{
	text-decoration:none;
	font-size:20px;
}

.smp_top_menu{
	padding-left:6px;}


}

@media only screen and (max-width: 640px){
	/*** HEADER ***/
	#globalNavi_wrap{
		max-width: 620px;
	}
	.sf-menu ul{
		max-width: 620px;
		width: 100% !important;
	}
		ul#globalNavi li#globalNavi_1 a, ul#globalNavi li#globalNavi_2 a, ul#globalNavi li#globalNavi_3 a,
		ul#globalNavi li#globalNavi_4 a, ul#globalNavi li#globalNavi_5 a, ul#globalNavi li#globalNavi_6 a,
		ul#globalNavi li#globalNavi_7 a, ul#globalNavi li#globalNavi_8 a{
			max-width: 620px;
		}
	#globalNavi_bottom_left, #globalNavi_bottom_right{
		float: none !important;
		margin: 0 auto !important;
	}
	/*** END HEADER ***/
	/*** LEFT CONTENTS ***/
	#right_contents{
		max-width: 100%;
	}
		#right_contents ul{
			max-width: 100%;
		}
		#acc div.acc-content li a{
			text-align: center;
		}
	/*** END LEFT CONTENTS ***/
	/*** center_contents ***/
	#center_contents{
		clear: both;
		float: none;
		max-width: 630px;
		margin-left: 0 !important;
	}
		#photos, #tokutyou, #sodatekata{
			max-width: 93%;
		}
		
	/*** END center_contents ***/
	#bottom_ad span iframe{
		max-width: 635px;
		width: 100%;
	}
	.free_download{
		width: 50%;
	}
	.right_pdf_download{
		width: 83%;
	}
	#footer_tops_left{
		margin: 0 !important;
		max-width: 623px;
	}
	.footer_sitemap_box{
   		 width: 16.8% !important;
	}
}

@media only screen and (max-width: 480px){
	ul#globalNavi li{
		max-width: 99.5%;
	}
	/*** HEADER ***/
	#navi_1{
		max-width: 98.8%;
	}
	#header_banner img{
		margin: 0 !important;
	}
	/*** END HEADER ***/
	/*** center_contents ***/
	#center_contents{
		clear: both;
		float: none;
		max-width: 480px;
	    margin-left: 0px !important;
	}

		#top_table_kounou{
			max-width: 460px;
			width: 100%;
		}
		#top_access{
			max-width: 460px;
			width: 90%;
		}
		.history_num{
			max-width: 100%;
			padding-left: 50px !important;
		}
	/*** END center_contents ***/
	#globalNavi_bottom_left li{
		padding-right: 1px !important;
	}
	.right_pdf_download{
		margin: 0 5% !important;
	}
	#footer_tops_left{
		max-width: 454px;
	}
	.top_title img{
		max-width: 259px;
		width: 100%;
	}
	#top_news h4.top_title span{
		margin-top: 17px;
	}
	.footer_sitemap_box{
   		margin: 10px 0 10px 67px;
    	width: 33% !important;
	}
}

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

	ul#globalNavi li{
		max-width: 99.5% !important;
	}
	#globalNavi_bottom_left{
		max-width: 119px;
	}

	#center_contents{
		max-width: 320px;
	}
	#center_contents table tbody tr td{
		max-width: 100%;
	}
	#center_contents table tbody tr td div img{
		width: 100% !important;
	}
	#main_contents ul.history_num li, ul.normal_num li{
		margin: 0 4px !important;
	}
	#main_contents ul.history_num li.normal, ul.normal_num li.normal{
		padding: 3px 2px !important;
		margin:  -4px 4px !important;
	}
	#main_contents ul.history_num li a, ul.normal_num li a{
		padding: 5px 2px !important;
	}
	.history_num{
		padding-left: 0 !important;
	}
	#contents_bar_ad2{
		max-width: 320px;
		width: 100% !important;
	}

	#right_contents{
		max-width: 320px;
	}
	.free_download {
		margin: 0 3px;
		width: 48%;
	}
	p.free_download a img{
		max-width: 180px;
		width: 100%;
	}
	.right_pdf_download{
		margin: 0 4% !important;
		width: 80%;
	}
	#footer_tops_left{
		max-width: 310px;
	}
	.top_title img{
		max-width: 400px;
		width: 100%;
	}
	#top_news h4.top_title span{
		margin: 0;
		text-align: center;
		float: none;
	}
	#footer{
		max-width: 320px;
		width: 100% !important;
	}
	.footer_sitemap_box{
   		margin: 10px 0 10px 14px;
    	width: 45% !important;
	}
}