@charset "UTF-8";

a:hover{
   opacity:.8;
}

.bx_top_slider i{
	position:absolute;
	top:7px;
	left:7px;
	padding:3px 10px;
	border-radius:3px;
}
@media screen and (max-width: 701px) {
	.bx_top_slider li{
		width:130px !important;
	}
}
.how-to-list > div{

}
.how-to-list a{
	border-radius:5px;
	margin:auto;
	padding:5px;
	color:#fff;
	text-decoration:none;
	display:block;
	position:relative;
}
.how-to-list a:after{
	content:">";
	position:absolute;
	top:50%;
	right:4px;
	margin-top:-.8em;
}
@media screen and (max-width: 701px) {
	.how-to-list a{
		font-size:.8em;
	}
}
.list-selection > div{
    display:inline-block;
    margin:3px 3px 20px;
    width:154px;
    vertical-align:top;
}
.list-selection li{
    display:inline-block;
    margin:2px 0;
}
.list-selection li a{
    text-decoration:none;
    padding:3px 5px;
    background:#eee;
}
.list-selection .image{
    position:relative;
    margin:0 0 5px;
}
.list-selection .title{
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
}
@media screen and (max-width: 701px) {
    .list-selection > div{
        width:30%;
    }
}
li.how-to-cut a, li.how-to-cut i, .bg-how-to-cut{background:#e5aff7;color:#fff;}
li.cake a, li.cake i, .bg-cake{background:#f7afe4;color:#fff;}
li.pretreatment a, li.pretreatment i, .bg-pretreatment{background:#f9c78c;color:#fff;}
li.preserve a, li.preserve i, .bg-preserve{background:#b3d2a5;color:#fff;}
li.seasoning a, li.seasoning i, .bg-seasoning{background:#dbcf7d;color:#fff;}
li.bake a, li.bake i, .bg-bake{background:#dfa866;color:#fff;}
li.boil a, li.boil i, .bg-boil{background:#7ccec9;color:#fff;}
li.fry a, li.fry i, .bg-fry{background:#f7afaf;color:#fff;}
li.decoration a, li.decoration i, .bg-decoration{background:#afbdf7;color:#fff;}
li.pickle a, li.pickle i, .bg-pickle{background:#a1a8c8;color:#fff;}
li.easy a, li.easy i, .bg-easy{background:#c9ab95;color:#fff;}
li.reuse a, li.reuse i, .bg-reuse{background:#c9ab95;color:#fff;}
li.tips a, li.tips i, .bg-tips{background:#f7e193;color:#fff;}
li.except a, li.except i, .bg-except{background:#afecf7;color:#fff;}
li.idea a, li.idea i, .bg-idea{background:#9edc70;color:#fff;}
li.kitchenware a, li.kitchenware i, .bg-kitchenware{background:#82aba4;color:#fff;}

.col .anchor{
   margin-top:-120px;
   padding-top:120px;
   display:block;
}
.group01{
    display:flex;
    display:-ms-flex;
    justify-content:space-between;
    align-items:top;
    flex-wrap:wrap;
}    
.group01 > a{
    width:480px;
    font-size:1.166em;
    text-decoration:none;
    margin-bottom:20px;
}
.group01 .text-area{
    margin-top:10px;
}
.group01 img{
    width:100%;
}
.sub-menu{
    margin:auto;
    text-align:center;
}
.sub-menu a{
    background:#e6ab77;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:10px 20px;
    height:40px;
    border-radius:5px;
}
.sub-menu a.single{
    line-height:40px;
}
.fixedmenu{
    width: 772px;
    margin: 2% auto;
}


@media screen and (max-width: 701px) {
    .group01{
        display:block;
    }
    .group01 > a{
        width:100%;
        display:flex;
        display:-ms-flex;
        justify-content:space-between;
        align-items:top;
        font-size:100%;
        margin-bottom:10px;
    }
    .group01 figure{
        flex-basis:26%;
    }
    .group01 .text-area{
        flex-basis:70%;
        margin:0;
    }
    .fixedmenu{
        position:fixed;
        bottom:0;
        left:0;
        text-align:center;
        background:rgba(255,255,255,.9);
        padding:10px;
        margin:auto;
        width:100%;
        z-index:99999;
    }
    .sp-small_thumb .weight-bold,
    .sp-small_thumb h3{
        display:inline-block;
        width:50%;
        border:1px solid #eee;
        border-left:4px solid #ed86b3;
        padding:10px;
        margin-bottom:10px;
    }
    .sp-small_thumb .image{
        width:29%;
        float:left;
        padding:0 30px 10px 0;
    }
    .sp-small_thumb .col{
        border-top:1px dashed #ccc;
        padding-top:20px;
    }

    .sp-small_thumb .size-large:before,
    .sp-small_thumb .size-large:after {
        content:"";
        display:table;
    }
    .sp-small_thumb .size-large:after {
        clear:both;
    }
     .sp-small_thumb .size-large {
        zoom:1;
    }
}
.list-index li{
    display:inline-block;
    margin:5px 3px;
}
.list-index a{
    display:block;
    text-decoration:none;
    padding:5px 10px;
    border:1px solid #eee;
    min-width:128px;
    text-align:center;
}
.list-index a:after{
    content:"";
    border:1px solid #555;
    border-top:none;
    border-left:none;
    display:inline-block;
    width:7px;
    height:7px;
    transform:rotate(45deg);
    margin:0 4px 0 10px;
    position:relative;
    top:-3px;
}
@media screen and (max-width: 701px) {
    .list-index{
        text-align:center;
    }
    .list-index li{
        margin:2px 0;
        font-size:.8em;
    }
    .list-index a{
        padding:5px;
    }
    .list-index a:after{
        width:5px;
        height:5px;
        top:-1px;
        margin:0 3px 0 7px;
    }
}

#btn-index-sp{
	display:none;
}
@media screen and (max-width: 701px) {
	#btn-index-sp{
		display:block;
		position:fixed;
		bottom:10px;
		right:10px;
	}
	#btn-index-sp a{
		text-decoration:none;
		background:brown;
		border-radius:5px;
		display:block;
		padding:5px 10px;
		color:#fff;
	}


}