@charset "UTF-8";

/*top.css
-----------------------------------------*/

.container_top{
	max-width: 950px;
	margin: 0 auto;
	background-color: #29322d;
}

.info_title {
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#aa8034;
}

#info {
	max-width:580px;
	margin-right:8px;
	float:left;
}

/*.info{
	width:560px;
	margin-top:5px;
	padding-bottom:2px;
	overflow:hidden;
}*/

#info ul li.post {
	padding:1% 0;
	font-size:0px;
}
#info ul.post-categories {
	display:inline-block;
}

#info ul.post-categories li {
	background-color:#aa8034;
	padding:1px 0;
	display:inline-block;
	width:78px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	box-sizing: border-box;
	margin-right: 8px;
}

#info ul.post-categories li a {
	color:#29322d;
}
#info .news_title {
	font-size:12px;
}


#contents {position: relative;}
#banner{
	width:280px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	font-size: 0;
}
#banner li {
	display: inline-block;
	font-size: 10px;
	line-height: 1.4;
	vertical-align: top;
	letter-spacing: 2px;
	text-align: center;
}
#banner li:first-child {
	margin-right: 16px;
}
#banner li a {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
}

/*#banner li a:hover {
  background-position: 0 bottom;
}*/
.box01 a {
  background: url(../images/top/con_webshop.gif) no-repeat 0 0;
}
.box02 a {
  background: url(../images/top/con_shokkidana.gif) no-repeat 0 0;
}
.box03 a {
  background: url(../images/top/con_twitter.gif) no-repeat 0 0;
}
.box04 a {
  background: url(../images/top/con_envelope.gif) no-repeat 0 0;
}


/*Link*/

a:link {
	text-decoration: none;
	color: #cbcfcd;
}
  
a:visited {
	color:#cbcfcd;
	text-decoration:underline;
}

.linkWH{
	font-size:12px;
}

.linkWH a:link{
	color:#cbcfcd;
	text-decoration:underline;
}

#footer p {
	padding-right:0;
}


ul.news_book {
	margin-right:12px;
}

@media only screen and (max-width: 900px) {
	#banner {
		right: 16px;
	}
}
/* スマホ */
@media only screen and (max-width: 860px) {
	#info {
		float: none;
	}
	#banner {
		position: relative;
		text-align: center;
		bottom: unset;
		right: unset;
		width: 100%;
		margin-top: 48px;
	}
}
@media only screen and (max-width: 640px) {
	#info ul li.post {
		padding-bottom: 2%;
	}
	#info ul.post-categories {
		display: block;
	}
	#info ul.post-categories li {
	}
	#info .news_title {
		display: block;
	}
	#banner li span {display: block;}
}