@charset "utf-8";
/*
	Description: initial setting
*/


/*
===== CONTENTS ===========================================

	1: body and base setting
		: general params
		: acronyms and abbreviations styles
	2: link setting

==========================================================
*/


/*
===== 1: body and base setting ===========================
*/

body,
input,
textarea {
	font-family: "Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin: 0px;
	padding: 0px;
	color:#040404;
	font-size:14px;
	letter-spacing:0.1em;
	line-break: normal;
	word-break: strict;
}

body{

}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote, section{
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;	
}
table {margin : 0;}

li { list-style: none; }/* link do not want a dot */

li,
dd,
dt,
p,
section,
div,
table{line-height:2em;}

/*
===== 2: link setting ===========================
*/
body a{
color:#000000;
text-decoration:none;
}
body a:hover{
color:#ff0000;
}
 a:hover img{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;}
	
/*
===========================
*/

.inner{ width:1000px; margin:0 auto;}

header{ background:#040404; padding:22px 0;}
header > div.inner{ margin:0 auto; overflow:hidden;}
header > div.inner h1{ width:37.9%; margin:0 auto;}
header > div.inner h1 img{ width:100%;}
header ul {width: 100px; overflow: hidden; margin: 0 auto; padding-top: 20px;}
header ul li{ display: block; float: left; width: 40px;}
header ul li{ margin-right: 20px;}
header ul li:last-child{ margin-right: 0;}
header ul li img{width: 100%;}

#main{ background:url(../img/bg.png) no-repeat center #040404; background-attachment:fixed;}

.contets{  top:0px; padding-top:300px;}
.contets h2{ margin-bottom:200px; text-align:center;}
.contets h2 img{ width:782px;}

.bg{background: rgba(255,255,255,0.6); padding-bottom:20px;}

.contets h3{ font-size:20px; text-align:center; padding-top:40px; margin-bottom:20px;}
.contets #mess p{ margin-bottom:20px;}
.contets #shop p{ text-align:center;}

.map{ background:#040404; padding:3px 10px; color:#fff;}

.contets footer{ text-align:center; font-size:12px;}
.snsbox01 { text-align:center; padding-top:20px; padding-bottom:20px;}
.snsbox01 p{ display:inline-block; margin-right:20px;}
.snsbox01 p:last-child{ margin-right:0px;}

.pc{ display:inline-block;}
.sp{ display:none;}


@media screen and (max-width:1040px) {
.contets h2 img{ width:78.2%;}	
.inner{ width:100%; padding:0 20px; box-sizing:border-box;}

}
@media screen and (max-width:680px) {

#main{ background:url(../img/bg.png) no-repeat top; background-attachment:fixed; background-size:200%;}
.contets{  top:0px; padding-top:120px;}

.bg .inner{ padding-top:50px; }

.main{ padding-top:50px;}

header > div.inner h1{ width:80%; margin:0 auto;}
.contets h2 img{ width:90%;}
.contets h2{ margin-bottom:230px;}

#shop p{ line-height:3em;}


.pc{ display:none;}
.sp{ display:inline-block;}

}