﻿#main .section{
	margin-top: 20px;
}

#main .merit {
    border: 3px solid #1e91d1;
    padding: 10px;
    margin: 3vw 0 20px;
    position: relative;
	margin-bottom: 20px;
}

#main .merit-text {
	position: absolute;
    background-color: #1e91d1;
    padding: 10px;
    font-size: 1.25em;
    border: 4px solid #fff;
    color: #fff;
    font-weight: bold;
    top: -24px;
}

#main .bulk_buying{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#main .bulk_buying::before,
#main .bulk_buying::after{
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
#main .bulk_buying::before{
	order: 1;
}
#main .bulk_buying .bulk_buying--block{
	width: calc(24% - 22px);
	padding: 10px;
	border: 1px solid #ccc;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#main .bulk_buying .bulk_buying--block.single{
	justify-content: flex-end;
}
@media screen and (min-width:768px){

#main .bulk_buying .bulk_buying--block:nth-child(-n + 4){
	margin-top: 0;
}
}
#main .bulk_buying .goods-area {
	margin-bottom: 20px;
	height: 2rem;
}
#main .bulk_buying .goods-area p{
	line-height: 1.2;
}
#main .bulk_buying .goods-area .kinds{
	font-size: 0.95em;
	font-weight: bold;
}
#main .bulk_buying .price-area {
	text-align: right;
}
#main .bulk_buying .price-area p{
	line-height: 1.2;
}
#main .bulk_buying .price-area .text-l{
	text-align: left;
}
#main .bulk_buying .price-area .price{
	font-size: 1.5em;
	font-weight: bold;
	color: #E5002D;
}
#main .bulk_buying .price-area .goods-list-cart{
	margin-top: 10px;
}
#main .bulk_buying .goods-area.plus{
	position: relative;
}
#main .bulk_buying .goods-area.plus .plus--icon{
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	border-radius: 5px;
	background-color: #00b050;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
#main .left-red{
	border-left: 4px solid #f00;
	font-size: 1.2em;
	font-weight: bold;
	margin: 40px 0 20px 0;
	text-align: left;
	padding: 0.3rem 1rem;
}


#main .icon{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 700px;
	margin: 20px auto;
}
#main .icon li{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#main .icon li img{
	width: 100%;
	max-width: 120px;
	display: block;
	margin:0 auto 10px;
}
#main .icon li span{
	font-size: 0.8em;
	line-height: 1.3;
	font-weight: normal;
	display: block;
}
#main .images.half{
	width: 49%;
	margin-bottom: 10px;
}
#main .images.one_quarter {
	width: 24%;
	margin-bottom: 10px;
}
#main .bulk_buying--block a {
        text-decoration: none;
	color: #000;
    }
#main .default-btn, #main .orange-btn, #main .red-btn, #main .blue-btn, #main .mustard-btn {
        color: #fff;
    }
@media screen and (max-width:767px){
#main .merit {
    margin: 9vw 0 20px;
}
#main .merit-text {
    padding: 10px 15px;
    font-size: 5vw;
    top: -7vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
	width: 55vw;
}
#main .bulk_buying::before,
#main .bulk_buying::after{
	content: "";
	display: block;
	width: 49%;
	height: 0;
}
#main .bulk_buying .bulk_buying--block{
	width: calc(49% - 22px);
	margin-top: 20px;
}
#main .bulk_buying .goods-area .kinds{
	font-size: 0.8em;
}
#main .bulk_buying .price-area p{
	font-size: 0.8em;
}
#main .bulk_buying .price-area .goods-list-cart a{
	font-size: 0.8em;
}
#main .icon li{
	width: 48%;
	font-size: 1.0em;
	display: inline-block;
}
#main .icon li img{
	width: 80%;
}
#main .icon li span{
	font-size: 0.7em;
	margin-top: 3px;
}
#main .arrow-r::after {
        right: 14px;
        width: 7px;
        height: 7px;
    }
}