@charset "UTF-8";
/*
	キムカツ|COMMON
　スマホ用CSS

*/



/*-----------------------*----*----*----*----*----*----*----*----*----* タグ */
body {
/*	position:relative;
	background:url("../img/body-bg.png");
*/
}

   .pc{
	display:none !important;
	}

/*-----------------------* リンク */
a {
}

/*-----------------------* リンク：通常,リンク：読み込み済み */
a:link,a:visited {
}

/*-----------------------* リンク：カーソルが上にあるとき,リンク：クリックされた瞬間 */
a:hover,a:active {
}



/*-----------------------*----*----*----*----*----*----*----* ヘッダー */
/*-----------------------*----*----*----*----*----* header */
header{
   	width: 100%;
	position:relative;
	top:0px;
	height:95px;
	margin: 0;
	z-index:10;
	background-color:#282828;
	color:#fff;

}
header article:before,
header article:after{content:" ";display:table}
header article:after{clear:both}


header article{
	width:100%;
	margin:0 auto 0 auto;
}


header article h1{
	float:left;
	width:321px;
	height: 70px;
	background: url(../img/header-logo.png) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;	
	left:10px;
	top:5px;
	margin:0 auto;	

}

header article h1 a{
	width:200px;
	height: 88px;
}

header article h1 span{
	display:none;
}






/*-----------------------*----*----*----*----*----*----*----*----*----* ドロワーメニュー */
/* bootstrap 対応 */
h1{
	padding:0 !important;
	margin:5px auto 0 auto!important;
}

/* メニュー領域（固定）*/
nav.navbar{
position:absolute;
	background-color:transparent !important; 
	border:none !important;
	height:120px;

}

/* メニューリスト */
.navbar-header{
	width:100% !important;
	margin:0 !important;
}
.navbar-collapse{

	background-color:#000;
	margin-top:39px;
}

.container-fluid{
	padding:0 !important;

}

/*メニュートグル */
.navbar-toggle{
	top:20px;
	right:0px;
	padding:0 !important;
	background:none !important;
}

.nav a{
	color:#fff!important; 
	margin-top:-3px;
}
.nav a:hover{
	color:#fff !important; 
}

.nav a:hover,.nav a:active {
	text-decoration: underline;
}

/* メニューボタン背景 */
.navbar-header button{
/*
	background-color:#fff;
*/
	border:none;
}
.navbar-header button:hover{
	background-color:transparent !important ;

}

.menu-img{
	width:55px;
	height:53px;

	width:40px;
	height:40px;

	
	background: url(../img/menu.png) no-repeat center center;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}






/*-----------------------*----*----*----*----*----*----* article */
main{
	height: auto;
}
main:before,
main:after{content:" ";display:table}
main:after{clear:both}

main article {
}




/*-----------------------*----*----*----*----*----* slider2（ショップ情報） */
main div.slider-shop{
	width:100%;
	overflow:hidden;
	margin:-19px 0 0 0 !important;
	line-height:0;
	background:url("../img/body-bg.png");	
	border-top:1px solid #c8c1ab;
	border-bottom:1px solid #c8c1ab;
	padding:15px 0 15px 0;
	text-align:center;

}



/* info */
main div.slider-shop dl.info{
	margin:0 auto 0 auto;

}
main div.slider-shop dl.info dt{
	padding:0 0px 10px 10px;
	text-align:center;

}
main div.slider-shop dl.info dt img{
	height:22px;
	width:auto;

	margin:0 5px 0 5px;
}
main div.slider-shop dl.info dd{
	margin:0 5px 0 5px;
	padding:0 5px 15px 55px;
	font-size:0.8em;
	text-align:left;

}
@media screen and (min-width: 361px) and (max-width:500px){
	main div.slider-shop dl.info dd{
	padding:0 5px 15px 80px;
	}
}
@media screen and (min-width: 501px){
	main div.slider-shop dl.info dd{
		padding:0 20px 20px 20%;

		font-size:1.1em;
	}
}

/* slider */

main div.slider-shop div.hoge-shop {
	width:100%;
/*
	min-width:963px;
*/
	margin:0 auto;
}
main div.slider-shop div div{
	font-size:0.9em;
	text-align:left;
	color:#975c00;
}
main div.slider-shop div div a{
	color:#975c00;
}
a:hover,a:active {
	text-decoration: none;
}


main div.slider-shop div div img {
	width:95%;	/* 隙間 */
	height:auto;
}

main div.slider-shop div div a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


main div.slider-shop div div span {
	display:block;
	padding:5px 0 0px 0;
	font-size:1.2em;

}

main div.slider2 div div a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/*-----------------------*----*----*----*----*----*----*----* フッター */
/*-----------------------*----*----*----*----*----* footer */


footer {
	width:100%;
	padding:10px 0 10px 0;
	background-color:#232323;
	color:#fff;	
}
footer:before,
footer:after{content:" ";display:table}
footer:after{clear:both}
footer a:link,footer a:visited {
	color:#fff;	
}

footer a:hover,footer a:active {
	color:#fff;
	text-decoration: underline;
}

footer ul{
	display: inline;

}
footer ul li{
	float:left;
	padding:0px 7px 0px 7px;
	border-right:1px solid #fff;
	font-size:0.7em;
  	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande","Helvetica","Arial","游ゴシック体","YuGothic","游ゴシック","Yu Gothic",sans-serif;	
	line-height:1%;
	margin-bottom:5px;
}

footer ul#ul-last li:last-child{
	border:none;
}



/*-----------------------*----*----*----*----*----* copyright */
footer .copyr{

  	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande","Helvetica","Arial","游ゴシック体","YuGothic","游ゴシック","Yu Gothic",sans-serif;
	margin-top:20px;
	text-align: center;
	width:100%;
	font-size:0.7em;
}

/*-----------------------*----*----*----*----*----*----*----* ページトップ */
/*-----------------------*----*----*----*----*----* page-top */


main ul#page-top {
	position: fixed;
	bottom:2.5%;
	right:2.5%;
	display:block;
}

main ul#page-top li ,
main ul#page-top li a,
main ul#page-top li a span {
	text-align:center;
	font-size:1rem;
	font-weight:bold;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande","Helvetica","Arial","游ゴシック体","YuGothic","游ゴシック","Yu Gothic",sans-serif;
}

main ul#page-top li {
	display:inline-block;
	margin:0 0 0 0.5em;
}

main ul#page-top li:nth-child(1) a {
	width:5em;
}

main ul#page-top li:nth-child(2) a {
	width:5em;
}

main ul#page-top li a,
main ul#page-top li a span{
	color:#fff;
}

main ul#page-top li a {
	display:block;
	padding:0.5em 0;
	text-decoration:none;
	border:solid 1px #ff6600;

	background:rgba(255,102,0,0.75);
}

main ul#page-top li a:hover,
main ul#page-top li a:active {
	background:rgba(255,102,0,0.65);
}

/*
main ul#page-top {
	display:none !important;
}
*/
/*-----------------------*----*----*----*----*----*----*----*----*----* 色 */

/*-----------------------*----*----*----*----*----*----*----*----*----* 非表示 */

/*-----------------------*----*----*----*----*----*----*----*----*----* そのた */



/*-----------------------*----*----*----*----*----*----*----*----*----* iphone5 (320×568) */

/* iphone5 320×568 */
@media screen and (min-width: 0px) and (max-width:321px){

}