/*common.css 全ページ共通項目*/

/*--ページ基本設定--*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	overflow-x:hidden;
	font-size:14px;
	min-height:100%;
	display: flex;
    flex-direction: column;
	letter-spacing: 3px;
    max-width: 100%;
    font-feature-settings: "palt";
}
html{
	overflow:auto;
	height:100%;
	position:relative;
}
#contents{
	width:1000px;
	min-height:100%;
	margin:0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

/*--クリア--*/
.clear{clear:both;}
/* clearfix ----------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;min-height:1%;  /* for IE 7*/} 
/* IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/*--▲クリア▲--*/
.commonWidth{width: 1000px;margin: auto; }
.commonPadding{padding:0 40px;}


/*--ヘッダー--*/
header{	width:100%;	margin:auto;background: #4b4b4b;}
#header{
	height:120px;
	font-size:12px;
    text-align: center;
    position: relative;
    z-index: 5;
    width: 1000px;
    margin: 0 auto;
}
#header .toplink h1{
	width:150px;
    float: left;
	background:url(../images/logo_shop.png) no-repeat;
    background-color: #f0ea51;
	background-position:center;
	text-indent:-9999px;
    height: 100%;
    max-height: 120px;
    display: block;
    padding: 0 10px;
}
#header .toplink_sp h1{display: none;}
#header h2{
    color: #fff;
	font-size:12px;
	margin-left:30px;
    float: left;
    margin-top: 50px;

}
#header h3{font-size: 16px; border-bottom: 1px solid #fff;margin-bottom: 5px; padding-right: 100px;}


/*--営業時間--*/
.time{
    border: 1px solid #fff;
    width: 300px;
    float: right;
    overflow: hidden;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    letter-spacing: 3px;
    line-height: 1.5;
}
.time p{font-size:14px;text-align: left;margin-bottom: 5px;}
.time dt{float: left;margin-right: 20px;}
.time dd{float: left;clear: right;}
.time dd:nth-child(1){margin-bottom: 15px;}


/*--ナビ（gnav）--*/
.gnav{width: 1000px; margin: 0 auto;padding:15px 0 12px; text-align: center;}
.gnav nav{
	margin:0 auto 10px auto;
	letter-spacing:3px;
	text-indent:3px;
	overflow:hidden;
    margin-bottom: 3px;
    display: inline-block;
    width: 100%;
}
.gnav nav ul a{
	float:left;
	text-align:center;
    border-right: 1px solid #f0ea51;
}

.gnav nav ul li{padding: 0 15px;}
.gnav nav ul a{
    width: 16.5%;
	color: #ffffff;
	text-decoration:none;
    display: block;
    border-bottom: 3px solid #4b4b4b;
}
.gnav nav ul a:hover{color: #fff;border-bottom: 3px solid #fff;}
#li01{border-left: 1px solid #f0ea51;}
#acmenu{display:none;}

#toggle{display: none;}
/*--▲ナビ（gnav）▲--*/
/*--▲ヘッダー▲--*/


.mainImg{
    width:100%; 
     height:450px;
     margin:20px auto 70px auto;
     background-size:cover !important;
     background-position:center !important;
    background-repeat: no-repeat !important;
}


/*--タイトル設定--*/
h6{
	width:1000px;
	margin:30px auto 0;
    padding: 0 10px;
	font-size:20px;
	text-align:left;
	border-bottom:1px solid #e6a312;
    font-weight: 600;
}
/*--▲タイトル設定▲--*/

/*--改行--*/
.kai{content: "\A";	white-space: pre;}
/*--▲改行▲--*/
.red{color: red;}


/*--フッター--*/
footer{
	height:200px;
	background:#434343;
	color:#ffffff;
	padding:10px 0;
	margin-top: 150px;
	text-align:center;
}
footer img{width: 350px;margin: 20px 0;}
footer span{display: inline-block;}
footer span:nth-child(2){margin-left: 20px}
/*--▲フッター▲--*/



/************************************

スマホ表示

*************************************/

@media (max-width: 496px) {
    
/************************************
ヘッダー領域
*************************************/   
header{height: auto;padding: 5px 0;}
header #header{width: auto;height: auto; text-align: left;}

#header .toplink {display: none!important;}
#header .toplink_sp h1{display: inline-block;margin:5px 0 0 15px;}
#header .toplink_sp h1 img{width:180px;}

/************************************
トップスライダー
*************************************/   
.mainImg{height: 150px;}
/************************************
各種ページトップ
*************************************/
h6{width: 100%;box-sizing: border-box; margin: 20px 0 0;padding: 0 20px;}

#contents{padding: 0 20px;width: auto;}
.time{display: none;}



/************************************
ナビ
*************************************/
#toggle{display:block;position: absolute;top: 0;right: 0;z-index: 999; width: 50px;height: 50px; cursor: pointer;cursor: hand;}
#toggle img{height: 50px;width:50px;}
.gnav{width: auto; position: relative;z-index: 100; height:auto;float: none;display: none;padding: 0; background: #4b4b4b;}
.gnav nav{display:inline;}
.gnav nav ul a{padding: 10px 0; float: none;width: 100%;max-height: 498px;border: 0; border-bottom: 2px solid rgba(175, 175, 175, 0.53);}
#li01{border-left:0;}    

    
    
    
/************************************
フッター領域
*************************************/
footer img{width: 200px;}
    footer span{margin-left: 0;}
    
    
}