@charset "shift_jis";
/* CSS Document */

/*orignal CSS����*/
p.pan{
	width: 800px;
	margin: 0 auto!important;
}
.FS2_sort_menu_bg{
	width: 800px;
	margin: 0 auto!important;
	text-align: center;
}

.FS2_GroupLayout{
	width: 800px;
	margin: 0 auto!important;
}


.keeper-box {
	text-align: center;
	width: 800px;
	margin: 0 auto 150px;
}

.keeper-box h1 {
	text-align: left;
}

.topimg {
	margin-top: 20px;
}

.keeper {
	margin: 0 auto;

}

.k-img {
	width: 90%;
	margin: 0 auto 20px;
}

.k-img p {
	display:inline-block;
	vertical-align:top;
	font-size: 1.4em;
	line-height: 1.6em;
	padding-top: 20px;
	text-align: left;
}

.k-img img {
	width: 120px;
	height: auto;
	padding-left: 20px;
}

.keeper h2 {
	position:relative;
	font-size: 1.5em;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 1px;
	background-color: #6e6160;
	padding: 7px 10px;
	width: 780px;
	margin-bottom: 40px;
	text-align: left;
}

.keeper h2::before {
	font-family: "Font Awesome 5 Free";
  	content: "\f015";
	font-weight: 700!important;
	font-size: 1.3em;
    position: relative;
	top: 0;
	left: 10px;
	padding-right: 1em;
}

.k-box_01 {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

.k-box_01 img {
	margin-bottom: 70px;
}

.keeper h4 {
	font-size: 1.5em;
	color: #66964d;
	font-weight: 600!important;
	letter-spacing: 2px;
	padding-bottom: 8px;
	border-bottom: #66964d 2px solid;
	width: 100%;
	margin-bottom: 30px;
}

.keeper a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.k-box_02 ul{
    padding: 0px;
    margin: 0px;
	list-style: none;
}

.k-box_02 ul li {
	display: inline-block;
    margin-right: 1em;
	list-style: none;
	padding: 0 10px;
}

.k-box_02 ul li img {
	width: 200px;
}

.k-box_02 p {
	font-size: 1.2em;
	color: #66964d;
	font-weight: 600!important;
	text-align: right;
	margin-bottom: 50px;
}

.k-box_02 p a {
	color: #66964d;
	text-decoration: none;
	font-weight: 600!important;
}

.k-box_02 p a:hover {
	color: #8fbc75;
}

.k-box_02 p a::after {
	font-family: "Font Awesome 5 Free";
  	content: "\f105";
	font-weight: bold;
	font-size: 1.3em;
    position: relative;
	top: 3px;
	left: 15px;
}


.k-box_03 {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.k-box_03 p:first-child {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 30px;
}

.k-box_041 {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
}

.k-box_042 {
	width: 49%;
	margin: 1%;
	border: #e1e1f4 2px solid;
	border-radius: 5px;
}

.k-box_043 {
	width: 49%;
	margin: 1%;
}

.k-box_041 h3 {
	color: #ffffff;
    background-color: #afafce;
    padding: 12px 0 10px 0;
    font-weight: 600!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 0;
    font-size: 1.4em;
}

.k-box_041 p {
	font-size: 1.2em;
	padding-bottom: 15px;
	font-weight: 600!important;
	line-height: 1.5em;
}

.k-box_041 p span, .k-box_04 p span {
	font-weight: 600!important;
}

.k-box_04 p {
	font-size: 1.3em;
	padding-bottom: 15px;
	padding-bottom: 30px;
	font-weight: 600!important;
	line-height: 1.5em;
}

.k-box_042 img {
	width: 200px;
	height: auto;
	margin: 20px auto 30px;
}

.k-box_043 img {
	width: 330px;
	height: auto;
	margin: 100px 0 50px;;
}
.mt_30 {
	margin-top: 30px;
}

.k-box_041 dl {
	width: 90%;
	display:flex;
	flex-wrap: wrap;
	font-size: 14px;
	margin: 10px auto 30px;
	border-bottom: 1px solid #ccc;
}

.k-box_041 dt {
	width: 30%;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	text-align: left;

}

.k-box_041 dd {
	padding: 10px;
	margin: 0;
	border-top: 1px solid #ccc;
	width: 70%;
	box-sizing: border-box;
}

.k-box_041 dd img {
	width: 200px;
	height: auto;
	padding: 0;
	margin: 0;
}

.k-box {
	padding-bottom: 30px;
}

.k-box p {
	padding: 0;
	margin: 0;
	line-height: 1.2em!important;
}

.k-box .k-box_btn {
	width: 80%;
	margin: 0 auto;
	font-weight: 600!important;
	font-size: 14px;
    position: relative;
    display: block;
    padding: 12px 0 10px 0;
    text-decoration: none;
    color: #4c403f;
    background: #83da4b;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.k-box .k-box_btn.disabled{
	background-color: #DDD;
}
.k-box .k-box_btn:not(.disabled):hover {
  background: #d2edc0;
	color: #77706f;
}

.k-btn-l::before {
  	content: url(//www.ec-life.co.jp/post/takuhaibox/sds/img/left.png);
	position: absolute;
	left: 15px;
	top: 6px;
}
.k-btn-r::before {
  	content: url(//www.ec-life.co.jp/post/takuhaibox/sds/img/right.png);
	position: absolute;
	left: 15px;
	top: 5px;
}



.k-box_btn::after {
	font-family: "Font Awesome 5 Free";
  	content: "\f105";
	position: absolute;
	right: 15px;
	top: 0;
    font-size: 1.5em;
    line-height: 42px;
	padding-bottom: 2em;
	font-weight: bold;
}

.k-box_04 {
	width: 98%;
	margin: 30px auto;
	border: #e1e1f4 2px solid;
	border-radius: 5px;
}

.k-box_04 h3 {
	color: #ffffff;
    background-color: #afafce;
    padding: 12px 0 10px 0;
    font-weight: 600!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 0;
    font-size: 1.4em;
}

.price {
	font-size: 14px;
    color: #CC0000;
    font-weight: bold;
    margin-left: 10px;
}