@charset "utf-8";
/* CSS Document */

html {
	font-size:62.5%;
}

body {
	background-color:#E3D2CD;
	font-size:2.8rem;
	line-height:1.6;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

header,
#wrapper,
footer {
	width:100%;
}

#wrapper {
	max-width:960px;
	margin:auto;
}

header {
	margin:10px 0 0;
}

header h1 {
	padding:3% 0 4%;
	display:inline-block;
}

header h1 img {
	margin-right:1em;
}


header #header_content {
	overflow:hidden;
}

header #header_content ul#header_nav {
	overflow:hidden;
	background-color:;
}

header #header_content ul#header_nav {
	display: none;
}

header #header_content ul#header_nav li.online{
	padding-top:0;
}

header #header_content ul#header_sns {
	position:absolute;
	top:2%;
	right:0;
}

header #header_content ul#header_sns .title {
	display:none;
}

header #header_content ul#header_nav li,
header #header_content ul#header_sns li {
	float:left;
}


/* instagram,onlineshopモーダルウィンドウページ指定(SP)
-------------------------------------------------------------------------------------------------------- */


.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
 
.md-contents{
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  width: 780px;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10000;
}

 
.md-inner{ 
padding: 30px 40px;
  background: #fff;
  height: auto;
}
 

.md-xmark{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
 
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #aaa;
  border-radius: 4px;
}
 
.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
 
 
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}


.mark_insta img{
 width:100%;
 height: 100%;
}








header #header_content ul#header_nav li {
	font-weight:bold;
	width:24%;
	text-align:center;
	font-size:110%;
	letter-spacing:0.2rem;
	padding:2% 0;
	border-right:2px solid #b08b07;
}

header #header_content ul#header_nav li:last-child {
	border-right:0;
}

header #header_content ul#header_nav li a {
	color:#b08b07;
}

header #header_content ul#header_sns li {
	padding-right:20px;
}

.bx-wrapper img {
	max-width:960px;
	width:100%;
}

.bx-pager {
	display:none;
}

#news {
	margin:15px 0 20px;
}

#news ul li {
	padding:1% 2%;
	border-bottom:1px solid #d9d9d9;
}

#news ul li a {
	display:block;
	background:url(/sp/img/Icon-detail.gif) no-repeat right 3% center;
	padding:1% 0;
}

#news ul li .detail {
	display:inline-block;
	width:70.17%;
	margin-left:3%;
	vertical-align:top;
}

#news ul li .detail .date {
	margin:0 14px 4px 0;
	display:inline-block;
}

#news ul li .detail .date,
#news ul li .detail .category {
	color:#cf47ac;
}

#news ul li .detail h2 {
	font-size:3.4rem;
	font-weight:normal;
	line-height:1.4;
}

#SPlinks ul li {
	display:inline-block;
	width:49%;
	margin-left:0.5%;
	vertical-align:top;
}

#SP ul li:nth-child(2n+1) {
	margin-left:0%;
}

/*#SPlinks ul li:last-child {
	width:98%;
	margin:0 1%;
}*/

#SPlinks ul li img {
	width:100%;
	height:auto;
}

#PClinks {
	display:none;
}

footer {
	padding:1% 0;
	border-top:4px solid #333;
}

#category_list{
	width:100%;
 	position: fixed;
	z-index:99999;
	top: 0px;
	left: 0px;
	background-color:#ffffff;
	padding:10% 0;
	height:100%;
	display:none;
}

.lists{
margin:2px auto;
}

#category_list li{
	text-align:center;
}

#category_list li a{
	padding:4% 0;
	display:inline-block;
	width:100%;
	text-decoration:none;
	font-size:120%;
	color:#9c873d;
}

.list_close{
	background:#b08b07;
	padding:5px 30px;
	cursor:pointer;
	font-size:50px;
	display:inline-block;
	color:#ffffff;
	right:50px;
	position:absolute;
}


footer #footer {
	margin-bottom: 100px;
	padding:10px 0;
}

footer #footer .text{
	float:left;
	width:50%;
	text-align: left;
}

footer #footer .link{
	float:right;
	width:50%;
	text-align: right;
}

footer #footer .SPlink ul li img{
	float:right;
	margin-right: 5px;
	width:142px;
	height:auto;
}

li img:last-child {　
	margin-right: 0;
}

footer #footer .PClink ul li img{
	display:none;
}

li img:last-child {　
	margin-right: 0;
}