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

@import "reset.css";
@import "base.css";

/*******************

 LP style

********************/
a.hover img{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

a.hover img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
img {
  vertical-align: bottom;
}
html,body {
  background-color: #f9f7d8;
  min-width: 910px;
}
/*------------------------------------------*/
.header {
  background-color: #583816;
}
.header-inner {
  position: relative;
  text-align: center;
  width: 890px;
  margin: 0 auto;
}
.header-shop {
  position: absolute;
  top: 0;
  left: -10px;
}

#header{
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	height: 100px;
	width: 100%;
	text-align: center;
}


#wrap {
  background: url(../img/wrap_bg.png) repeat-y top center;
  width: 890px;
  padding: 0 10px;
  margin: 0 auto;
}
/* cv */
.cv .cv-teiki {
  position: relative;
}
.cv .btn-teiki {
  position: absolute;
  left: 50px;
  bottom: 50px;
  display: block;
}
.cv .cv-single {
  position: relative;
}
.cv .btn-single {
  position: absolute;
  left: 115px;
  bottom: 35px;
  display: block;
}
.cv .cv-set {
  position: relative;
}
.cv .cv2-1 {
  position: absolute;
  left: 35px;
  bottom: 54px;
  display: block;
}
.cv .cv2-3 {
  position: absolute;
  left: 310px;;
  bottom: 54px;
  display: block;
}
.cv .cv2-6 {
  position: absolute;
  left: 585px;
  bottom: 54px;
  display: block;
}

/* qa */
.qa {
  background-image: url(../img/qa_02.png),url(../img/qa_04.png),url(../img/qa_03.png);
  background-repeat: no-repeat , no-repeat , repeat-y;
  background-position: top left , bottom left, top left;
  min-height: 870px;
  box-sizing: border-box;
  padding: 90px 0 50px;
}
.qa dl {
  width: 730px;
  margin: 0 auto;
}
.qa dt {
  background: url(../img/qa_q.png) no-repeat top left;
  line-height: 60px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding-left: 70px;
}
.qa dd {
  background-image: url(../img/qa_a.png) , url(../img/qa_border.png);
  background-repeat: no-repeat;
  background-position: top left , bottom center;
  padding:10px 20px 18px 70px;
  color: #583816;
  font-size: 15px;
  line-height: 1.7em;
  margin-bottom: 20px;
}
.qa dd:last-child {
  background-image: url(../img/qa_a.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 0;
}

/* footer */
.footer-link {
  text-align: center;
  padding: 40px 0 20px;
  font-size: 18px;
  color: #583816;
}
.footer-link a {
  display: inline-block;
  padding: 0 .2em;
  font-size: inherit;
  color: inherit;
}
.copy {
  background-color: #478f2c;
  text-align: center;
  margin:  0 auto;
  color: #fff;
  line-height: 3em;
}



/*-----------
  追加分css
------------*/
.trade_bg{
  background:url(../img/trade.png) top left no-repeat;
  background:url(../img/trade.jpg) top left no-repeat;	
	width:890px;height:820px;
	position:relative;
	}

.trade_bg p.np-txt{
	position:absolute;
	width: 390px;
	left:42px;
	bottom:200px;
	line-height: 1.8;
}


/*zenmarket*/
.zen-m{
	margin:20px auto 0 auto;
	width:390px;
	position:absolute;
	top:240px;
	right:40px;
	}
	
.zen-m ul li{
	margin:0px 0 6% 0;
	}	
	
	.zen-m_bn {
	display: flex;
justify-content: space-between;	
	}