@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
         - index


--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
.frame01 {
  text-align:center;
  padding-bottom:35px;
}

.frame01 h1 {
  margin:50px 0 30px 0;
}

.frame01 li {
  width:auto;
  height:230px;
  margin-bottom:25px;
  display: inline-block;
  margin-right:40px;
}

.frame02 {
  width:100%;
  text-align:center;
}

.frame02 .box {
  padding:60px 0 70px 0;
  width:100%;
}

.frame02 .box-green {
  background:url(../image/bg-box01-frame02.png) repeat;
}

.frame02 .text {
  color:#666;
  line-height:28px;
  margin:25px 0 35px 0;
  letter-spacing:1px;
}

.frame02 .list-product {
  text-align:left;
}

.frame02 .list-product img {
	border-radius: 10px 10px 0 0;
}

.frame02 .list-product a {
  width:232px;
  border-radius:10px;
  margin-right:15px;
  position:relative;
  float:left;
  background:#fff;
  margin-bottom:2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07);
}

.frame02 .list-product a:last-child {
  margin-right:0;
}

.frame02 .list-product a .info {
  padding:15px;
}

.frame02 .list-product a h3 {
  padding:5px 0px;
  color:#513617;
  font-weight:bold;
  font-size:16px;
  line-height:31px;
  border-bottom:1px solid #e5e5e5;
  line-height:20px;
  /*height:50px;*/
}

.frame02 .list-product a p {
  padding:10px 0 0px 0;
  font-size:12px;
  color:#333;
  line-height:16px;
}

.frame02 .list-product a .img-new {
  position:absolute;
  left:0;
  top:15px;
		border-radius: 0;
}

.frame02 .list-product a .btn {
  padding:0px 5px;
  font-size:10px;
  color:#fff;
  margin-right:4px;
}

.frame02 .list-product a .box-btn {
  margin-bottom:5px;
}

.frame02 a .btn-green {
  background:#16a30c;
}

.frame02 .list-product a .btn-red {
  background:#f23f3f;
}

.frame02 .box-white .text {
  color:#624728;
}

.frame02 .box-white .text-orange {
  font-size:13px;
  font-weight:bold;
  color:#ff5a1a;
  margin-bottom:5px;
}

.frame02 .box-yellow {
  background:url(../image/bg-box03-frame02.png) repeat;
}

.frame02 .box-yellow .text {
  color:#fff;
}

.frame02 .btn-big {
  width:480px;
  padding:17px;
  border-radius:5px;
  font-weight:bold;
  margin: 30px auto 0 auto;
}

.frame02 .btn-big-yellow {
  background:#f7ae48;
  color:#fff;
}

.frame02 .btn-big-white {
  background:#fff;
  color:#523925;
}
/* 追加 210401 ------------------------------------------ */
.frame10 {
	background: #fff;
	border-bottom: 1px solid #f7ae48;
	padding: 60px 0;
}
.frame10 h2 {
	padding: 60px 0px 50px 0px;
	font-size: 45px;	
	text-align: center;
}
.frame10 h2 img {
	margin: 2px 10px 0px 0;
	width: 54px;
	height: auto;
}

.frame10 ul {
  width:100%;
  margin-top:20px;
}

.frame10 ul li {
	display: table;
  width:100%;
  border-top:1px solid #D9D9D9;
}

.frame10 ul li:last-child {
  border-bottom:1px solid #D9D9D9;
}

.frame10 ul li a {
	display: block;
  padding:20px 10px 20px 0px;
  background:url(../image/icon-next.png)no-repeat center right;
  color:#656565;
}

.frame10 ul li a p {
	display: table-cell;
 	font-size:16px;
	vertical-align: middle;
}

.frame10 ul li a span {
	display: table-cell;
	width: 100px;
 padding:0px 20px 0px 10px;
	vertical-align: middle;
	white-space: nowrap;
}
.frame10 .btn {
  width:268px;
  height:50px;
  line-height:50px;
  background: #F3951D;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  padding-right:20px;
  padding-left: 70px;
  display:block;
	margin: 30px auto;
}

.frame10 .btn img {
    padding-left:10px;
  padding-top:19px;
}
.img-res {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}