@charset "utf-8";

/* common
----------------------- */
.w700fix {
	width: auto;
}
.plus-wrapper {
	color: #333;
	line-height: 1.6;
}
.plus-wrapper * {
	box-sizing: border-box;
}
.plus-wrapper img {
	width: 100%;
	height: auto;
}
.plus-wrapper a {
	color: #333;
	text-decoration: underline;
}
.plus-wrapper a:hover {
	text-decoration: none;
}

/*.ttl
----------------------- */
.plus-wrapper .ttl {
	margin: 0 0 20px;
}

/*.item01
----------------------- */
.plus-wrapper .item01 {
	overflow: hidden;
	margin: 20px 0;
}
.plus-wrapper .item01 .right {
	float: right;
	width: 240px;
}
.plus-wrapper .item01 .left {
	float: left;
	width: 500px;
}

.plus-wrapper .item01 .title {
	color: #BBA68D;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/title.png) no-repeat center bottom 10px;
	background-size: auto 33px;
	padding: 0 0 45px;
	margin: 0 0 15px;
}

.plus-wrapper .item01 .sns {
	margin: 10px 0;
}
.plus-wrapper .item01 .sns ul {
	display: table;
}
.plus-wrapper .item01 .sns li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

.plus-wrapper .item01 .meta {
	font-size: 14px;
	border: 3px solid #BBA68D;
	padding: 17px;
	background-color: #F4F1ED
}
.plus-wrapper .item01 .meta .brand {
	min-height: 28px;
	padding: 0 0 0 150px;
	background: url(../images/menu.png) no-repeat left top;
}
.plus-wrapper .item01 .meta .price {
	min-height: 28px;
	padding: 0 0 0 150px;
	background: url(../images/price.png) no-repeat left top;
	margin: 15px 0 0;
}
.plus-wrapper .item01 .meta .price span {
	display: block;
}
.plus-wrapper .item01 .meta .name {
	border-top: 3px dashed #BBA68D;
	margin: 20px 0 0;
	padding: 20px 0 0;
	text-align: right;
}
.plus-wrapper .item01 .meta .name a {
	color: #BBA68D;
}
.plus-wrapper .item01 .meta .supply {
	font-size: 11px;
	text-align: right;
	margin: 5px 0 0;
}

/*.items
----------------------- */
.plus-wrapper .items {
	overflow: hidden;
}
.plus-wrapper .items .item {
	float: left;
	width: 160px;
	margin: 30px 0 0 38px;
}
.plus-wrapper .items .item:nth-of-type(4n+1) {
	clear: both;
	margin-left: 0;
}
.plus-wrapper .items .item .img {
	position: relative;
	margin: 0 0 15px;
}
.plus-wrapper .items .item .img:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #BBA68D;
	position: absolute;
	right: -4px;
	top: 4px;
}
.plus-wrapper .items .item .img:after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #BBA68D;
	position: absolute;
	left: 4px;
	bottom: -4px;
}

/*.btns
----------------------- */
.plus-wrapper .btns {
	margin: 45px 0;
}
.plus-wrapper .btns ul {
	text-align: center;
	font-size: 0;
}
.plus-wrapper .btns li {
	display: inline-block;
	vertical-align: middle;
	max-width: 305px;
	margin: 0 10px;
}

