@charset "utf-8";
/* CSS Document */


/* RESET 
-------------------------
リセット設定
-------------------------
*/

a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-size: 1em; 
	vertical-align: baseline; 
	white-space: normal;
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block; 
}

ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }

img {
  vertical-align: top;
}


/* Basic 
-------------------------
基本設定
-------------------------
*/

body {
	background: #fff;
}
/*body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}*/

* {
font-family: "ヒラギノ丸ゴ Pro", Arial, Meiryo, Hiragino Maru Gothic Pro, verdana, 'Trebuchet MS', Helvetica, sans-serif;
}



body, input, select, textarea {
	color: #a2a2a2;
	font-family: 'Cardo', ヒラギノ丸ゴ Pro ,Arial, Meiryo, Hiragino Maru Gothic Pro, verdana, 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: 400;
	line-height: 1.75em;
}

a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	color: #787878;
	text-decoration: none;
}
a:hover {
	border-bottom-color: transparent;
	color: #C98861;
	text-decoration: none;
}
strong, b {
	color: #787878;
	font-weight: 400;
}
em, i {
	font-style: italic;
}
p {
	margin: 0 0 0.5em 0;
	color: #666666;
	font-size: 0.65em;
	line-height:1.8;
}
h1, h2, h3, h4, h5, h6 {
	color: #C98861;
	font-weight: 100;
	line-height: 1em;
	margin: 0 0 1em 0;
	font-family: 'Old Standard TT','Cardo', ヒラギノ丸ゴ Pro ,Arial, Meiryo, Hiragino Maru Gothic Pro, verdana, 'Trebuchet MS', Helvetica, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}


/*-----------------------------------------------

leftnav

-------------------------------------------------*/
#leftnav {
	float: left;
	width: 160px;
}

#leftnav ul.bnr-group{
	  margin: 0 0 20%;
	padding:0;
}

#leftnav ul.bnr-group li{
	width:160px;
	margin-bottom:10px;
}
#leftnav ul.bnr-group li a img{
width:100%;
}

#leftnav ul.bnr-group li p{
font-size:0.6em;
margin-top:5px;
}



#leftnav h3{
  font-size: 1.0em;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 5%;
  color: #3F1F00;
  margin: 0 0 0.3em 0;
  text-align: center;
}
.s_ttl {
  padding: 5px 20px;
  background-color: #FFF;
}

#leftnav .cat-li, .like_button, #leftnav .banner {
margin-bottom: 10px;
}
#leftnav h4{
	  margin: 15px 0 0;
}
#leftnav h4 a{
    display: block;
    width: 156px;
    height: 40px;
	border: 2px solid #3F1F00;
	color: #3F1F00;
	text-align: center;
	line-height: 36px;
	letter-spacing: 0.08em;
	font-size: 16px;
}
#leftnav h4 a:hover {
    background: #3F1F00;
	color: white;
}
#leftnav ul.cat-li li{
  background:#FFF url(../images/line.jpg) no-repeat bottom left;
  font-size: 11px;

}
#leftnav ul.cat-li li:last-child{
 background:none;
}

#leftnav ul.cat-li li a {
position: relative;
display: block;
height: 40px;
padding: 0 10px 0 10px;
line-height: 40px;
}
#leftnav ul.cat-li li a:hover {
color:#000000;
background: #f6f6f6 url(../images/line.jpg) no-repeat bottom left;
}
#leftnav ul.cat-li li:last-child a:hover{
  background-image: none;
}