@charset "UTF-8";

/* =============================================
1.common
2.wrapper
3.header
4.slider
5.gnav
6.content
7.footer
============================================= */

/* =============================================
1.common
============================================= */
body{
	font-size: 16px;
	line-height:26px;
	letter-spacing:0.01em;
	color: #000;
	background-color: #FFF;
}
a { color:#000000;}
a:link {}
a:visited {}
a:hover, a:focus, a:active { color:#F4BB19;}
a:hover img, a:focus img, a:active img{
		filter: alpha(opacity=25);
	  -moz-opacity:0.25;
	  opacity:0.25;}
img {
	border: 0;
	vertical-align: bottom;
}
html{
	overflow-y: scroll;
}

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

/*SNS リンク無しの場合*/
.icon_sns_none img{
		filter: alpha(opacity=25);
	  -moz-opacity:0.25;
	  opacity:0.25;}

/*ページトップスクロールボタン*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	text-align:center;
}
#page-top a {
	text-decoration: none;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}

/* =============================================
2.wrapper
============================================= */
#wrapper{
	border-top:#000000 solid 5px;
	}


/* =============================================
3.header
============================================= */
#header {
	max-width:980px;
	margin:0 auto;
	padding:10px 0 10px 0;
	}
#header dl:after {
  content: '';
  display: table;
  clear: both;
	}
#header dl dt {
	float:left;
	}
#header dl dd {
	float:right;
	}
/*h1------------------------------------------*/
#header dl dt h1 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:15px;
	line-height: 16px;
	}
/*アクセス、フランチャイズ/sns----------------*/
#header dl dd dl.btn-sns:after {
  content: '';
  display: table;
  clear: both;
	}
#header dl dd dl.btn-sns {
	padding-bottom:18px;
	margin-bottom: 20px;
	}
#header dl dd dl.btn-sns dd {
	float:right;
	}
#header dl dd dl.btn-sns dd ul li {
	list-style:none;
	margin-left:15px;
	width:155px;
	float:right;
	}
#header dl dd dl.btn-sns dt {
	float:right;
	margin-left:32px;
	}
#header dl dd dl.btn-sns dt ul li {
	list-style:none;
	float:right;
	margin-left:10px;
	}
#header dl dd dl.btn-sns dt ul li img{
	width:auto;
	height:23px;
	}
/*TEL/お問合せボタン--------------------------*/
#header dl dd ul.tel-inquiry:after {
  content: '';
  display: table;
  clear: both;
	}
#header dl dd ul.tel-inquiry li {
	list-style:none;
	float:right;
	margin-left:60px;
	}
/*営業時間------------------------------------*/
#header dl dd p {
	float:right;
	padding-top:5px;
	}
/* =============================================
4.slider
============================================= */
#img_main {
	margin:0 auto;
	}
#img_main img {
	width:100%;
	max-width:1300px;
	}

/* =============================================
5.gnav
============================================= */
#gnav {
	max-width:980px;
	margin:35px auto 35px auto;
	text-align: center;
	text-transform: uppercase;
}
#gnav * {
  box-sizing: border-box;
}
#gnav li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 2em 0 0;
  padding: 0;
}
#gnav a {
  padding: 1.5em 0;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight:bold;
}
#gnav a:before,
#gnav a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#gnav a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #F4BB19;
}
#gnav a:after {
  left: 0;
  top: 0;
  padding: 1.45em 0;/*hoverの高さ調節*/
  position: absolute;
  content: attr(data-hover);
  color: #000;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
#gnav a:hover:before,
#gnav .current a:before {
  opacity: 1;
  width: 100%;
}
#gnav a:hover:after,
#gnav .current a:after {
  max-width: 100%;
}
/* =============================================
6.content
============================================= */
#content{
	clear:both;
	max-width:980px;
	margin:0 auto;
	padding:50px 0;
}
/* =============================================
7.footer
============================================= */
#footer {
	clear: both;
}
/*FOLLOW US-----------------------------------*/
#footer .icon_sns {
	width:100%;
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:30px 0;
	}
#footer .icon_sns:after {
  content: '';
  display: table;
  clear: both;
	}
#footer .icon_sns h2 {
	text-align:center;
	margin-bottom:20px;
	}
#footer .icon_sns ul {
	max-width:290px;
	margin:0 auto;
	list-style:none;
	}
#footer .icon_sns ul li {
	float:left;
	margin:0 10px;
	}
/*サイトマップ/info-----------------------------*/
#footer dl {
	max-width:980px;
	margin:30px auto 0 auto;
	letter-spacing:0.05em;
	}
#footer dl:after {
  content: '';
  display: table;
  clear: both;
	}
#footer dl dt {
	float:left;
	width:400px;
	}
#footer dl dt p {
	margin:10px 0;
	font-size:0.8em;
	}
#footer dl dd {
	float:right;
	width:560px;
	}
#footer dl dd dl.info {
	margin:0;
	}
#footer dl dd dl.info dt {
	float:left;
	width:280px;
	}
#footer dl dd dl.info dd {
	float:right;
	width:260px;
	}
#footer dl dd dl.info dd h2 {
	font-size:1em;
	letter-spacing:0;
	margin-bottom:8px;
	}
#footer dl dd dl.info dd p {
	font-size:0.8em;
	line-height:1.6em;
	letter-spacing:0;
	}
/*コピーライト-----------------------------------*/
.copyright{
	background:#000000;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:30px;
	height:30px;
	}