@charset "utf-8";

@import url("reset.css");
@import url("font-awesome.css");


/* -------------------------------
   BASE
------------------------------- */

.mt-10 {margin-top:-10px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}

.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}

.tLeft { text-align:left!important;}
.tRight { text-align:right!important;}
.tCenter { text-align:center!important;}
.vTop { vertical-align:top!important;}

.nowrap { white-space:nowrap; }

.bold { font-weight:bold; }

.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#FF6699;}

.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f18 { font-size:18px!important;}

.block { display:block!important; }

.clear { clear:both; }


/* -------------------------------
   common
------------------------------- */

@font-face {
  font-family: 'Heuristica-Bold';
  src: url('../fonts/Heuristica-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Heuristica-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Heuristica-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Heuristica-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Heuristica-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Heuristica-BoldItalic';
  src: url('../fonts/Heuristica-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Heuristica-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Heuristica-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Heuristica-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Heuristica-BoldItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Heuristica-Regular';
  src: url('../fonts/Heuristica-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Heuristica-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Heuristica-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Heuristica-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Heuristica-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Heuristica-Italic';
  src: url('../fonts/Heuristica-Italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Heuristica-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Heuristica-Italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Heuristica-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Heuristica-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.serif {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "HG明朝B","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
}
body {
	font-size:13px;
	line-height:1.5;
	background:#FFF;
}
#wrap {
	width:100%;
	min-width:320px;
	background:#FFF;
	overflow:hidden;
}
img {
	width:100%;
	height:auto;
}


/* -------------------------------
   header
------------------------------- */

#header #gNav {
	font-family:Heuristica-Regular;
}
#storesBtn a {
	padding: 10px 20px;
	color: #FFF!important;
	background: #212121;
	text-align: center;
	line-height: 20px;
}
#storesBtn a i {
	margin-right: 5px;
}

/* -------------------------------
   footer
------------------------------- */

/* -------------------------------
   contents
------------------------------- */

#pagetit {
	color:#B8AB76;
	text-align:center;
	font-family:Heuristica-Regular;
	font-weight:normal;
	letter-spacing:5px;
	line-height:1;
}
#contents {
	position:relative;
	width:100%;
}
.btn,
button {
	margin:0 auto;
	text-align:center;
}
.btn a,
.btns li a,
button,
input.btn {
	display:inline-block;
	border:1px solid #B9AB75;
	color:#B9AB75;
	padding:0 20px;
	line-height:40px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "HG明朝B","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
	background:none;
	-moz-transition-duration:0.25s;
	-webkit-transition-duration:0.25s;
	-o-transition-duration:0.25s;
	-ms-transition-duration:0.25s;
}
button,
input.btn {
	font-family:Heuristica-Regular;
	min-width:160px;
	font-size:18px;
}
.btn a:hover,
.btns li a:hover,
button:hover,
input.btn:hover {
	color:#FFF!important;
	background:#B9AB75!important;
}

.subSec h2 span,
.subSec h2 time {
	font-family: sans-serif;
	display:block;
	color:#B9AB76;
	font-size:14px;
	font-weight:normal;
	margin-top:5px;
}

.list {
	display:inline-block;
	border-top:1px solid #EEE;
}
.list li {
	padding:10px;
	border-bottom:1px solid #EEE;
}


/* -------------------------------
   top
------------------------------- */

#home #works,
#home .sec:nth-child(even) {
	background:url(/img/home/sec_bg.jpg) center top;
} 
#home #news {
	background:#FFF;
}
#home .sec .sec {
	background:none;
	margin:0;
	padding:0;
}

#home #order .btns a {
	background:#FFF;
}
#home #contact table {
	max-width:700px;
	margin:0 auto;
	width:100%;
	font-size:18px;
	border-collapse:separate;
}
#home #contact th {
	width:20%;
	background:#EFEEE7;
	padding:15px;
	text-align:center;
	vertical-align:top;
	border-bottom:20px solid #FFF;
}
#home #contact td {
	text-align:left;
	background:#F7F6F3;
	border-top:1px solid #EFEEE7;
	border-bottom:20px solid #FFF;
}
#home #contact tr:last-child th,
#home #contact tr:last-child td {
	border-bottom:none;
}
#home #contact td input,
#home #contact td textarea {
	width:100%;
	border:none;
	background:none!important;
	resize: none;
	padding:15px;
	line-height:1.5;
}
#home #contact .mfp_ok,
#home #contact .mfp_err {
	margin:10px 15px;
}

/* -------------------------------
   home
------------------------------- */

#test {
	background:#FFF;
}
#test #logo {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:400px;
	height:320px;
	max-width:100%;
}


/* -------------------------------
   works
------------------------------- */

#workImgPreiview {
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
	
	-moz-transition-duration:0.25s;
	-webkit-transition-duration:0.25s;
	-o-transition-duration:0.25s;
	-ms-transition-duration:0.25s;
}
#relationLinks li {
	display:inline-block;
	margin:0 5px;
}
#relationLinks li a {
	color:#B9AB76;
	padding:5px 10px;
	line-height:1;
	font-size:14px;
}

.wp-pagenavi {
	clear: both;
	margin-top:40px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #B9AB76;
	padding: 5px 8px;
	margin: 2px;
	color:#B9AB76;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #B9AB76;
}
.wp-pagenavi span.current {
	background:#B9AB76;
	color:#FFF;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	border:none;
}