@charset "utf-8";
body {  -webkit-text-size-adjust: 100%; background:#fff; overflow-x: hidden; width:100%; max-width:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body:focus { outline:none; }
html { font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #6a6766; font-size: 100%; line-height: 1.5em; letter-spacing: 0em; width:100%;max-width:100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; color:#5d5a59;}
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse: collapse; border-spacing:0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
img{ vertical-align:bottom; }
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary { display:block; }

a:focus { outline:none; }
div:focus { outline:none; }
img { width:auto; max-width:100%; height:auto; }
.clear { clear:both;}
.inline{ display: inline-block;}

/*テキストリンク 黒文字の時用
a:link, a:visited { color:#5d5a59; text-decoration:none; }
a:hover, a:active { color:#baa681; text-decoration:none; }
*/
a { color: inherit;text-decoration:none;}
a:hover { color: #baa681;text-decoration:none;}

.h_en {text-align:center; font-size:2.8em; margin-bottom:17px; color:#baa681;}
h2 {text-align:center; font-size:0.9em;margin-bottom:30px;}


#sns { width: 80%; height: auto; clear: both; display: table; text-align: center; margin: 0 auto 2em; max-width: 280px; vertical-align: middle;} 
#sns li { display: table-cell; margin: 5px 1.3%; width: 14%; height: auto; float: left;vertical-align: middle;}
#sns li:first-child{ display: table-cell; margin: 5px 0.8%; width: 31.6%; height: auto; float: left;vertical-align: middle;}

/* 全デバイス共通スパン */
.ita { font-style:italic;}


/* ぱんくず */
#breadcrumbs ol{
	text-align:right;
	font-size:0.8em; margin:1em 1em 1em auto; clear:both;
}
#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}
#breadcrumbs ol li:before {
  content: " > ";
}
#breadcrumbs ol li:first-child:before {
  content:"";
}
@media screen and (max-width:640px) {
#breadcrumbs ol li {
  display: block;
  list-style-type: none;
}
}

/* gnavi */

#head{width: 100%; height: 150px; position: relative;border-bottom: 1px solid #baa681; }
#title{width: 304px; height: 150px; background-color: #fbebee;text-align: center; position: absolute; top:0; left: 50%; margin-left: -152px;}
h1 { width:220px; height:auto; padding-top: 15px; margin: 0 auto 1px;}
#main_logo{width:220px; height:auto; padding-top: 15px; margin: 0 auto 1px;}
#title p{font-size: 0.7em; }
#gnavi{ width: 1144px; height: 50px; margin: 0 auto; position:absolute; top:100px; left: 50%; margin-left: -572px; text-align: center;font-family:'Cormorant Garamond',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
#gnavi p{font-weight: 600; font-size: 0.7em; line-height: 1.5em; letter-spacing: 0.2em; }
#gnavi .jp{font-weight: 500; font-size: 0.8em;letter-spacing: 0;}
#gnavi #n1{width: 140px; height: 50px; position:absolute; top:0; left: 0;}
#gnavi #n2{width: 140px; height: 50px; position:absolute; top:0; left: 140px;}
#gnavi #n3{width: 140px; height: 50px; position:absolute; top:0; left: 280px;}
#gnavi #n4{width: 140px; height: 50px; position:absolute; top:0; right: 280px;}
#gnavi #n5{width: 140px; height: 50px; position:absolute; top:0; right: 140px;}
#gnavi #n6{width: 140px; height: 50px; position:absolute; top:0; right: 0;}
#gnavi a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#gnavi a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #baa681;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#gnavi a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.sk{
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top: 7px solid #baa681;
	position: absolute; bottom: -15px; left: 62px;
}

.dropmenu{  *zoom: 1; }
.dropmenu:before, .dropmenu:after{content: "";display: table; }
.dropmenu:after{clear: both;} 
.dropmenu li{position: relative;
	float: left;
	text-align: center;
	box-sizing: border-box;
	}
