@charset "UTF-8";
/*
	キムカツ|COMMON
　PC用CSS(common)

*/



/*-----------------------*----*----*----*----*----*----*----*----*----* タグ */
body {
/* 	background:url("../img/body-bg.png"); */

}

	.mo {
		display:none !important;
	}



/*-----------------------* リンク */
a {
}

/*-----------------------* リンク：通常,リンク：読み込み済み */
a:link,a:visited {
}

/*-----------------------* リンク：カーソルが上にあるとき,リンク：クリックされた瞬間 */
a:hover,a:active {
}



/*-----------------------*----*----*----*----*----*----*----*----*----* ヘッダー */
/*-----------------------*----*----*----*----*----*----*----*----* header */
header{
	position:fixed;
	top:0px;
	width:100%;
	height:137px;
	margin: 0;
	z-index:100;
	color:#fff;
	padding-top:5px;
}
header a:link,header a:visited {
	color:#fff;
	text-decoration:none;
}
header a:hover,header a:active {
	color:#fff;
	text-decoration: underline;
}
header article{
	width:100%;
	margin:0 auto 0 auto;

}

/* header-container */
.header-container{
	width:100%;
	max-width:1300px;
	padding:0px 28px 15px 28px;
	margin:0 auto;
}
.header-container h1{
	float:left;
	width:321px;
	height: 70px;
	background: url(../img/header-logo.png) no-repeat 0 0;
	margin:0px  0 0;
}
.header-container h1 a{
	width:321px;
	height: 70px;
	display:block;
}
.header-container h1 span{
	display: none;

}

/*
.header-container .siryobtn{
	float:right;
	margin:0px 0 0 0;
}
*/

header-container .sns{
	height:0px;
	position: absolute;
	bottom:10px;
	right:0;
	margin:0;
}
header article .sns li{
	margin-top:15px;
	float: right;
	margin-left:20px;
}

header-container .lang{
	height:0px;
	position: absolute;
	bottom:10px;
	right:0;
	margin:0;

}
header article .lang li{
	color: #000000;
	margin-top:15px;
	float: right;
	margin-left:20px;

}

/*-----------------------*----*----*----*----*----*----* nav */


#header a {
	color: #FFF;
	text-decoration: none;
}
#header .gNavibox {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;

}
#header .gNavi {
/*
	width:960px;
*/
	margin:0 auto;
    	letter-spacing: 0.1em;
}

#header .gNavi li {
	float: left;
	width: 20%;
	border-left: 1px solid #FFF;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

#header .gNavi li:last-child {
	border-right: 1px solid #fff;
}




#header .gNavi li a {
	position: relative;
	display: block;
	padding: 0px 0;
	z-index: 2;
	height: 45px;


}

#header .gNavi li a::before,
#header .gNavi li a::after {
	position: absolute;
	left: 0;
	display: block;
	content: ' ';
	width: 100%;
	height: 50%;
	z-index: -1;
	background-color: #000000;
}


#header .gNavi li a,
#header .gNavi li a::before,
#header .gNavi li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#header .gNavi li a::before { top: 0; }
#header .gNavi li a::after { bottom: 0; }
#header .gNavi li a:hover::before,
#header .gNavi li a:hover::after {
	height: 0;
	background-color: #000000;
}


#header .gNavi li a {
	line-height: 45px;
	white-space:nowrap;
}

#header .gNavi li a:hover {
	background-color: #FFF;
	border-bottom: 1px solid #000000;
	color: #000000;
	letter-spacing: 0.3em;
}

#header .gNavi li a span.ja {
/*	display: none; */
	letter-spacing: 0.1em;
}
#header .gNavi li a span.en {
	display: none;
	font-size:11px;
}
#header .gNavi li a:hover span.en { display: inline; }
#header .gNavi li a:hover span.ja { display: none; }

#header .btn_sp { display: none; }







/*-----------------------*----*----*----*----*----*----*----*----* メイン(main) */
/*-----------------------*----*----*----*----*----*----* article */
main{
	height: auto;
	margin-top:137px;
}
main:before,
main:after{content:" ";display:table}
main:after{clear:both}

main article {
}

/*-----------------------*----*----*----*----*----* slider2（ショップ情報） */
main div.slider-shop{
	width:100%;
	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:20px 0 15px 0;
	text-align:center;

}

/* info */
main div.slider-shop dl.info{
	width:960px;
	margin:0 auto 0 auto;
	text-align:left;
	padding:0 0 0 170px;
}
main div.slider-shop dl.info dt{
	padding-bottom:5px;
}

main div.slider-shop dl.info dt img{
	margin:0 5px 0 5px;
}
main div.slider-shop dl.info dd{
	margin:0 5px 0 5px;
	padding-bottom:15px;
	font-size:1.2em;
}


/* slider */

main div.slider-shop div.hoge-shop {
	width:100%;
	min-width:960px;
	margin:0 auto;
}
main div.slider-shop div div{
	font-size:1em;
	text-align:left;
	color:#975c00;
}
main div.slider-shop div div a{
	color:#975c00;
}
main div.slider-shop a:hover,
main div.slider-shop 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:20px 0 20px 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: table;
	margin: 0 auto 5px auto;	
}
footer ul li{
	display: table-cell;
	padding:0px 7px 0px 7px;
	border-right:1px solid #fff;
	font-size:0.9em;
  	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande","Helvetica","Arial","游ゴシック体","YuGothic","游ゴシック","Yu Gothic",sans-serif;	
	line-height:1%;
}
footer ul 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:50px;
	text-align: center;
	width:100%;
	font-size:0.8em;
}



/*-----------------------*----*----*----*----*----*----*----* ページトップ */
/*-----------------------*----*----*----*----*----* 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:1.4rem;
	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:7em;
}

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;
}


/*-----------------------*----*----*----*----*----*----*----*----*----* 色 */

/*-----------------------*----*----*----*----*----*----*----*----*----* 非表示 */


/*-----------------------*----*----*----*----*----*----*----*----*----* そのた */

