@charset "UTF-8";

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;}
body {
	line-height: 0;}
img {
	vertical-align: bottom;}


/* font size ---
[font-size List]
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

/* font-size class
========================================== */
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:189%; }
.font26 { font-size:197%; }


/* Webfont
========================================== */
@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('../font/librebaskerville-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
         url('../font/librebaskerville-regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('../font/librebaskerville-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg'); /* Legacy iOS */}

/*default
========================================== */
body{
	font:13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	*font-size:small;
	*font:x-small;
	line-height: 1.7;
	color: #d9d9d9;
	background: #060004;}
a {
	color: #d9d9d9;
	text-decoration: underline;}
a:hover {
	color: #fff;
	text-decoration: none;}
ul li{
	list-style-type: none;}
#container {
	margin: 0 auto;
	width: 765px;}


/* header
========================================== */
.logo {
	text-align: center;
	margin-top: 20px;}
/* nav */
#nav {
	margin-top: 20px;
	position:relative;
	overflow: hidden;
}
#nav ul {
	position:relative;
	left: 50%;
	float: left;
	margin-left: -25px;}
#nav ul li {
	position:relative;
	left: -50%;
	float: left;
	margin-left: 50px;
	font-family: 'libre_baskervilleregular';}
#nav ul li a {
	text-decoration: none;}
#nav ul li a:hover {
	color: #808080;
	text-decoration: none;}

/*ページごとnav設定
========================================== */
body.page-id-2 #nav ul li.nav03  {
	border-bottom: #a7925e 2px solid;}
body.page-id-34 #nav ul li.nav04  {
	border-bottom: #a7925e 2px solid;}

#nav ul li.active {
	border-bottom: #a7925e 2px solid;
}
#nav ul li.active a:hover {
	color: #808080;
	text-decoration: none;}

/* main
========================================== */
#main {
	margin-top: 40px;}

/*** set the width and height to match your images **/
/*
#slideshow {
    position:relative;
    height:430px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
*/

#contents {
	overflow: hidden;
	margin-top: 15px;}
	
/* ResponsiveSlides */
#slides {
	height: 430px;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* HAMATOLA! */
#hamatola_left {
	float: left;
	width: 390px;
	margin-bottom: 30px;}
#hamatola_right {
	float: right;
	display: block;
	width: 310px;
	margin-bottom: 40px;}
#caution {
	clear: both;
	padding-top: 30px;
	border-top: #808080 1px solid}
	
/* collections gallery一覧 */
#marginclear {
	margin-right: -15px;}
p.itemtitle {
	margin: 15px 5px 0;
	font-family: 'libre_baskervilleregular';
	line-height: 2;}
	
/* single-collections */
.collections_img {
	float: left;
	width: 375px;}
.imgthumb {
	margin-top: 15px;
	overflow: hidden;}
.imgthumb ul {
	margin-left: -15px;}
.imgthumb ul li {
	float: left;
	margin-left: 15px;}
.collections_detail {
	float: right;
	width: 375px;}
.itemname {
	font-family: 'libre_baskervilleregular';
	padding-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;}
p.itemdiscription {
	margin-top: 30px;}
table.itemspec {
	margin-top: 30px;
	width: 375px;
	border-collapse: collapse;}
table.itemspec tr {
	border-bottom: #808080 1px solid;}
table.itemspec th {
	width: 65px;
	padding: 7px 0 7px 5px;
	text-align: left;}
table.itemspec td {
	width: 305px;
	padding: 7px 0;
	text-align: left;}
.tax {
	padding-left: 7px;
	font-size: 8px;}
.sns_button {
	margin-top: 20px;
	overflow: hidden;}
.sns_button iframe {
	float: left;
	margin-right: 20px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* sidebar
========================================== */


/* breadcrumbs
========================================== */
#breadcrumbs p {
	font-family: 'libre_baskervilleregular';}
#breadcrumbs a {
	text-decoration: underline;
}

/* Contact
========================================== */
dl#hamatola_contactform dd {
	margin-bottom: 15px;
}
.required {
	color: #a7925e;
	margin-left: 5px;
}
dl#hamatola_contactform dd.formsubmit {
	padding-top: 10px;
}

/*footer
========================================== */
#footer {
	margin-top: 50px;}
address {
	font-style: normal;
	text-align: center;
	color: #808080;
	font-family: 'libre_baskervilleregular';}