.dropmenu li ul{list-style: none;position: absolute; z-index: 9999;top: 100%; left: -200px;  padding: 0; width:1000px; height:auto; float:left; background-color: #fff;border-top: 1px solid #baa681; border-bottom: 1px solid #baa681;
}
.dropmenu li ul li{width:250px; margin:0; padding:1%; font-size:0.9em; font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; box-sizing: border-box; }
.dropmenu li ul li a{padding: 5px 0;background: #fff;text-align:center; margin:0;}
.dropmenu li ul{visibility: hidden;opacity: 0;transition: 0s; }
.dropmenu li:hover ul{visibility: visible;opacity: 1; }
.dropmenu li ul li a{ visibility: hidden;opacity: 0;transition: .5s; }
.dropmenu li:hover ul li a{visibility: visible;opacity: 1; }

#r_navi{width: auto; height: auto; position: absolute; top: 0; right: 10px;}
#r_navi li{width: auto; height: auto; margin: 0 0 auto 10px;  float: left; font-size: 0.8em; }

#foreign{position: absolute; top: 60px; right: 10px; }
#foreign li{width: auto; height: auto; margin: 0 0 auto 10px;  float: left; font-size: 0.8em;  }

#foreign li:last-child{text-decoration: line-through;}

@media screen and (max-width:1024px){	
#head{display: none;}

}



/*BOX */
.box_glay { width:100%; height:auto; background-color:#f7f7f7; clear:both; padding:70px 0;}
.box_pink { width:100%; height:auto; background-color:#fbebee; clear:both; padding:70px 0;}
.box_white { width:100%; height:auto; background-color:#fff; clear:both; padding:70px 0;}

/* ボーダー */
.border { font-family:'Cormorant Garamond'; font-weight: 400; color:#a79fa0;
  display: table;
  text-align: center;
  white-space: nowrap;
  width:80%; margin:0 auto 40px; clear:both;
}
.border:after, .border p:after, .border:before, .border p:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.border:after, .border p:after {
  border-left: 1.3em solid transparent;
}
.border:before, .border p:before {
  border-right: 1.3em solid transparent;
}
 
 
/* span etc */
.br{display:block;}
.h_en {font-family:'Cormorant Garamond';}
.l_space { width:3em; display:inline-block;}
.gold { color:#baa681;}
.small { font-size:0.8em;}
.bold { font-weight:bold;}
.center{ text-align:center;}
.space { height:150px; clear:both;}
.txt_h { color:#baa681; text-align:center; font-size:1.5em; margin:1.5em auto 1em;}
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 100;
}
.weight500{ font-weight:500;}


/* ボタン */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}


/* ボタン2 */
.button2 {
	display: inline-block;
	text-decoration: none;
	}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button2:hover {
	background-color: #fbebee;
}
	
/* footer前バナー */
	.banner{clear: both; margin: 0 auto; width: 100%; height: auto; max-width: 1200px; padding: 70px 0;}
	.banner li{width: 48%; height: auto; margin: 0 1%; float: left;}

/* footer */
footer{ width:100%; height:auto; background-color:#fff; clear:both;  }

#f_nav { width:50%; height:auto; margin:20px auto 50px; max-width:500px;}
#f_nav li{ float:left; width:33%; text-align:center;}
#f_nav li+ li { border-left: 1px solid #a79fa0; }

/* 姉妹店リンク */
#sister{ clear:both; width:100%; height:auto; max-width:800px; margin:100px auto;}
#sister li{ width:18%; float:left; margin:100px 3.5%;}
#copyrights { text-align:center; margin-top:20px; padding:10px 0 10px; clear:both; border-top: 1px solid #a79fa0; width:100%;font-family:'Cormorant Garamond';font-size:0.9em; }

/* フッター店舗情報 */
#adress{ clear:both; width:30%; height:auto; margin:100px auto; max-width:400px; text-align:center; font-size:0.9em; }
#adress h3 { width:80%; height:auto; margin:10px auto 20px;}
#adress p{ margin-bottom:5px; }

/* フッターACCESSFAQ */
#f1{ max-width:1000px; margin:50px auto; width:90%;}
#sub_nav { width:48%; margin:1%; height:auto; float:left; display:inline-block; }
#sub_nav li{ width:80%; height:auto; margin:30px auto; }
div.twitter_widget_style { width: 48%;margin:1%; height:auto; display:inline-block;}

/* フッターCONTACT */
#f_contact {text-align:center;}
#f_contact .h_en {text-align:center; font-size:2.8em; margin-bottom:10px; color:#baa681;}
#f_contact h3 {text-align:center; font-size:0.9em;margin-bottom:10px;}
#f_contact ul{ width:90%; height:auto; margin:20px auto 10px; max-width:900px; display:inline-block;}
#f_contact ul li{ float:left; display:inline-block; font-family:'Cormorant Garamond';}
#f_contact .button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width: 280px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	margin:10px;
	}
#f_contact .button::before,
#f_contact .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#f_contact .button,
#f_contact .button::before,
#f_contact .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
#f_contact .button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}

@media screen and (min-width:1025px) {
	#sptb{display: none;}
}


/*タブレット*/
@media screen and (min-width:641px) and (max-width:1024px){	
html { font-size: 90%; line-height: 1.4em; letter-spacing: 0em; width:100%;}
body {  -webkit-text-size-adjust: 100%; background:#fff; overflow-x: hidden; min-width:641px; width:100%; height:auto; max-width:1023px;padding-top:70px; }
	
/*BOX */
.box_glay { width:100%; height:auto; background-color:#f7f7f7; clear:both; padding:70px 0;}
.box_pink { width:100%; height:auto; background-color:#fbebee; clear:both; padding:70px 0;}
.box_white { width:100%; height:auto; background-color:#fff; clear:both; padding:70px 0;}

/* ボーダー */
.border { font-family:'Cormorant Garamond'; font-weight: 400; color:#a79fa0;
  display: table;
  text-align: center;
  white-space: nowrap;
  width:80%; margin:0 auto 40px; clear:both;
}
.border:after, .border p:after, .border:before, .border p:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.border:after, .border p:after {
  border-left: 1.3em solid transparent;
}
.border:before, .border p:before {
  border-right: 1.3em solid transparent;
}
 
 
/* span etc */
.br{display:block;}
.h_en {font-family:'Cormorant Garamond';}
.l_space { width:3em; display:inline-block;}
.gold { color:#baa681;}
.small { font-size:0.8em;}
.bold { font-weight:bold;}
.center{ text-align:center;}
.space { height:150px; clear:both;}
.txt_h { color:#baa681; text-align:center; font-size:1.5em; margin:1.5em auto 1em;}
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 100;
}


/* ボタン */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}


/* ボタン2 */
.button2 {
	display: inline-block;
	text-decoration: none;
	}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button2:hover {
	background-color: #fbebee;
}

	/* footer前バナー */
	.banner{clear: both; margin: 0 auto; width: 100%; height: auto; max-width: 1200px; padding: 70px 0;}
	.banner li{width: 48%; height: auto; margin: 0 1%; float: left;}


/* footer */
footer{ width:100%; height:auto; background-color:#fff; clear:both; }

#f_nav { width:50%; height:auto; margin:20px auto 50px; max-width:500px;}
#f_nav li{ float:left; width:33%; text-align:center;}
#f_nav li+ li { border-left: 1px solid #a79fa0; }

/* 姉妹店リンク */
#sister{ clear:both; width:100%; height:auto; max-width:800px; margin:100px auto;}
#sister li{ width:18%; float:left; margin:50px 3.5%;}
#copyrights { text-align:center; margin-top:20px; padding:10px 0 10px; clear:both; border-top: 1px solid #a79fa0; width:100%;font-family:'Cormorant Garamond';font-size:0.9em; }

/* フッター店舗情報 */
#adress{ clear:both; width:50%; height:auto; margin:100px auto;  text-align:center; font-size:0.9em; }
#adress h3 { width:80%; height:auto; margin:10px auto 20px;}
#adress p{ margin-bottom:5px; }

/* フッターACCESSFAQ */
#f1{ width:90%; margin:0 auto 50px;}
#sub_nav { width:48%; margin:1%; height:auto; float:left; display:inline-block; }
#sub_nav li{ width:100%; height:auto; margin:30px auto; }
div.twitter_widget_style { width: 48%;margin:1%; height:auto; display:inline-block;}

/* フッターCONTACT */
#f_contact {text-align:center;}
#f_contact .h_en {text-align:center; font-size:2.8em; margin-bottom:10px; color:#baa681;}
#f_contact h3 {text-align:center; font-size:0.9em;margin-bottom:10px;}
#f_contact ul{ width:90%; height:auto; margin:20px auto 10px; max-width:600px; display:inline-block;}
#f_contact ul li{ float:left; display:inline-block;font-family:'Cormorant Garamond'; }
#f_contact .button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width:180px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	margin:5px;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
#f_contact .button::before,
#f_contact .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#f_contact .button,
#f_contact .button::before,
#f_contact .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
#f_contact .button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}
	
/*スマホ版　最下部コンバージョン*/
#sptb{display:none;}
	
}



/*スマホ*/
@media screen and (max-width:640px) {
html { font-size: 90%; line-height: 1.4em; letter-spacing: 0em; width:100%; max-width:100%;}
body {  -webkit-text-size-adjust: 100%; background:#fff; overflow-x: hidden; min-width:300px; width:100%; height:auto;  max-width:100%; padding-top:70px;  }

	
/*BOX */
.box_glay { width:100%; height:auto; background-color:#f7f7f7; clear:both; padding:70px 0;}
.box_pink { width:100%; height:auto; background-color:#fbebee; clear:both; padding:70px 0;}
.box_white { width:100%; height:auto; background-color:#fff; clear:both; padding:70px 0;}

/* ボーダー */
.border { font-family:'Cormorant Garamond'; font-weight: 400; color:#a79fa0;
  display: table;
  text-align: center;
  white-space: nowrap;
  width:80%; margin:0 auto 40px; clear:both;
}
.border:after, .border p:after, .border:before, .border p:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.border:after, .border p:after {
  border-left: 1.3em solid transparent;
}
.border:before, .border p:before {
  border-right: 1.3em solid transparent;
}
 
 
/* span etc */
.br{display:block;}
.h_en {font-family:'Cormorant Garamond';}
.l_space { width:3em; display:inline-block;}
.gold { color:#baa681;}
.small { font-size:0.8em;}
.bold { font-weight:bold;}
.center{ text-align:center;}
.space { height:20px; clear:both;}
.txt_h { color:#baa681; text-align:center; font-size:1.3em; margin:1.5em auto 1em;}
.pagetop {
    position: fixed;
    bottom: 70px;
    right: 10px;
	z-index: 100;
}


/* ボタン */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}


/* ボタン2 */
.button2 {
	display: inline-block;
	text-decoration: none;
	}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.button2:hover {
	background-color: #fbebee;
}

/* footer前バナー */
	.banner{clear: both; margin: 0 auto; width: 96%; height: auto; padding: 70px 0;}
	.banner li{width: 100%; height: auto; margin: 1% 0; padding-bottom: 1em; }

/* footer */
footer{ width:100%; height:auto; background-color:#fff; clear:both;}

#f_nav { width:90%; height:auto; margin:20px auto 50px;}
#f_nav li{ float:left; width:33%; text-align:center;}
#f_nav li+ li { border-left: 1px solid #a79fa0; }

/* 姉妹店リンク */
#sister{ clear:both; width:90%; height:auto; margin:100px auto;}
#sister li{ width:18%; float:left; margin:50px 3.5%;}
#copyrights { text-align:center; margin-top:20px; padding:10px 0 10px; clear:both; border-top: 1px solid #a79fa0; width:100%;font-family:'Cormorant Garamond';font-size:0.9em; }

/* フッター店舗情報 */
#adress{ clear:both; width:80%; height:auto; margin:100px auto; text-align:center; font-size:0.9em; }
#adress h3 { width:60%; height:auto; margin:10px auto 20px;}
#adress p{ margin-bottom:5px; }

/* フッターACCESSFAQ */
#f1{ width:96%; margin:0 auto 50px;}
#sub_nav { width:100%; margin:0 auto; height:auto; display:inline-block; }
#sub_nav li{ width:48%; height:auto; margin:0 1%; float:left; }
div.twitter_widget_style { display:none;}

/* フッターCONTACT */
#f_contact .small{ width:90%; margin:0 auto;}
#f_contact {text-align:center; }
#f_contact .h_en {text-align:center; font-size:2.8em; margin-bottom:10px; color:#baa681;}
#f_contact h3 {text-align:center; font-size:0.9em;margin-bottom:10px;}
#f_contact ul{ width:90%; height:auto; margin:20px auto 10px; display:inline-block; float:none; font-family:'Cormorant Garamond';}
#f_contact ul li{ display:inline-block; float:none; clear:both; width:90%; height:auto;}
#f_contact .button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #baa681;
	color: #fff;
	width:90%;
	height: 70px;
	text-align: center;
	line-height: 70px;
	margin:10px auto;
	 font-size:1.2em;
	 	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
#f_contact .button::before,
#f_contact .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#f_contact .button,
#f_contact .button::before,
#f_contact .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
#f_contact .button:hover {
	background-color: #fff;
	color: #baa681;
	box-shadow:9px 8px 25px -5px #cccccc;
-moz-box-shadow:9px 8px 25px -5px #cccccc;
-webkit-box-shadow:9px 8px 25px -5px #cccccc;
}
	
/*スマホ版　最下部コンバージョン*/
#sptb{
	width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 500;
	background-color: rgba(186,166,129,0.8);
	}	
	
#sptb ul{
		width: 80%;
		margin: 0 auto;
	}
	
#sptb ul li{
	float: left;
	width: 18%;
    height: auto;
    margin: 0 3.5%;
	}	

footer{padding-bottom: 120px;}
footer#home	{padding-bottom: 120px;}
}
/*アニメーション*/

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-10px);
	opacity: 0.0;
}

.fromBottomIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,10px);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-10px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(10px, 0);
	opacity: 0.0;
}




/* フォントメモ
'Cormorant Garamond',  */

/* 色メモ
#baa681　金
#fbebee　ピンク
#f7f7f7 　グレー
#6a6766　テキスト 薄め#a79fa0　　  */