/* =====================================
全体の設定
======================================*/
html body{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:62.5%;
	line-height:1.4;
	letter-spacing:0.1em;
	font-weight:lighter;
	color:#fff;
	background-color:#504740;
  }
a{
	transition:1.0s ;
}
a:link{
	color:#fff;
	text-decoration:none;
}	
a:visited{
	color:#fff;
	text-decoration:none;
}	
a:acctive{
	color:#A8A8A8;
	text-decoration:none;
}
a:hover{
	color:#ad9c8f;
	text-decoration:none;
}
/*共通文字の設定*/
#event h2,
#goods h2,
#shop h2{
	font-size:2em;
	margin-top:40px;
	font-weight:300;
}
#event h3,
#goods h3,
#shop h3,
#company table{
	font-size:2.5em;
	margin:4px 0 16px;
	font-weight: 300;
}
h2,
h3,
h4{
	text-align:center;
}
.google{
	font-family: 'Quicksand', sans-serif;
}
/* =====================================
ヘッダーの設定
======================================*/
#header{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#header img.rogo{
	margin:40px auto 40px;
	display:block;
}

#nav{
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
#nav ul{
	max-width: 960px;
	padding-left: 20%;
	margin:0 auto;
	display:block;
}
#nav ul li{
	float:left;
	padding-left:60px;
    text-align: center;
	displays:block;
}
#nav ul li:first-child{
	padding-left:0;
}
#nav ul li a span.en{
	font-size:3.0em;
}
#nav ul li a span.ja{
	font-size:1.8em;
}
/* =====================================
メイン画像の設定
======================================*/
#main_gra img{
	width:100%;
	height:100%;
	margin-top:40px;
}
/* =====================================
イベント・催事情報の設定
======================================*/
.event_inner{
	width:100%;
	background-image:url(../assets/ptn.png);
}
#event ul{
	width: 100%;
    max-width: 1200px;
	margin:0 auto;
    text-align: center;
	padding:40px 0 20px;
}
#event ul li{
	padding: 5px 0;
	width: 900px;
  margin: 0 auto;
  border-bottom: 1px dotted #76573E;
	text-align: left;
	color:#1A1919;
	line-height:20px;
	
}

#event ul li span{
	width:280px;
	color:#7D6753;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.15em;
	padding-top:10px;
	float:left;
}




#event ul li p{
	width: 100%;
  max-width: 1200px;
	margin:0 auto;
	padding-bottom:5px;
	padding-top:10px;
	font-size:1em;
	color:#171717;
	
}
.wrap strong{
	  color: #464343;
		text-align:right;
    font-size: 1.35em;
    margin-top: 15px;
    display: block;
}



#event ul li,
#event p{
	font-size:1.6em;
}
.title{
	color:#000000;
	
}
.date{
	color:#000000;
}

#event ul li a,
#event p{
	color:#000;
}
#event ul li a:hover{
	color:#ad9c8f;
}
#event ul li span.date{
	margin-right: 100px;
}

/* =====================================
商品のご案内の設定
======================================*/
.goods_inner{
	width:100%;
    background-color:#fff;
	padding: 16px 0;
}
#goods .main{
	width:1000px;
	margin:0 auto;
}
.multiple-items{
	color:#000;
	text-align:center;
}
/* =====================================
オンラインショップの設定
======================================*/
#shop{
	width:100%;
	max-width:1200px;
	margin:0 auto 40px;
}
.shop_inner{
	width:1000px;
	margin:0 auto;
}
.rakuten{
	margin-left:250px;
}

.shop_inner a:hover img{
	opacity:0.7;
	transition:1.0s ;
}
/* =====================================
会社概要の設定
======================================*/
#company{
	width:100%;
	height:100%;
	padding:40px 0 60px;
	background-image:url(../assets/company_gra.jpg); 
}
#company h4{
	font-size: 2.5em;
    border: 1px solid #fff;
	font-weight: 300;
    width: 250px;
    margin: 0 auto;
    padding: 8px 0;
}
#company table{
	width:950px;
    margin: 60px auto 0px;
}
#company tr{
	padding-bottom:36px;
	line-height:1.6em;
}
#company th{
	width:150px;
	float:left;
	text-align:left;
	margin-right:20px;
}
#company td{
	width: 735px;
	float:right;
}
/* =====================================
フッターの設定
======================================*/
#footer{
	width:100%;
	background-color:#000;
}
.fotter_inner{
    max-width:1200px;
	margin:0 auto;
}
#footer ul{
	float: right;
    margin-top: 60px;
	font-size:1.8em;
}
#footer ul li{
	padding-bottom: 4px;
}
#footer ul li:last-child{
	padding-bottom:0;
	text-align:right;
}
#footer p{
	font-size:1.6em;
	text-align:center;
	padding-bottom:20px;
	clear:both;
}
@media only screen and (max-width:1200px){
	.wrap{
		width:94%;
		margin:0 3%;
}
/*メニュー*/
	#nav ul li{
		padding-left:4%;
}
/*イベント・催事情報*/
	#event ul li{
		width:100%;
}
/*商品のご案内*/
	#goods .main {
    width: 90%;
}
	.slick-slide img {
    width: 90%;
    height: auto;
}
/*オンラインショップ*/
	 #shop img.rakuten,
	 #shop img.amazon{
		width:45%;
		height:auto;
}
	 #shop img.rakuten{
		  padding-left:2%;
}
	 #shop img.amazon{
		 padding-right:2%;
}
/*会社情報*/
	#company table{
		width:100%;
}
	#company th {
    width: 15%;
}
	#company td {
    width: 80%;
}
}
@media only screen and (max-width:1200px){
	html body{
		width:1200px;
	}
}