@charset "utf8";
/*---------------------
 body
--------------------- */
body *{box-sizing:border-box;}
body{
	background-image:url(../img/bg/forest.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	width:100%;
}
#wrap{width:1000px;background-color:#fff;margin:0 auto;}
#main,#right{overflow:hidden;}
header{
	width:100%;background-color:#69821b;margin:0 auto;
	background-image:url(img/bg/ttl.jpg);
	padding-left:8px;
	position:relative;
}
header div#logo{
	border-radius: 0 0 12px 12px;
	position:absolute;
	right:10px;
	top:0;
	font-size:18px;font-size:1.8rem;font-family:"M PLUS Rounded 1c";font-weight:500;
	background:rgba(105,130,27,0.8);
	padding:0.25em 0.75em 0.35em 0.75em;
	/*background-image:url(img/icn_leaf.png);
	background-repeat:no-repeat;z-index:10;*/
	
}
header div#logo a{text-decoration:none;color:#fff;}
#line_menu{
	background-image:url(img/bg/ttl.jpg);
}
#line_menu ul{background-color:#826045;opacity:0.8;}
#line_menu ul li{
	float: left;
	width:190px;
	border:solid 1px #fff;
	margin:5px;
	padding:7px;
}
#line_menu ul li a{width:100%;display:block;text-align:center;font-size:16px;color:#fff;text-decoration:none;}
#slide{width:1000px;height:auto;margin-bottom:30px;/*background-color:#000;*/}
#sch_box{width:100%;padding:15px;}
#main{min-width:640px;margin-left:20px;background-color:#fff;float:left;}#main hr{box-sizing:content-box;}
img.p_img{display:block;float:right;margin:10px auto;}
img.p_img:after{content:"●";display:block;clear:both;font-size:10px;}


