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

/*-----------------------------------------------*/
/*ベース*/
/*-----------------------------------------------*/
#business-sale{
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
	padding-bottom: 1%;
	color:#222;
}
#business-sale .pc_none{
    display: none !important;
}
#business-sale img{
    width: 100%
}
#business-sale a{
    display: block;
    position: relative;
}  
#business-sale a:hover{
    opacity: 0.9;
    color:#222 !important;
} 
#business-sale h2,#business-sale h3,#business-sale h4,#business-sale h5,#business-sale h6,#business-sale ul,#business-sale ol,#business-sale dl,#business-sale li,#business-sale dt,#business-sale dd,#business-sale p,#business-sale div,#business-sale span,#business-sale img,#business-sale a,#business-sale table,#business-sale tr,#business-sale th,#business-sale td{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 88%;
}
main#wrapper {
	max-width: none;
	width: 100%;
	padding: 0;
}
#pankuzu {
    max-width:1384px;
    margin: 0 auto;
    padding: 0 5vw;
}
/*-----------------------------------------------*/
/*共通*/
/*-----------------------------------------------*/
.spesicalprice {
    display: none !important;
}
.intax {
    display: none !important;
}
/* 価格プロ調整 */
#business-sale .buy_price>ul .price.sale {
    color: #2b2b2b !important;
}
#business-sale .price.del .buy_price>ul .price.sale {
    color: #ea0012 !important;
}
/*-----------------------------------------------*/
/*全体枠*/
/*-----------------------------------------------*/
#business-sale .inner{
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #fff2eb;
}
#business-sale .section.top {
    width: 100%;
    max-width: none;
    background: #d95958;
}
#business-sale .inner h1{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#business-sale .section{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 3%;
}
#business-sale section#point{
    margin-bottom: 3%;
}

/* ボタン */
#business-sale #btn-wrap {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    width: 100%;
    margin: 2% auto 2%;
    display: flex;
    justify-content: center;
    gap: 3%;
}
#business-sale #btn-wrap .btn {
    width: 410px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#business-sale #btn-wrap .btn::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .7em;
    height: .7em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 0;
    bottom: 0;
    right: 7%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s ease 0s;
}
#business-sale #btn-wrap .btn-1 {
    background-color: #b10e1b;
    border: 2px solid #b10e1b;
}
#business-sale #btn-wrap .btn-2 {
    background-color: #222;
    border: 2px solid #222;
}
#business-sale #btn-wrap .btn.width {
    width: 100%;
    max-width: 860px;
    border-radius: 5px;
}
#business-sale #btn-wrap .btn p {
    color: #FFF;
    font-size: 2em;
    padding: .8em 0;
}

/* クーポン */
#business-sale #coupon-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #ffffff;
    padding: 2% 3%;
    box-sizing: border-box;
    border-radius: 5px;
}
#business-sale #coupon-list h3{
    width: 100%;
    text-align: center;
    font-size: 2em;
    margin-bottom: 1%;
    color: #d95958;
}
#business-sale #coupon-list a {
    width: 48%;
    margin-bottom: 2%;
}

/* 商品部分 */
#business-sale .item-category {
    margin: 0 0 5% 0;
}
#business-sale #item-wrap .item-inner {
    display: flex;
    justify-content: center;
    gap: 2%;
    margin-bottom: 2%;
}
#business-sale #item-wrap .item-list {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #FFF;
    box-sizing: border-box;
    overflow: hidden;
    width: 23%;
}

#business-sale #item-wrap .item-content h4 {
    font-size: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 3% 3% 2% 3%;
    height: 3em;
    color: #222;
}

#business-sale #item-wrap .item-off {
    display: block;
    width: 100%;
    background-color: #ff3242;
    margin-bottom: 3%;
}
#business-sale #item-wrap .item-off span {
    color: #FFF;
    font-size: 1.2rem;
}
#business-sale #item-wrap .item-price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1%;
    margin-bottom: 1%;
}
#business-sale #item-wrap .item-price .business-box {
    font-size: .75rem;
    padding: .1em .5em;
    margin-top: -0.2em;
    background-color: #353535;
    color: #FFF;
    font-weight: 500;
}
#business-sale #item-wrap .item-content .buy_price {
    font-size: 1rem;
    margin-bottom: 1%;
}
#business-sale #item-wrap .item-content .buy_price .price {
    font-size: 1.2rem;
    color: #ea0012;
}

/* タイトル */
#business-sale #item-wrap .subtitle-inner {
    margin-bottom: 2%;
    display: flex;
    align-items: center;
    width: 100%;
}
#business-sale #item-wrap .subtitle-inner h3 {
    color: #d95958 !important;
    font-size: 3em;
    text-align: center;
    display: flex;
    position: relative;
    align-items: center;
}
#business-sale #item-wrap .subtitle-inner:before, #business-sale #item-wrap .subtitle-inner:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d95958;
}
#business-sale #item-wrap .subtitle-inner:before {
    margin-right: 1rem;
}
#business-sale #item-wrap .subtitle-inner:after {
    margin-left: 1rem;
}

#business-sale #item-wrap .item-wrap__btn {
    width: 100%;
    display: flex;
    justify-content: center;
}
#business-sale #item-wrap .item-wrap__btn a {
    display: inline;
    color: #FFF;
    background-color: #222;
    font-size: 1.8em;
    padding: .5em 5em;
    border-radius: 100vw;
    position: relative;
}
#business-sale #item-wrap .item-wrap__btn a:hover {
    color: #FFF !important;
}
#business-sale #item-wrap .item-wrap__btn a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .4em;
    height: .4em;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 0;
    bottom: 0;
    right: 8%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s ease 0s;
}

/* 関連特集 */
#business-sale .b-event {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 2%;
}
#business-sale .b-event .title {
    text-align: center;
    margin-bottom: 3%;
}
#business-sale .b-event .title h2 {
    font-size: 4em;
    color: #d95958;
}
#business-sale .title span.h1-sub {
    font-size: 1.5em;
    font-weight: bold;
    color: #d95958 !important;
}
#business-sale .b-event .b-event-listinner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#business-sale .b-event .b-event-listinner .b-event-list {
    width: 20%;
    box-sizing: border-box;
    padding: .5% .5%;
    border-radius: 5px;
    overflow: hidden;
}
#business-sale .b-event .b-event-listinner .b-event-list img {
    border-radius: 5px;
}