@charset "utf-8";
#keiroday .orange{color:#e55e0c;}

#keiroday.contentswrap{width:100%; overflow: hidden; padding: 0; box-sizing: border-box; margin: 0 auto 10%;}
#keiroday h1{padding: 0; position: relative;}
#keiroday h1 .mvbtn{width:130px; height: 130px; position: absolute;bottom: 4%; right:20px;}
#keiroday .header_bar.js_fixed_bar.fixed { position: fixed; z-index: 999; top: 106px; overflow: hidden; display: block;width: 74%;}

#keiroday a:hover{text-decoration: none; opacity: 0.7;}
#keiroday .main{overflow: hidden; margin: 0 auto 50px; text-align: center;}
#keiroday .main p{font-size: 18px;}
#keiroday  nav{overflow: hidden; margin: 0 auto 30px; font-size: 0; background-color: #FFF;}
#keiroday  nav li{display: inline-block; vertical-align: top; border: 1px solid #e95b0f; width:18.95%; margin:0 1.3% 0 0;  background-image: url("../../../../img/usr/genre/kei00/240813_kei00_decoration3.png"); background-repeat: no-repeat; background-position: 50% 85%; box-sizing: border-box; background-color: #FFF;}
#keiroday  nav li:nth-of-type(5){margin-right: 0;}
/*#keiroday  nav li:nth-of-type(4n){margin-right: 0;}*/
#keiroday  nav li p{font-size: 14px; margin: 10px auto 0}
#keiroday  nav li a{display: block; width:100%;font-size: 14px;padding:8px 0 20px;}
#keiroday .optionbox{padding: 2% 7%;background-color: #f9f7ea; box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;}
#keiroday .optionbox img{display: inline-block; vertical-align: middle; width:30%;}
#keiroday .textbox{display: inline-block; vertical-align: middle; width: 88%;}
#keiroday .optionbox p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
#keiroday .ltxt{font-size: 18px;font-weight: bold;}
#keiroday .optionbox_after{padding: 2% 5% 1%;background-color: #ffefd5; box-sizing: border-box; overflow: hidden; font-size: 0;display: grid;place-items: center;margin-bottom: 3%;}
#keiroday .optionbox_after p{font-size: 16px; text-align: center; margin: 0 auto 10px;}

#keiroday .keigourmet {
/*    position: relative;*/
    background-image: url("../../../../img/usr/genre/kei00/250812_kei00_bg.jpg");
    background-repeat: no-repeat;
    padding: 4% 1.5%;
    margin-bottom: 7%;
}
#keiroday .keiliving {
    margin: 0 0 10%;
}

