@charset "utf-8";
/*
 | ------------------------------------------
 | Stylesheet
 | ------------------------------------------
 | Filename:common.css
 | Copyright:ging.jp
 |
*/

/*--------------------------------------------------------------------------
   設定
---------------------------------------------------------------------------*/

/* link 463630 5d463e */
a { outline: none; color: #4c372f; text-decoration: none; }
a:link { color: #4c372f; }
a:hover { text-decoration: underline; }
a:visited { color: #4c372f; }
.under a,a.under,.under a span { text-decoration: underline; }
.under a:hover,a.under:hover,.under a:hover span { text-decoration: none; }

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

/* rollover */
.ovrgp a img:hover, .ovrgp input[type='image']:hover, img.ovr:hover, input.ovr:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

/* selection */
/*#main:selection,
#main:-moz-selection {
background: #FFAE10;
}*/

/*--------------------------------------------------------------------------
  #scrollbar
---------------------------------------------------------------------------*/
.mCSB_container { width: auto; overflow: hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right: 0; }
.mCS_disabled .mCSB_container.mCS_no_scrollbar, .mCS_destroyed .mCSB_container.mCS_no_scrollbar { margin-right: 30px; }
.mCustomScrollBox .mCSB_scrollTools { width: 7px; height: 100%; top: 0; right: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 7px; height: 100%; margin: 0 auto; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; height: 100%; margin: 0 auto; text-align: center; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }
.mCSB_horizontal .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; }
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar, .mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }
.mCSB_horizontal .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }
.mCustomScrollBox { -ms-touch-action: none;}
.mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1; }
.mCSB_scrollTools .mCSB_draggerRail { background: #785e55; background: #ded6ce;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #785e55; background: #785e55; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #785e55; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #785e55; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {background-repeat: no-repeat; opacity: 0.4; }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; }

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: rgba(0,0,0,0.9);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; /*bottom:-20px;*/ left:0; color:#fff; font-size: 14px; line-height:1.4;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../image/ajax-loader.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../image/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../image/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../image/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

/*--------------------------------------------------------------------------
  module
---------------------------------------------------------------------------*/
small {display:inline-block;padding: 3px 0 5px 0;font-size: 12px!important;}
.err {color: #ff0000!important;font-weight: bold;}
.bold {font-weight: bold!important;}

.red { color: #d85f70!important;}
.orange { color: #f25f41 !important;}
.green {color: #85ae26!important;}
.blue {	color: #4b7aaf!important;}
.water {	color: #4491e0!important;}
.pink {	color: #e981a2!important;}

.right {text-align: right!important;}
.fl {float: left!important;}
.fr {float: right!important;}
.fs10 {font-size: 10px!important;}
.fs12 {font-size: 12px!important;}
.fs14 {font-size: 14px!important;}
.fs16 {font-size: 16px!important;}
.fs18 {font-size: 18px!important;}
.fs20 {font-size: 20px!important;}
.fs22 {font-size: 22px!important;}
.fs24 {font-size: 24px!important;}
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb0 {margin-bottom: 0!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mr0 {margin-right: 0!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.center {	text-align: center!important;}
.tal {	text-align: right!important;}
.tar {	text-align: left!important;}
.pl10 {padding-left: 10px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl55 {padding-left: 55px!important;}
.pr10 {padding-right: 10px!important;}
.w200 {width: 200px!important;}
.w220 {width: 220px!important;}
.w240 {width: 240px!important;}
.w300 {width: 300px!important;}
.w330 {width: 330px!important;}
.w350 {width: 350px!important;}
.w380 {width: 380px!important;}
.w480 {width: 480px!important;}
.w100p {width: 100%!important;}
.err-msg{
color: #ff0000;
}

/*--------------------------------------------------------------------------
  レイアウト設定
---------------------------------------------------------------------------*/
html {
}
body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #4c372f;
background: #fff url(../image/bg01.png);
}

/* #wrapper */
#wrapper {
background: url(../image/hdr_bg.png) repeat-x top left;
}

/* #header */
#header {
position: relative;
width: 1040px;
height: 96px;
margin: 0 auto;
}
#header h1,
#header p,
#header div,
#header ul {
	position: absolute;
}
#header h1,
#header .txt {
	top: 10px;
	right: 0;
}
#header .logo {
	top: 9px;
	left: 0;
}
#header .btn {
	top: 29px;
	right: 0;
	padding-top: 17px;
background: url(../image/cmn_shop_txt.png) no-repeat top left;
}
#header .menu {
	overflow: hidden;
	top: 47px;
	right: 210px;
}
#header .menu li {
	float: left;
	margin-left: 15px;
}

/* #gnav */
#gnav {
}
#gnav .nav {
	position: relative;
width: 1040px;
	height: 37px;
margin: 0 auto;
}
#gnav .nav ul {
	overflow: hidden;
}
#gnav .nav li {
	float: left;
	text-align: center;
}
#gnav .nav li:nth-child(1) {width: 113px;}
#gnav .nav li:nth-child(2) {width: 191px;}
#gnav .nav li:nth-child(3) {width: 183px;}
#gnav .nav li:nth-child(4) {width: 191px;}
#gnav .nav li:nth-child(5) {width: 124px;}
#gnav .nav li:nth-child(6) {width: 102px;}
#gnav .nav li:nth-child(7) {width: 135px;}
#gnav .nav li a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 37px;
	padding-top: 12px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
