@charset "utf-8";

/* =============================================================================
   HTML5 表示定義
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   ベース
   ========================================================================== */
html { height: 100%; font-size: 1em; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
	font-size: 16px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #2d2d2d;
	line-height: 1.6em;
}
html, body, div, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	vertical-align: top;
}
button, input, select, textarea { font-family: sans-serif; color: #222; }

img, object, embed, video {	max-width: 100%; }
img { vertical-align: top; }

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.clearer {clear: both; display: block; margin: 0;	padding: 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp5 {clear: both; display: block; margin: 0 0 2px 0;	padding: 3px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp10 {clear: both; display: block; margin: 0 0 5px 0;	padding: 5px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp20 {clear: both; display: block; margin: 0 0 10px 0;	padding: 10px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp30 {clear: both; display: block; margin: 0 0 15px 0;	padding: 15px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp40 {clear: both; display: block; margin: 0 0 20px 0;	padding: 20px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}

/* =============================================================================
   リンク
   ========================================================================== */
a:link { color: #2e1d08; }
a:visited { color: #2e1d08; }
a:hover { color: #7B7878; }
a:active { color: #2e1d08; }

/* =============================================================================
   リスト
   ========================================================================== */
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
dd { margin: 0; }

/* =============================================================================
   汎用
   ========================================================================== */
.clear {clear: both;}

/*外余白*/
.mgb10 {
	margin-bottom:10px;
}
.mgb15 {
	margin-bottom:15px;
}
.mgb20 {
	margin-bottom:20px;
}
.mgb30 {
	margin-bottom:30px;
}
.mgb40 {
	margin-bottom:40px;
}
.mgb50 {
	margin-bottom:50px;
}
.mgb60 {
	margin-bottom:60px;
}

/*内余白*/
.pdw5 {
	padding:0 5px;
}
.pdw10 {
	padding:0 10px;
}
.pdw15 {
	padding:0 0 15px;
}
.pdb10 {
	padding:0 0 10px 0;
}
.pdb20 {
	padding:0 0 20px 0;
}
.pdb30 {
	padding:0 0 30px 0;
}

/*揃え*/
.textR {
	text-align: right;
	display: block;
}
.textC {
	text-align: center;
	display: block;
}
.flL {
	float: left;
	display: block;
}
.flR {
	float:right;
}

/*区切りライン*/
.clLine {
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
/*区切りライン間隔小*/
.clLine8 {
	clear: both;
	display: block;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

/*画像ボタンエフェクト*/
.btnImg:hover {
	filter: alpha(opacity=0.8);
	-ms-filter: alpha(opacity=0.8);
	opacity: 0.8;
}

/*文字サイズ*/
.fs10 {
	font-size:0.63em;
}
.fs11 {
	font-size:0.68em;
}
.fs12 {
	font-size:0.73em;
}
.fs13 {
	font-size:0.81em;
}
.fs14 {
	font-size:0.87em;
}
.fs15 {
	font-size:0.93em;
}
.fs18 {
	font-size:1.12em;
}
.fs21 {
	font-size:1.31em;
}
.fs24 {
	font-size:1.47em;
}

/*タイプ*/
.min {
	font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif;
}

/*ウェイト*/
.fwb {
	font-weight:bold;
}

/*字間*/
.ls24 { letter-spacing: 0.24em; 
}

/*色*/
.fcBlue01 {
	color: #06C;
}
.fcBlue02 {
	color: #03F;
}
.fcBlue03 {
	color: #33C;
}
.fcRed01 {
	color: #842f5d;
}
.fcRed02 {
	color: #B92248;
}
.fcRed03 {
	color: #F69;
}
.fcOrg01 {
	color: #F60;
}
.fcPpl01 {
	color:#990099;
}

/*スクロール*/
.sr, .sr-seq{ visibility: hidden; }

#loading {
  position: absolute;
  left: 50%;
  top: 35%;
  margin-left: -30px;
  z-index: 9999;
}

#fade {
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  background-color: #ffffff;
  top: 0px;
  left: 0px;
  z-index: 9990;
}

br.brsp {
	display:none;
}

.brSp {display:none;}
.brPc {display:block;}

/* ==================================================== header */
#headerWrap {
	position: fixed;
	top: 0px;
	height: 50px;
	text-align: center;
	z-index: 9000;
	width: 100%;
	background-color: #efefef;
}
body.home #headerWrap {
	top: -202px;
	background-color: rgba(255, 255, 255, 0.96);
}
#headerWrap .inner {
	margin: 10px auto 0;
	position: relative;
	width: 1200px;
	text-align: left;
}
#headerWrap .logo {
  margin: auto;
  height: auto;
}

#gNavWrap {
	position: absolute;
	top: 7px;
	right: 0;
}
#gNavWrap a {
	display:block;
	text-decoration:none;
}
#gNavWrap a:hover img {
	opacity: 0.6;
}

#gNavWrap ul {
	display: inline-block;
	margin: 0 15px 0 0;
}
#gNavWrap ul li {
	display: inline-block;
	margin: 0 15px;
}

#gNavWrap .gNavContact {
	width:400px;
	margin:10px auto 0px;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	line-height:39px;
	font-weight:bold;
}
#gNavWrap .insta {
	display: inline-block;
	margin-top: -3px;
}

