@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/

/* パンくず削除 */
#pankuzu {
    display: none;
}
.header-info-red {
    display: none !important;
}

/* 価格プロ リセット */
.buy_price>ol, .buy_price>ul {
    margin: 0;
}
.buy_price>ol .spesicalprice, .buy_price>ul .spesicalprice,.buy_price>ul .intax {
    display: none;
}

/* 変数指定 */
:root {
    --font-size-text: 3.6cqw;
    --main-color:#361e0d;
}
#newlife-home_2609 .smp_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/

/*==============================================
#newlife-home_2609 設定 STR
================================================*/
#newlife-home_2609 * {
    box-sizing: border-box;
    font-size: var(--font-size-text);
}
#newlife-home_2609 {
    text-align: center;
    background: #c2996e;
    overflow: hidden;
}
#newlife-home_2609 img {
    width: 100%;
    height: auto;
    display: block;
}
#newlife-home_2609 a {
    display: block;
}
/*==============================================
#newlife-home_2609 設定 END
================================================*/

/*==============================================
#newlife-home_2609 コンテンツ STR
================================================*/
#newlife-home_2609 .contents {
    margin: 0 auto;
    padding:0;
    max-width:900px;
    container-type: inline-size;
}
#newlife-home_2609 section {
    padding:4% 2%;
    border-radius: 1em;
    margin:2% 2% 4% 2%;
    box-shadow:0 8px 10px -2px #966f42;
}
#newlife-home_2609 section.bg_1 {
    background: rgba(241, 226, 210, 0.80);
}
#newlife-home_2609 section.bg_2 {
    background: rgba(244, 230, 228, 0.80);
}
#newlife-home_2609 section.bg_3 {
    background: rgba(233, 231, 211, 0.80);
}
#newlife-home_2609 section.bg_4 {
    background: rgba(216, 226, 221, 0.80);
}
/*==============================================
#newlife-home_2609 コンテンツ END
================================================*/

/*==============================================
#newlife-home_2609 見出し STR
================================================*/
#newlife-home_2609 .kanban h2 {
    background:var(--main-color);
    padding: .7em 0;
    color: #fff;
    font-weight: normal;
    font-size:.85em;
    font-family: "Sawarabi Mincho", serif;
}
#newlife-home_2609 .midashi {
    position: relative;
    display: grid;
    gap: .7em;
    margin-bottom: 1em;
}
#newlife-home_2609 .midashi::before,
#newlife-home_2609 .midashi::after {
    position: absolute;
    content: "";
    width:35px;
    height: 28px;
    top: 0;
}
#newlife-home_2609 .midashi::before{
    background: url(https://www.irisplaza.co.jp/IMAGE/NEWLIFE-HOME/2609/deco1.png?imformat=chrome)
    no-repeat center / contain;
}
#newlife-home_2609 .midashi::after {
    background: url(https://www.irisplaza.co.jp/IMAGE/NEWLIFE-HOME/2609/deco2.png?imformat=chrome)
    no-repeat center / contain;
}
#newlife-home_2609 .midashi::before{
    left:0;
}
#newlife-home_2609 .midashi::after{
    right:0;
}
#newlife-home_2609 .midashi_h3{
    font-size:1.5em;
    color:var(--main-color);
    font-family: "Sawarabi Mincho", serif;
    font-weight: 900;
}
#newlife-home_2609 .midashi_h3 span{
    font-size:1.1em;
    font-family: "Sawarabi Mincho", serif;
    line-height: 1;
}
#newlife-home_2609 .midashi_txt {
    font-size: .9em;
    color: var(--main-color);
    line-height: 1.5;
}
/*カラー設定*/
#newlife-home_2609 .midashi_h3 span.color_1{
    color: #b95b18;
}
#newlife-home_2609 .midashi_h3 span.color_2{
    color: #577c23;
}
/*==============================================
#newlife-home_2609 見出し END
================================================*/