#gnav .nav li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
visibility: hidden;
transform: scaleX(0);
background: #fff;
transition: all .2s ease;
}
#gnav .nav li a:hover {
	text-decoration: none;
}
#gnav .nav li a.active:after,
#gnav .nav li.current a:after,
#gnav .nav li a:hover:after {
transform: scaleX(1);
visibility: visible;
}

#gnav .panel {
  width: 100%;
	border-top: 1px solid #58413b;
/*	border-bottom: 1px solid #58413b;*/
background: url(../image/top/mv_bg.png);
}
#gnav .panel > div {
	display: none;
	overflow: hidden;
  width: 1040px;
	padding: 25px 0;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;
}
#gnav .panel dl {
/*	display: inline-block;*/
	padding-left: 20px;
	padding-bottom: 5px;
background: url(../image/cmn_bdr01.png) repeat-y top left;
text-align: left;
vertical-align: top;
}
#gnav .panel #tab1 {padding-left: 140px;}
#gnav .panel #tab2 {padding-left: 340px;}
#gnav .panel #tab2 dl {float: left;width: 280px;}
#gnav .panel #tab3 {padding-left: 520px;}
#gnav .panel #tab4 {padding-left: 710px;}
#gnav .panel #tab5 {padding-left: 780px;}

#gnav .panel dt {
	padding-top: 15px;
	font-weight: bold;
}
#gnav .panel dt:first-child {
	padding-top: 5px;
}
#gnav .panel dd {
	margin-top: 10px;
}
#gnav .panel li {
	margin-top: 10px;
}

/* #visual */
#visual {
	clear: both;
  width: 100%;
background: url(../image/bg02.png);
}
#sub #visual {
	text-align: center;
}
#sub #visual .faq-mv {background: url(../image/faq/mv_bg.png) repeat-x top left;}
#sub #visual .diet-mv {background: url(../image/diet/mv_bg.png) repeat-x top left;}
#sub #visual .lineup-mv {background: url(../image/lineup/mv_bg.png) repeat-x top left;}
#sub #visual .voice-mv {background: url(../image/voice/mv_bg.png) repeat-x top left;}
#sub #visual .opinion-mv {background: url(../image/opinion/mv_bg.png) repeat-x top left;}
#sub #visual .know-mv {background: url(../image/know/mv_bg.png) repeat-x top left;}
#sub #visual .useful-mv {background: url(../image/useful/mv_bg.png) repeat-x top left;}
#sub #visual .hakase-mv {background: url(../image/hakase/mv_bg.png) repeat-x top left;}
#sub #visual .calory-mv {background: url(../image/calory/mv_bg.png) repeat-x top left;}
#sub #visual .jiten-mv {background: url(../image/jiten/mv_bg.png) repeat-x top left;}
#sub #visual .unit-mv {background: url(../image/unit/mv_bg.png) repeat-x top left;}

#visual .slider {
  position: relative;
  overflow: hidden;
}
#visual ul {
	padding: 18px 0 15px;
}
#visual .slides {
  height: 100%;
  overflow: hidden;
  *zoom: 1;
}
#visual li {
	text-align: center;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
}
#visual .slide {
  height: 100%;
  float: left;
  clear: none;
}
#visual img {
	width: 100%;
}
#sub #visual img {
	width: auto;
}
#visual .slider__arrows {
  display: block;
	z-index: 9999;
}
#visual .slider__arrows-item--right,
#visual .slider__arrows-item--left {
  position: absolute;
	width: 33px;
	height: 56px;
  bottom: 45%;
	cursor: pointer;
	opacity: 0.5;
}
#visual .slider__arrows-item--right:hover,
#visual .slider__arrows-item--left:hover {
	opacity: 1;
}
#visual .slider__arrows-item--right {
  right: 30px;
  background: url(../image/top/mv_next.png) no-repeat;
}
#visual .slider__arrows-item--left {
  left: 30px;
  background: url(../image/top/mv_prev.png) no-repeat;
}
#visual .slider__nav {
  position: absolute;
  bottom: 25px;
}
#visual .slider__nav-item {
  width: 13px;
  height: 13px;
  float: left;
  clear: none;
  display: block;
  margin: 0 7px;
  border-radius: 8px;
  background: #b9b9b9;
	opacity: 0.4;
