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

body {
	background-color:#E3D2CD;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

header {
	margin:20px 0 10px;
}

header h1 {
	display:inline-block;
}

header h1 img {
	width:140px;
	margin-right:2.8em;
}

header #header_content {
	display:inline-block;
	float:right;
}

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

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

header #header_content ul#header_nav li {
	padding:10px 20px;
	font-weight:bold;
}

header #header_content ul#header_nav li.online{
	padding:0px 20px;
	font-weight:bold;
}


header #header_content ul#header_sns li {
	margin-right:8px;
}

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

header #header_content ul#header_nav a:hover,
header #header_content ul#header_sns a:hover {
	text-decoration:none;
	color:#333333;
}

header #header_content ul#header_sns a:hover {
	opacity:0.9;
}

header #header_content ul#header_sns li .title {
	padding:8px;
	font-weight:bold;
	top:-10px;
	position:relative;
}

header #header_content ul#header_sns li img {
	width:30px;
}

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


.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: 480px;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10000;
}

 
.md-inner{ 
padding: 24px 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);
}



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

.bx-pager {
	display:none;
}

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

#news ul li {
	width:24%;
	display:inline-block;
	margin-right:0.25%;
}

#news ul li a {
	display:block;
	padding:2%;
}

#news ul li a:hover {
	text-decoration:none;
	background-color:#fafafa;
}

#news ul li:last-child {
	margin-right:0;
}

#news ul li img {
	width:60px;
	height:60px;
}

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

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

#news ul li .detail .date,
#news ul li .detail .category {
	color:#333;
	font-weight:bold;
}

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

#PClinks ul li {
	float:left;
	display:inline-block;
	margin:0 10px 5px 0;
}

#PClinks ul li.links_08 {
	display:none;
}

#PClinks ul li:nth-child(3),
#PClinks ul li:nth-child(6) {
	margin-right:0;
}

#PClinks ul {
	overflow:hidden;
}

#SPlinks {
	display:none;
}

footer #footer {
	margin-bottom: 100px;
	padding:10px 0;
	border-top:4px solid #333;
}

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

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

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

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

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


.sp_menu,
#category_list {
	display:none;
}