/*==============================================
#newlife-home_2609 カラム STR
================================================*/
#newlife-home_2609 ul[class^="col_"] {
    display: grid;
    gap:8px;
    margin: 0 auto;
}
#newlife-home_2609 .col_1 >li{
    margin-bottom:2%;
    width: 100%;
    border-radius: 8px;
}
#newlife-home_2609 .col_2,
#newlife-home_2609 .col_3 {
    grid-template-columns: repeat(2,1fr);
}
#newlife-home_2609 ul[class^="col_"] >li{
    position:relative;
}
#newlife-home_2609 ul[class^="col_"] >li a {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: 100%;
    transition: 0.2s;
    border-radius: 8px;
    overflow: hidden;
    background-color: rgb(255 255 255 / 60%);
    padding: .2em;
}
#newlife-home_2609 .newlife-home_name {
    color: var(--main-color);
}
#newlife-home_2609 .newlife-home_price .price{
    font-size: 1.8em;
    color: #ad1c20;
    font-weight: 700;
    line-height: 1.5;
    font-family: "Lato";
}
#newlife-home_2609 .newlife-home_thum{
    overflow: hidden;
    border-radius: 6px;
}
/*==============================================
#newlife-home_2609 カラム END
================================================*/

/*==============================================
#newlife-home_2609 CSV共通 STR
================================================*/
/* csv用 */
#newlife-home_2609 .scroll .bn_col_carousel {
    display: flex;
    margin-bottom: .8em;
    overflow-x: scroll;
}
#newlife-home_2609 .bn_col_carousel a{
    background-color: rgb(255 255 255 / 60%);
    margin-top: 1%;
    width: 33%;
    min-width: 11em;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
    border-radius:0;
    overflow: hidden;
    padding:.2em;
    border-radius: 8px;
    overflow: hidden;
}
#newlife-home_2609 .list .bn_col_carousel {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#newlife-home_2609 .title_base2,
#newlife-home_2609 h2.category_title_base2 {
    font-size: 5vw;
    color: #fff;
    border-bottom: 3px dashed #fff;
    padding: 0 0 2% 2%;
    margin: 3% 0;
    text-align:center;
}
/*★サムネのスタイル*/
#newlife-home_2609 .irisfes-item__thum{
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}
/*★商品名★のスタイル*/
#newlife-home_2609 .item_lineup_base .item_name {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    margin: 3% 0 5%;
    height: 2em;
    display: flex;
    justify-content: center;
    font-size: clamp(12px, 3vw, 14px);
    min-height: calc(1.3em * 2);
    color: var(--main-color);
}
/*価格のスタイル*/
#newlife-home_2609 .irisfes-item__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}
#newlife-home_2609 .irisfes-item__price {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
#newlife-home_2609 .irisfes-item__price .item_price{
    font-size:1.8em;
    color: #ad1c20;
    font-weight: 700;
    line-height: 1.5;
    font-family: "Lato";
}
#newlife-home_2609 .irisfes-item__link {
    color: #fff;
    background-color: #ab171a;
    border: solid 2px #ab171a;
    border-radius: 5px;
    padding: 2px 0;
    font-size:3.5vw;
    font-weight: bold;
    transition: 0.2s;
    margin: 0 3% 3%;
}
#newlife-home_2609 .item_lineup_base .newlife-home_2609_price {
    font-size: 6vw;
    color: #ab171a;
    margin: 0;
    font-weight: 600;
    line-height: 1.5;
}
#newlife-home_2609 .item_lineup_base .sub-price {
    font-size: 1em;
    font-family: "Lato";
    font-weight: 700;
    padding-left: 3%;
    text-decoration: line-through;
    color: var(--main-color);
}
#newlife-home_2609 .item_lineup_base .newlife-home_2609_price span {
    text-decoration: line-through;
    font-family: "Lato";
    font-size: 4vw;
}
#newlife-home_2609 .item_lineup_base .newlife-home_2609_price::first-letter {
    font-size: 4vw;
}
#newlife-home_2609 ul[class^="btn_col_"]>li a {
    border: 1px solid #ffffff;
    background-color: #fff;
    border-radius: 5px;
    padding: 7px 1px;
    font-size: 3.2vw;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #222;
}
#newlife-home_2609 .radio-slider {
    display: none;
}
#newlife-home_2609 .no-slider .bn_col_carousel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
#newlife-home_2609 .no-slider .bn_col_carousel a {
    flex: unset;
    max-width: unset;
    padding: 4%;
}
/*==============================================
#newlife-home_2609 CSV共通 END
================================================*/

/*==============================================
#newlife-home_2609 もっとみる STR
================================================*/
#newlife-home_2609 .section-title__more  {
    margin:1.5em auto 0 auto;
    width: 80%;
}
#newlife-home_2609 .section-title__more a.more {
    background: var(--main-color);
    color: #fff;
    padding: .8em 0;
    border-radius: 100vw;
    font-size: .9em;
}
/*==============================================
#newlife-home_2609 もっとみる END
================================================*/