box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 2px -1px,rgba(0, 0, 0, 0.8) 0px 0px 2px -1px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 2px -1px,rgba(0, 0, 0, 0.8) 0px 0px 2px -1px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 2px -1px,rgba(0, 0, 0, 0.8) 0px 0px 2px -1px inset;
}
#visual .slider__nav-item:hover,
#visual .slider__nav-item--current {
  background: #8e736a;
	opacity: 1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

/* #container */
#container:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
#container { display: inline-block; }
* html #container { height: 1%; }
#container { display: block; }
#container {
	width: 1080px;
	margin: 0 auto;
	padding: 40px 0 40px;
  background: url(../image/cont_bg.png) no-repeat top center;
}
.wide #container {
	width: 1040px;
}
.wide #container.contact,
.wide #container.shop,
.wide #container.opinion,
.wide #container.thanks {
	width: 980px;
}
#sub #container {
	padding: 0 0 40px;
}

/* #main */
#main {
	float: left;
	width: 820px;
}
.wide #main {
	float: none;
	width: 1040px;
}
.wide .contact #main,
.wide .shop #main,
.wide .opinion #main,
.wide .thanks #main {
	width: 980px;
}

/* #side */
#side {
	position:relative;
	float: right;
	width: 230px;
}
#sub #side {
/*	padding-top: 45px;*/
}
#side .inner {
	width: 230px;
}
#side .side-box {
	position: relative;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	background: #fff;
border-radius: 2px / 2px;
}
#side .side-box + .side-box {
	margin-top: 20px;
}
#side .side-box .btn {
	position: absolute;
	top: 70px;
	right: 10px;
	font-size: 11px;
}
#side .side-box hr {
	border-top: 1px solid #ded6ce;
}
#side h3 {
	padding: 26px 0 28px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #5d463e;
	line-height: 1.4;
}
#sub #side .menu h3 {
	padding: 22px 0 22px 10px;
}
#side h3 span {
	display: block;
	font-size: 10px;
	font: Arial, Helvetica, sans-serif;
}
#side .menu-box dt {
	position: relative;
	padding: 20px 10px;
}
#side .menu-box dt:hover {
	background: #fdf9f5;
}
#side .menu-box dd + dt {
	border-top: 1px dashed #c7bdb3;
}
#side .menu-box dt a {
	font-weight: bold;
}
#side .menu-box dt i {
	position: absolute;
width: 12px;
height: 4px;
top: 25px;
right: 15px;
background: #e5c052;
transition: .3s;
cursor: pointer;
}
#side .menu-box i:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: inherit;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#side .menu-box dt.open i:after {
background: #5d463e;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

#side .menu-box dd {
	padding: 0 10px 20px;
}
#side .menu-box li {
	margin-top: 12px;
	line-height: 1.2;
}
#side .menu-box li:first-child {
	margin-top: 0;
}
#side .menu-box li a {
	position: relative;
	display: inline-block;
	padding-left: 13px;
}
#side .menu-box li a:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-top: 8px solid #e5c052;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


#side .rank-box li {
	position: relative;
	padding: 15px 12px;
	border-bottom: 1px dashed #c7bdb3;
	line-height: 1.2;
}
#side .rank-box li:last-child {
	border-bottom: none;
}
#side .rank-box .num {
	position: absolute;
	display: block;
	top: 7px;
	left: 7px;
	width: 36px;
	height: 30px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0 13px;
}
#side .rank-box #n01 {color: #fff;background: url(../image/side_rank01.png) no-repeat;}
#side .rank-box #n02 {color: #fff;background: url(../image/side_rank02.png) no-repeat;}
#side .rank-box #n03 {color: #fff;background: url(../image/side_rank03.png) no-repeat;}
#side .rank-box .ttl {
	display: block;
	font-weight: bold;
}
#side .rank-box .img {
	display: block;
	min-height: 110px;
	text-align: center;
}
#side .rank-box img {
	max-width: 100px;
}

#side .bnr-box {
	margin: 20px 0;
}
#side .bnr-box li {
	margin-bottom: 15px;
	background: #fff;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
}
#side .bnr-box li:last-child {
	margin-bottom: 0;
}