#keiroday .itemblock{overflow: hidden; margin: 0 auto 8%;}
#keiroday .itemblock p{font-size: 14px;}
#keiroday .itemblock span.postage{color: #e86423}
#keiroday .itemblock ul{margin-bottom: 3%;}
#keiroday .five_column{overflow: hidden; font-size: 0; margin: 0;}
#keiroday .five_column li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#keiroday .five_column li:nth-of-type(5n){margin-right: 0;}
#keiroday .four_column li{display: inline-block; vertical-align: top; width:24.0%!important; margin:0 0.8% 2% 0!important; padding:0;}
#keiroday .four_column li:nth-of-type(4n){margin-right: 0!important;}
#keiroday .bana_link li{display: inline-block; vertical-align: top; width:49%; margin:0 1.5% 2% 0; padding:0;}
#keiroday .bana_link li:nth-of-type(2n){margin-right: 0;}
#keiroday h2{font-size: 18px; text-align: center; margin: 0 auto 30px; border: 0; padding: 0;}
#keiroday h2:before {
    content: url("../../../../img/usr/genre/kei00/250812_kei00_decoration1.png");
    vertical-align: middle;
    padding-right: 5px;
    margin-right: 3%;
}
#keiroday h2:after {
    content: url("../../../../img/usr/genre/kei00/250812_kei00_decoration1.png");
    vertical-align: middle;
    padding-right: 5px;
    margin-left: 3%;
}
#keiroday h2.no-content:before{
    content: none;
}
#keiroday h2.no-content:after{
    content: none;
}
#keiroday h3{font-size: 18px; text-align: center; margin: 0 auto 30px; border: 0; padding: 0;font-weight: normal;}
#keiroday h3:before {
    content: url("../../../../img/usr/genre/kei00/250812_kei00_decoration2.png");
    vertical-align: middle;
    padding-right: 5px;
    margin-right: 3%;
}
#keiroday h3:after {
    content: url("../../../../img/usr/genre/kei00/250812_kei00_decoration2.png");
    vertical-align: middle;
    padding-right: 5px;
    margin-left: 3%;
}
#keiroday .category{overflow: hidden; font-size: 0;}
#keiroday .category .brandlink{margin: 0 auto;  list-style: none;}
#keiroday .category .brandlink li{display: inline-block; vertical-align: top; width:33%; margin:0 0.5% 2% 0; }
#keiroday .category .brandlink li:nth-of-type(3n){margin-right: 0;}
#keiroday .category .brandlink li p{font-size: 14px; margin: 0 auto 0; text-align: center; padding: 10px; box-sizing: border-box;}
#keiroday .category .brandlink li p.pinktext{color: #fd1d35; display: flex; height: 60px; align-items: center;justify-content: center;}
#keiroday .category .brandlink li a{display: block; width:100%;}
#keiroday .category .brandtxtlink{margin: 0 auto 30px;  list-style: none;}
#keiroday .category .brandtxtlink li{display: inline-block;height: 60px; vertical-align: top; border: 1px solid #CCC; width:24%; margin:0 1.2% 2% 0;  border-radius: 10px;}
#keiroday .category .brandtxtlink li:nth-of-type(4n){margin-right: 0;}
#keiroday .category .brandtxtlink li p{font-size: 14px; margin: 10px auto 0}
#keiroday .category .brandtxtlink li a{display: block;height: 100%; width:100%;font-size: 14px;display:flex; justify-content: center; align-items: center;}
#keiroday h2{font-size: 18px; text-align: center; margin: 0 auto 30px; border: 0; padding: 0;}
#keiroday .category{overflow: hidden; font-size: 0; margin-bottom: 50px;}
/*#keiroday .category .catlink.five li{width:19%;height: 70px;}
#keiroday .category .catlink.five li:nth-of-type(5n){margin-right: 0;}*/
#keiroday .category .catlink.cat_five li{width:24%;height: 70px;}
#keiroday .category .catlink.cat_five li:nth-of-type(4n){margin-right: 0;}
#keiroday .category .catlink.four li{width:24%;height: 50px;}
#keiroday .category .catlink.four li:nth-of-type(4n){margin-right: 0;}
#keiroday .category .catlink{margin: 0 auto 30px; padding: 0; list-style: none; font-size: 0;}
#keiroday .category .catlink li{display: inline-block; vertical-align: top; border: 1px solid #CCC; margin:0 1.2% 1.2% 0;}
#keiroday .category .catlink li a{display: flex; width:100%; height: 100%; justify-content: center; align-items: center; font-size: 14px;text-align: center;}
#keiroday .category .addtxt{font-size: 14px; text-align: left; padding-left: 2em; text-indent: -1em; margin: 0;}
#keiroday .category .banaarea{margin: 80px auto; }
#keiroday .category .banaarea .banablock{width:49%; display: inline-block; margin-right: 2%; vertical-align: top; font-size: 14px;}
#keiroday .category .banaarea .banablock:last-of-type{margin-right: 0;}
#keiroday .category .banaarea .banablock img{margin-bottom: 10px;}