/*----*/
h1{font-size:40px;font-size:4rem;font-family:"M PLUS Rounded 1c";font-weight:500;
padding:20px 20px 20px 110px;
background:url(img/icn.png) no-repeat left center;
	text-shadow: 
	0 0 2px #543f32, /*水平 垂直 ぼかしの半径 色*/
	0 0 2px #543f32,
	0 0 2px #543f32, /*水平 垂直 ぼかしの半径 色*/
	0 0 2px #543f32,
	0 0 2px #543f32, /*水平 垂直 ぼかしの半径 色*/
	0 0 2px #543f32,
	0 0 2px #543f32
}
h1 span{font-size:24px;font-size:2.4rem;display:block;padding-bottom:0.5em;}
h1 a{color:#fff;text-decoration:none;}
section h3{
	font-size:20px;font-size:2rem;color:#543f32;
/*	border-bottom:dashed 1px #543f32;*/
	line-height:2.0;
	margin-bottom:10px;
}
section{color:#583822;
	padding:10px 20px;
	/*background-image:url(img/bg/bg_ami.jpg);夏用*/
	background-image:url(img/bg/bg_lg.png);/*春の新緑の季節*/
	position:relative;
	margin-bottom:30px;
	border-radius:10px;
}
section dl *{line-height:1.5;}
section dt {font-size:14px;font-size:1.4rem; color:#999;}
section dd {font-size:16px;font-size:1.6rem; margin-bottom:0.5em;width:400px;}
section dd.w600{width:600px;}
section dt:before{content:"●";}
/*div.jyusyu{position:absolute;right:20px;top:10px;}*/
div.jyusyu dt{padding-bottom:5px;}

div.jyusyu img{display:inline-block;margin-right:8px;}
div.jyusyu img:last-child{margin-right:0;}
div.shops dt{padding-bottom:5px;}
img.p_img{width:163px;}
img.p_img_sp{width:99%;}
/*------------------
　ショップ
------------------*/
div.shops > dd > div > a{
	width:100px;height:40px;display:block;
	text-decoration:none;
}
div.shops > dd > div > img{float:right;}
div.shops > dd {padding-left:0px;}
.btn_tosaco a{background-image:url(img/btn/tosaco.png);background-repeat:no-repeat;} .btn_tosaco a:hover{background-image:url(img/btn/tosaco_on.png);background-repeat:no-repeat;} .btn_ecodepa a{background-image:url(img/btn/ecodepa.png);background-repeat:no-repeat;} .btn_ecodepa a:hover{background-image:url(img/btn/ecodepa_on.png);background-repeat:no-repeat;} .btn_taka a{background-image:url(img/btn/taka.png);background-repeat:no-repeat;} .btn_taka a:hover{background-image:url(img/btn/taka_on.png);background-repeat:no-repeat;} .btn_oak a{background-image:url(img/btn/oak.png);background-repeat:no-repeat;} .btn_oak a:hover{background-image:url(img/btn/oak_on.png);background-repeat:no-repeat;} .btn_kisoji a{background-image:url(img/btn/kisoji.png);background-repeat:no-repeat;} .btn_kisoji a:hover{background-image:url(img/btn/kisoji_on.png);background-repeat:no-repeat;} .btn_rakuten a{background-image:url(img/btn/rakuten.png);background-repeat:no-repeat;} .btn_rakuten a:hover{background-image:url(img/btn/rakuten_on.png);background-repeat:no-repeat;} .btn_yahoo a{background-image:url(img/btn/yahoo.png);background-repeat:no-repeat;} .btn_yahoo a:hover{background-image:url(img/btn/yahoo_on.png);background-repeat:no-repeat;} .btn_toyhof a{background-image:url(img/btn/toyhof.png);background-repeat:no-repeat;} .btn_toyhof a:hover{background-image:url(img/btn/toyhof_on.png);background-repeat:no-repeat;} .btn_amazon a{background-image:url(img/btn/amazon.png);background-repeat:no-repeat;} .btn_amazon a:hover{background-image:url(img/btn/amazon_on.png);background-repeat:no-repeat;} .btn_kino a{background-image:url(img/btn/kino.png);background-repeat:no-repeat;} .btn_kino a:hover{background-image:url(img/btn/kino_on.png);background-repeat:no-repeat;} .btn_ehon a{background-image:url(img/btn/ehon.png);background-repeat:no-repeat;} .btn_ehon a:hover{background-image:url(img/btn/ehon_on.png);background-repeat:no-repeat;} .btn_popuri a{background-image:url(img/btn/popuri.png);background-repeat:no-repeat;} .btn_popuri a:hover{background-image:url(img/btn/popuri_on.png);background-repeat:no-repeat;} .btn_xyl a{background-image:url(img/btn/xyl.png);background-repeat:no-repeat;} .btn_xyl a:hover{background-image:url(img/btn/xyl_on.png);background-repeat:no-repeat;} .btn_okaya a{background-image:url(img/btn/okaya.png);background-repeat:no-repeat;} .btn_okaya a:hover{background-image:url(img/btn/okaya_on.png);background-repeat:no-repeat;} .btn_take a{background-image:url(img/btn/take.png);background-repeat:no-repeat;} .btn_take a:hover{background-image:url(img/btn/take_on.png);background-repeat:no-repeat;} .btn_takahashi a{background-image:url(img/btn/takahashi.png);background-repeat:no-repeat;} .btn_takahashi a:hover{background-image:url(img/btn/takahashi_on.png);background-repeat:no-repeat;} .btn_online a{background-image:url(img/btn/online.png);background-repeat:no-repeat;} .btn_online a:hover{background-image:url(img/btn/online_on.png);background-repeat:no-repeat;} div.shops{overflow:hidden;}
div.shops dd{width:100%;}
div.shops dd div {float:left;margin-right:8px;margin-bottom:16px;}
div.shops dd div:last-child{margin-right:0;}
div.shops dd div a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.bookshop div img{visibilty:hidden!important;margin:0px!important;}
.btn_amazon img{float:left!important;}/*これがないとIEでレイアウトが乱れる*/


/*---------------------
　Side_tree共通
---------------------*/

div.side_tree div.top{
background-repeat:no-repeat;
	height:56px;
}
/*---------------------
　JP と　Side_Brand
---------------------*/
div.side_tree div.top#jpn{
	background:url(img/side/tree/waku/top_jpn.png) no-repeat;
}

div.side_tree div.top#shimanto{
	background:url(img/side/tree/waku/top_shimanto.png) no-repeat;
}
div.side_tree div.top#chizu_sugi{
	background:url(img/side/tree/waku/top_chizu_sugi.png) no-repeat;
}
/*---------------------
　Side_tree
---------------------*/
div.side_tree{
	width:300px;
	height:auto;
margin:0px auto 18px auto;
}
div.side_tree div.top#kaede {background-image:url(img/side/tree/waku/top_kaede.png);} div.side_tree div.top#sakura {background-image:url(img/side/tree/waku/top_sakura.png);} div.side_tree div.top#kaba {background-image:url(img/side/tree/waku/top_kaba.png);} div.side_tree div.top#hinoki {background-image:url(img/side/tree/waku/top_hinoki.png);} div.side_tree div.top#keyaki {background-image:url(img/side/tree/waku/top_keyaki.png);} div.side_tree div.top#buna {background-image:url(img/side/tree/waku/top_buna.png);} div.side_tree div.top#nara {background-image:url(img/side/tree/waku/top_nara.png);} div.side_tree div.top#kusu {background-image:url(img/side/tree/waku/top_kusu.png);} div.side_tree div.top#tochi {background-image:url(img/side/tree/waku/top_tochi.png);} 
div.side_tree div.mid{
	background:url(img/side/tree/waku/mid.png) repeat-y;
}
div.side_tree div.mid h3{
	color:#6c8539;
	margin:0 10px;
	font-size:16x;
	line-height:28px;
}