#side .infomation {
background: #fff url(../image/side_bita.png) no-repeat top 15px right 15px;
}
#side .online {
	padding: 15px 20px;
}
#side .online li {
	margin-bottom: 8px;
	line-height: 1.4;
}
#side .online li:last-child {
	margin-bottom:0;
}
#side .online .shop {
	padding-top: 20px;
background: url(../image/cmn_shop_txt.png) no-repeat top left;
}
#side .online .tenpo {
	min-height: 15px;
	padding-left: 17px;
background: url(../image/side_ico.png) no-repeat top left;
}
#side .tel {
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px dashed #c7bdb3;
}
#side .list {
	padding: 15px;
}
#side .list li {
	margin-bottom: 7px;
}
#side .list a {
	position: relative;
	display: inline-block;
	padding-left: 13px;
}
#side .list a:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-top: 7px solid #5e4e49;
border-left: 7px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* #footer */
#footer {
background: url(../image/bg02.png);
}
/* .banner */
#footer .banner {
	width: 100%;
	padding-top: 10px;
background: #fff url(../image/ftr_line.png) repeat-x top left;
border-bottom: 1px solid #d6ccb4;
}
#footer .banner .inner {
	width: 1060px;
	margin: 0 auto;
	padding: 25px 0;
}
#footer .banner ul {
	margin-right: -20px;
}
#footer .banner li {
	float: left;
	width: 160px;
	margin-right: 20px;
}

/* .lnav */
#footer .lnav {
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0;
}
#footer .lnav nav > div {
	float: left;
}
#footer .lnav .nav01 {width: 195px;}
#footer .lnav .nav02 {width: 285px;}
#footer .lnav .nav03 {width: 320px;}
#footer .lnav .nav04 {width: 240px;}

#footer .lnav dl {
	padding: 10px 0 10px 20px;
background: url(../image/cmn_bdr01.png) repeat-y top left;
text-align: left;
vertical-align: top;
}
#footer .lnav dl + dl,
#footer .lnav dt + dt {
	padding-top: 20px;
}
#footer .lnav dt {
	font-weight: bold;
}
#footer .lnav dd {
	margin-top: 10px;
}
#footer .lnav li {
	margin-top: 12px;
}

/* .info */
#footer .info {
	width: 100%;
background: url(../image/ftr_bg.png) repeat-x bottom left;
}
#footer .info .inner {
	position: relative;
	width: 1040px;
	height: 205px;
	margin: 0 auto;
}
#footer .info p,#footer .info div,#footer .info ul {
	position: absolute;
}
#footer .info .logo {
	top: 24px;
	left: 0;
}
#footer .info .address {
	top: 93px;
	left: 40px;
}
#footer .info .sns {
	top: 54px;
	left: 350px;
}
#footer .info .sns li {
	float: left;
	margin-left: 10px;
}
#footer .info p {
	line-height: 1.4;
}
#footer .info .tel {
	top: 52px;
	right: 217px;
}
#footer .btn {
	top: 52px;
	right: 10px;
	padding-top: 17px;
background: url(../image/cmn_shop_txt.png) no-repeat top left;
}
#footer .menu {
	overflow: hidden;
	top: 22px;
	right: 10px;
}
#footer .menu li {
	float: left;
	margin-left: 15px;
	line-height: 1.2;
}
#footer .menu a {
	position: relative;
	display: inline-block;
	padding-left: 13px;
}
#footer .menu a:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-top: 7px solid #5e4e49;
border-left: 7px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#footer .info .copy {
	bottom: 16px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}


/* #path */
#path {
	padding: 15px 10px;
}
#path ul{
	overflow: hidden;
}
#path li{
	float: left;
	margin-left: 8px;
	line-height: 1.4;
	font-size: 11px;
}
#path li:first-child{
	margin-left: 0;
	padding-left: 0;
	font-weight: bold;
}
#path li + li:before{
	padding-right: 8px;
	content: "|";
}
#path a {
	text-decoration: underline;
}
#path a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------------------
   other
---------------------------------------------------------------------------*/
#main-fb {
	overflow: hidden;
	height: 266px;
margin-top: 30px;
padding: 20px;
box-sizing: border-box;
background: url(../image/fb_bg.jpg) no-repeat top left;
}
.wide #main-fb {
	overflow: hidden;
	height: 266px;
margin-top: 30px;
padding: 20px;
box-sizing: border-box;
background: url(../image/fb_bg_wide.jpg) no-repeat top left;
}

#pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}