/*
Theme Name: Pebble Ceramic Design Studio 3
Theme URI: https://pebble-st.com
Version: 3.0
*/

/* 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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1; outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: normal;}
img { vertical-align: bottom; border: none; max-width: none; }
a img { border: none; }
a { color: #121212; text-decoration: underline; outline: none; }
a:hover{ color: #666666; text-decoration: none; }
a:hover.transparent img { opacity:0.75; }

::-moz-selection { background:#efefef; color:#010101; }
::selection { background:#efefef; color:#010101; }

.clearfix{ display:block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix:after { display: block; clear: both; height: 0; }

.centered { position: relative; overflow: hidden; }
.centered ul { position: relative; left: 50%; float: left; }
.centered ul li { position: relative; left: -50%; float: left; }


/* common
---------------------------------------------------------------------------*/
body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}
body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

.font-gothic {
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

header {
	width: 1000px;
	margin: 70px auto 40px;
	text-align: left;
}

header h1 {
	width: 300px;
	float: left;
	display: inline;
	margin-left: 20px;
}

header nav#gNavi { margin-top: 30px; }

header nav#gNavi ul {
	font-family: 'Adobe Garamond Pro', 'Garamond Premier Pro', 'EB Garamond', serif;
	width: 620px;
	float: right;
	display: inline;
	margin-top: 11px;
}

header nav#gNavi ul li {
	float: left;
	margin-left: 18px;
	letter-spacing: 0.04em;
	font-size: 17px;
	color: #aaaaaa;
}

header nav#gNavi ul li a {
	color: #121212;
	text-decoration: none;
}

header nav#gNavi ul li:first-child {
	margin-left: 0;
}

/*-------------------------------------*/
div#slider {
	margin-bottom: 70px;
	position: relative;
	left: -20px;
}

/*-------------------------------------*/
#mainContents {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*-------------------------------------*/
footer {
	width: 1020px;
	margin: 140px auto 30px;
	padding: 0 0 25px;
	border-bottom: 1px solid #121212;
	position: relative;
}

.fb-like {
	position: absolute;
	top: 0;
	left: 29px;
}

footer p#fLogo {
	width: 300px;
	float: left;
	display: inline;
	margin-left: 30px;
	position: absolute;
	top: 53px;
}

footer nav#fNavi { margin: 30px 20px 0 0; }

footer nav#fNavi ul {
	font-family: 'Adobe Garamond Pro', 'Garamond Premier Pro', 'EB Garamond', serif;
	width: 610px;
	float: right;
	display: inline;
}

footer nav#fNavi ul li {
	float: left;
	margin-left: 21px;
	font-size: 16px;
	letter-spacing: 0.04em;
	color: #aaaaaa;
	font-style: normal;
}

footer nav#fNavi ul li a {
	color: #121212;
	text-decoration: none;
}

footer nav#fNavi ul li:first-child {
	margin-left: 0;
}

small{
	font-size: 12px;
	font-family: 'Vollkorn', serif;
	color: #121212;
	text-align: center;
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 50px;
}

/*-------------------------------------*/
body#concept nav#gNavi ul li#gNavi1 a,
body#concept nav#fNavi ul li#fNavi1 a {
	padding-bottom: 2px;
	border-bottom: 1px solid #121212;
}

body#retailers header nav#gNavi ul li#gNavi4 a,
body#retailers nav#fNavi ul li#fNavi4 a {
	padding-bottom: 2px;
	border-bottom: 1px solid #121212;
}

body#contact header nav#gNavi ul li#gNavi6 a,
body#contact nav#fNavi ul li#fNavi6 a {
	padding-bottom: 2px;
	border-bottom: 1px solid #121212;
}

.single-product li#gNavi2 a,
.single-product li#fNavi2 a,
body#product header nav#gNavi ul li#gNavi2 a,
body#product nav#fNavi ul li#fNavi2 a {
	padding-bottom: 2px!important;
	border-bottom: 1px solid #121212!important;
}

body.blog li#gNavi5 a,
body.blog li#fNavi5 a,
body.single li#gNavi5 a,
body.single li#fNavi5 a {
	padding-bottom: 2px!important;
	border-bottom: 1px solid #121212!important;
	
}

/*-------------------------*/
#btnPageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 28px;
	height: 25px;
	text-indent: -9999em;
	background: url(img/share/btn_pagetop.png) no-repeat;
	z-index: 9999;	
}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge { pointer-events: none; z-index: -999; opacity: 0; }
body#contact .grecaptcha-badge { pointer-events: auto; z-index: 0; opacity: 1; }
body#contact #btnPageTop { display: none !important; }