#headerWrap .onlineshopIcon {
	width: 150px;
	position: absolute;
	top: 52px;
	right: 0;
}

/* ============================================================ contents */
#wrapper {
  position: relative;
  text-align: center;
  margin: auto;
  min-width: 1200px;
}

.inPage {
	width: 1200px;
	margin: auto;
	clear: both;
	text-align:center;
	padding: 120px 0 0 0;
}

#pageTt {
	padding: 0;
	margin: 0 auto 50px;
}
.pageSubTitle {
	position:relative;
	text-align:center;
	font-size:20px;
	margin-bottom: 60px;
	padding-bottom: 3px;
	border-bottom:1px solid #585858;
	font-weight: 600;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
.pageSubTitle span {
  font-size: 12px;
}
.pageSubTitle::after {
	position:absolute;
	top: 28px;
	left:0;
	right:0;
	text-align:center;
	font-size:12px;
	margin:0;
	font-family: Futura, 'Century Gothic', sans-serif;
	font-weight: bold;
}

/*インスタリスト*/
.instaWrap {
  text-align: center;
}

/* ===================================================================
   フッタ
   ================================================================ */
#footerWrap {
	width: 1000px;
	margin:auto;
}
footer {
  padding:20px;
  text-align:center;
  font-size:10px;
  background-color: white;
}
p.copyright small {
	display:block;
	padding: 30px 0;
	font-family:Arial, Helvetica, sans-serif;
  text-align: center;
	font-size: 12px;
}

.footerInfo {
	width: 700px;
	float: left;
	text-align: left;
	padding: 5px 0 0 0;
}
.footerInfo .info {
	 border-bottom: 1px dashed #262626;
	 padding: 0 0 12px 0;
	 margin: 0 0 12px 0;
}
.footerInfo .info .footerLogo {
  width: 198px;
  float: left;
  margin-right: 30px;
}
.footerInfo .info .inner {
  float: left;
}
.footerInfo .info h6 {
	font-size:18px;
	font-weight:bold;
}
.footerInfo .info .adress {
  font-size: 13px;
  line-height: 1.4;
}

.footerInfo .contact {
	 border-bottom: 1px dashed #262626;
	 padding: 0 0 12px 0;
	 margin: 0 0 12px 0;
}
.footerInfo .contact h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align:center;
  float:left;
  margin-right: 30px;
  padding-top: 18px;
}
.footerInfo .contact .tel {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footerInfo .contact .tel span {
	font-size: 14px;
}
.footerInfo .contact .tel img {
	vertical-align: inherit;
}
.footerInfo .contact .mail {
	font-size: 23px;
	font-weight: bold;
}
.footerInfo .contact .mail img {
	vertical-align: baseline;
}
.footerInfo .contact .mail a {
	text-decoration:none;
	font-weight: bold;
}

.footerInfo .company {
  font-size: 12px;
  line-height: 1.4;
}

.footerGmap {
	width: 260px;
	float: right;
}
.footerGmap .inner {
	border:5px solid #FFFFFF;
}


/* PAGE TOP */
#pageTopWrap{
	position: fixed;
	right: 0;
	bottom: 82px;
	display: none;
	z-index: 2;
}
#pageTop{
	overflow:hidden;
	margin:0 auto;
}
#pageTop p{
	text-align:right;
}

/* 404 */
#page404 {
	padding: 240px 240px;
	text-align: center;
	line-height: 2em;
}