div.side_tree div.mid p{
	color:#938565;
	margin:0px 10px 0 10px;
	padding-top:5px;
	font-size:14px;
	line-height:24px;
}
div.side_tree div.btm{
	background:url(img/side/tree/waku/btm.png) no-repeat;
	height:10px;
}


#sch_box input[type="text"] {
    width: 240px;
    height: 38px;
    padding: 10px;
    border-radius: 0;
    -webkit-appearance: none;
}
#sch_box input[type="submit"]{
    width: 60px;
    height: 38px;
    font-weight: bold;
    color: #444;
    border: none;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
}
#sch_box div{line-height:2.0;font-size:14px;font-size:1.4rem;}

#right{min-width:300px;margin-left:25px;float:left;}
footer{font-size:16px;font-size:1.6rem;	text-align:center;
	width:100%;
	padding:0.5em;
	margin:0 auto;
	color:#fff;
	line-height:1.8;
	background-image:url(img/bg/enjyu_bar.jpg);
}
footer a{text-decoration:none;color:#fff;}

/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:767px){/*768(＝ipad)はPC表示*/
	#slide,#wrap,#main,#right{width:100%;min-width:100%;}
	h1{
		font-size:28px;font-size:2.8rem;		background-size:45px 45px;
		padding:16px 0px 16px 57px;
	} 
	h1 span{font-size:20px;font-size:2rem;}
	header div#logo{font-size:12px;font-size:1.2rem;right:3px;}
	section{width:96%;margin:10px auto;border-radius:8px;}
	section dd,section dd.w600{width:100%;}
	#line_menu ul li{
		width:171px;
		margin:5px;
		padding:8px 0;
	}
	img.p_img{
		float:none;
	}

#main,#right{width:100%;margin-left:0;}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:414px){
	#line_menu ul li{width:197px;}
	h1{font-size:24px;font-size:2.4rem;;} h1 span{font-size:18px;font-size:1.8rem;}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:375px){
	h1{background-image:none;padding-left:0;}
	#line_menu ul li{
		width:177px;
	}
}
/*--------------------- メディアクエリ ------------------------*/
@media screen and (max-width:320px){
	h1{
		font-size:20px;font-size:2rem;		padding:14px 0px 14px 0px;
	} 
	h1 span{font-size:14px;font-size:1.4rem;}
	#line_menu ul li{
		width:97%;
	}
}