#keiroday .category.product_area{background-color: #fff5f4; background-image: url("../../../../img/usr/genre/kei00/240813_keiroday_bg.png"); background-position: top; background-size: contain; background-repeat: no-repeat; padding: 50px 0}
#keiroday .category.product_area h2{margin-bottom: 50px;}
#keiroday .category.product_area .product_box{overflow: hidden; width:100%; padding:  30px 0 0;}
#keiroday .category.product_area .product_box .product_img{width:53%; display: inline-block; vertical-align: middle;}
#keiroday .category.product_area .product_box .product_text{width:47%; display: inline-block; vertical-align: middle; padding:0 40px; box-sizing: border-box;}
#keiroday .category.product_area .product_box .product_text .pink_text{color: #f4546c; font-size: 14px; margin-bottom: 10px}
#keiroday .category.product_area .product_box .product_text .product_name{ font-size: 18px; margin-bottom: 10px;}
#keiroday .category.product_area .product_box .product_text .price_text{ font-size: 16px; margin-bottom: 20px;}
#keiroday .category.product_area .product_box .pink_btn{background-color:#f4546c; width:100%;; max-width:300px; border-radius: 3px; }
#keiroday .category.product_area .product_box .pink_btn a{text-align: center; color: #FFF; text-decoration: none; font-size: 16px; padding: 8px; display: block; width:100%;}
/*#keiroday .category .left-area{float: left;}
#keiroday .category .right-area{float: right;}*/
#keiroday .deliveryfee{ color:#f4546c; border: 1px solid #f4546c; background-color: #FFF; display: inline-block; vertical-align: middle; padding: 2px 20px; letter-spacing: 1px; font-size: 12px; border-radius: 20px;}

/*ランキング*/
#keiroday .itemblock{overflow: hidden; margin: 0 auto 50px;}
#keiroday .itemblock p{font-size: 14px;}
#keiroday .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#keiroday .itemblock .three_column_rank li:nth-of-type(5){margin-right: 0;}
#keiroday .itemblock .three_column_rank li a{display:block; position:relative;}
#keiroday .itemblock .three_column_rank li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}
#keiroday .itemblock .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .itemblock .three_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .itemblock .three_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .three_column_rank li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}

#keiroday .three_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}

#keiroday .three_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}

#keiroday .three_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}

#keiroday .three_column_rank li:nth-child(4) a:before {
    background: url(../../../img/custom/icon_ranking4.png) no-repeat 0 0;
    background-size: 34px 34px
}

#keiroday .three_column_rank li:nth-child(5) a:before {
    background: url(../../../img/custom/icon_ranking5.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .itemblock .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#keiroday .itemblock .three_column li{display: inline-block; vertical-align: top; width:32.2%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#keiroday .itemblock .three_column li:nth-of-type(3n){margin-right: 0;}
#keiroday .itemblock .three_column li a{display:block; position:relative;}
#keiroday .itemblock .three_column li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}
/*
#keiroday .itemblock .three_column li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .itemblock .three_column li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}
#keiroday .itemblock .three_column li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}
*/
#keiroday .three_column_rank li:nth-of-type(5n){margin-right: 0;}
#keiroday .five_column_bland{overflow: hidden; font-size: 0; margin: 0;}
#keiroday .five_column_bland li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0;}
#keiroday .five_column_bland li:nth-of-type(5n){margin-right: 0;}

#keiroday .three_column_rank{overflow: hidden; font-size: 0; margin: 0;}
#keiroday .three_column_rank li{display: inline-block; vertical-align: top; width:19%; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
#keiroday .three_column_rank li a{display:block; position:relative;}
/*ランキングend*/

#keiroday .btnlink{text-align: center; margin: 0 auto; width:45%; height: 40px;font-size: 14px;border: 1px solid #e03507;padding: 1%;color: #e03507;background-color: #fff;}

#keiroday .kei_sp{display: none;}
@media (max-width: 1199px) {
#keiroday .kei_sp{display: block;}
#keiroday nav li a {font-size: 11px;}
#keiroday .category .catlink li a{font-size: 12px;}

}