@charset "utf-8"; /* ===================================================== common div#sp_grm_osusumeTokushu h2, div#sp_grm_osusumeTokushu span {color: #fff!important;} ================================================== */ .mainArea{background-color:#fdf2e2;} div#footBnr,div#sp_fv,div.sp_cate_select,div#sp_grm_cate,div#sp_grm_osusumeTokushu,div#sp_grm_cateArea,div#obiBnr,div#obi_spBnr,div#sp_grm_mainBnr,div#pc_fv_cate ul li.sp_cateBtn,div#sp_fv_02,div.osusumegift_link_boxsp{display:none!important} div#pc_grm_sitemaparea{background-color:#fff;max-width:100%!important} div#pc_grm_sitemaparea .grm_sitemaparea{max-width:1200px;margin:0 auto} a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div#fwCms_wrapper{overflow:hidden} @media only screen and (min-width: 768px) { div.osechi_itemList ol{display: block!important} } @media screen and (max-width:780px) { div#osechi img,div#osechirank img,div.osechi_itemList img,div#osechi_matrix img, div.grm_rankArea img,div#tokuten img,div#zisseki img,div#osechi_guide img,div#osechi_column img{width:100%;height:auto;} } /* ===================================================== pc_fv ================================================== */ div#pc_fv{height:352px;background-color: #faf1c6} div#pc_fv{height:352px;background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/220907/pc_fv_bg.png);background-position:center 0;background-repeat: no-repeat;} div#pc_fv div.pc_fv{width:1400px;margin:0 auto;max-width: 559px;} .header_main {border-bottom: 1px solid #eee;margin-bottom: 5px;} div#breadcrumbList {max-width: 1200px;margin: 0 auto 5px auto;font-size: 11px;} div#breadcrumbList p {display: inline-block;} div#breadcrumbList {max-width: 1200px;margin: 0 auto 5px auto;font-size: 11px;padding: 0 5px;} /* 帯部分 */ div#pc_fv_02{height:120px;background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/kani/common/pc_fv_bg.png);background-position:center 0;background-color:#000} div#pc_fv_02 div.pc_fv{width:1200px;margin:0 auto} div#pc_fv_02 div.pc_fv img{width:1200px} /* ===================================================== メインバナー ================================================== */ div#pc_grm_mainBnr{background-color:#fdf2e2; padding-bottom: 18px;} div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li {width:1000px !important;} div.mainslider{margin-bottom:-1px!important} div.mainslider ul.slick-slider{display:block!important;} div.mainslider ul.slider01{display:none} div.mainslider .slick-dots li button:before{background:none!important;border:1px solid #899898;border-radius:100px;-moz-border-radius:100px;content:''!important;opacity:100;width:10px!important;height:10px!important} div.mainslider .slick-dots li.slick-active button:before{color:#EF8B16!important;background:#EF8B16!important} div.mainslider .slick-dots{bottom:-30px!important} div.mainslider .slick-dots li{margin:0 15px!important} @media only screen and (min-width: 768px) { .mainslider .slider01 .slick-arrow{width:50px;height:50px;z-index:1} .mainslider .slider01 .slick-prev{left:8%!important} .mainslider .slider01 .slick-next{right:8%!important} .mainslider .slick-slide:not(.slick-center){-webkit-filter:opacity(20%);-moz-filter:opacity(20%);-o-filter:opacity(20%);-ms-filter:opacity(20%);filter:opacity(20%);transition:.2s linear} .mainslider .slider01 .slick-prev,.mainslider .slider01 .slick-next{position:absolute;top:50%;width:50px;height:50px;display:block;cursor:pointer;color:#000;border:none;outline:none;background:#000;border-radius:100%;font-size:0;color:transparent} .mainslider .slider01 .slick-next:before{display:block;position:absolute;top:16px;left:14px;content:"";width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} .mainslider .slider01 .slick-prev:before{font-family:slick;font-size:35px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;position:absolute;top:17px;left:20px;content:"";width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li img{width:1200px} } div#mainTxtArea {max-width: 1000px;margin: 0 auto 30px auto;padding-top: 10px;padding-bottom: 18px;} div#mainTxtArea h1 {color: #000; font-size: 15px;margin-bottom:5px;} div#mainTxtArea p {color: #000;font-size: 13px;line-height: 1.2em;} /* ===================================================== 追従カテゴリ ================================================== */ div#pc_fv_cate{background-color:#8e732c;height:50px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div.cate_fixed{position:fixed;top:68px!important;z-index:5;width:100%} div#pc_fv_cate ul{width:1200px;max-width:1200px;margin:0 auto} div#pc_fv_cate ul li{width:240px;float:left} div#pc_fv_cate ul li a{display:inline-block;width:100%;height:50px;color:#fff;text-decoration:none;text-align:center;font-size:16px;border-right:1px solid #a5956b;position:relative} div#cate_select ul li a:hover {background-color: #f5f5f5;} div#pc_fv_cate ul li a span{color:#fff} div#pc_fv_cate ul li a span br {display: none;} div#pc_fv_cate ul li a:after{content:"";display:block;width:11px;height:11px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:15px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#pc_fv_cate ul li a.soukiIcon:after{content:"";-webkit-transform:rotate(45deg)!important;-moz-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;transform:rotate(45deg)!important;position:absolute;right:15px;top:24px} div#pc_fv_cate ul li:first-child a{border-left:1px solid #a5956b} div#pc_fv_cate ul li a:hover{background-color:#735c20} div#pc_fv_cate ul li a span{position:relative;top:18px} /*==================================================== カテゴリ ====================================================*/ div#cate_select{padding:0 30px;max-width:1060px;text-align:center;margin:0 auto 30px;overflow:hidden} div#cate_select h2{position:relative;display:inline-block;padding:0 55px;color:#000000;font-size:24px;margin-bottom:20px;margin-top:10px} div#cate_select h2:before,div#cate_select h2:after{content:'';position:absolute;top:50%;display:inline-block;width:45px;height:2px;border-top:solid 1px #cf0010;border-bottom:solid 1px #cf0010} div#cate_select h2:before{left:0} div#cate_select h2:after{right:0} div.cateMenubox{background-color:#FFFFFF;width: auto;margin-top: 0;padding-top: 1%;} /* 帯部分 */ div.cate_obi{background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/cate_obi.png);background-position:center 0 repeat;height: 15px;margin-top: 3%;} div.cate_sitaobi{background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/cate_obi.png);background-position:center 0 repeat;height: 15px;margin-bottom:3%;} /*==================================================== カテゴリボタン ====================================================*/ div.cate_btn {max-width: 1000px;margin: 0 auto;margin-bottom: 2%;} div.cate_btn ul{margin-right:-15px} div.cate_btn ul li{width:235px;margin-right:15px;float:left} div.cate_btn ul li div.btnBox{border:2.5px solid #e0b80e;border-radius:10px;-moz-border-radius:10px;box-shadow:2px 2px 14px -6px #504d4d} div.cate_btn ul li div.btnBox:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.cate_btn ul li div.btnBox div.itemName{font-size:16px;color:#fff;padding:10px 0 10px 0;height: 49px} div.cate_btn ul li div.btnBox div.itemName span{font-size:12px;color:#fff;display:block;margin-bottom:5px} div.cate_btn ul li div.btnBox p.txtBox{font-size:13px;line-height:1.2em;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;padding:10px 40px 10px 10px} div.cate_btn ul li div.btn_01 {background-color: #ffd336;height: 212px;} div.cate_btn ul li div.btnBox div.itemName {font-size: 17px;color: #501d0a;height: 49px;padding-top: 10px;font-weight: bolder;} span.cateTxt {font-size: 12px;text-align: left;display: inline-block;line-height: 1.2em;padding: 5px 0;} /* ===================================================== カテゴリ価格　 ================================================== */ div.pc_cate_select ul.column_03 li{width:32%;float:left;margin-right:1%;margin-bottom:1%} div.pc_cate_select ul li a{font-size:19px;text-align:center;display:block;line-height:4em;height:80px;border:1.5px solid #ce2805;position:relative;background:#777;background:#FFFFFF} div.pc_cate_select ul li a:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.pc_cate_select ul li a:after{content:"";display:block;width:8px;height:8px;border-top:1px solid #a09e9e;border-right:1px solid #a09e9e;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:7px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none;right: 20px;top:37px} /* ===================================================== 信頼の実績上部 ================================================== */ div.zissekiArea_t{margin:0 auto 30px;height:250px;background:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/zisseki_area.png) no-repeat;background-position:center 0} div.zissekiArea_t div.txtArea{width:680px;text-align:center;margin:0 auto;padding-top:15px} div.zissekiArea_t div.txtArea div.zissekiTxt{color:#f5d585;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;font-size:29px;padding-top:16px;text-shadow:0 0 10px #000,0 0 10px #000} div.zissekiArea_t div.txtArea div.zissekiTxt span.chushaku{font-size:11px;color:#fff!important;display:inline} div.zissekiArea_t div.txtArea div.zissekibrand{text-align:center;color:#fff;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;font-size:28px;padding:10px 0;display:inline-block;text-shadow:0 0 10px #000,0 0 10px #000} div.zissekiArea_t div.txtArea div.zissekibrand img{width:175px} div.zissekiArea_t div.txtArea span.chushaku{color:#fff!important;display:block;text-shadow:0 0 10px #000,0 0 10px #000} div.zissekiArea_t div.txtArea div.zissekipoint{text-align:center;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;font-size:28px;padding:10px 0;margin-bottom:10px;text-shadow:0 0 10px #000,0 0 10px #000} div.zissekiArea_t div.txtArea div.zissekipoint div.check{display:inline-block;color:#fff;font-size:40px;padding-left:80px;background-image:url(/excludes/gourmet/pg/osechi/210818/check_icon.png);background-repeat:no-repeat;padding:10px 0 10px 95px;background-position:21px -7px} /* ===================================================== りぼん ================================================== */ div.ribon{width: 650px;height: 140px;margin: 3% auto;background-image: url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/ribon.png);background-position: center 0;background-repeat: no-repeat;} div.ribon　img{width: 100%} /* ===================================================== 信頼の実績下部 ================================================== */ div.zissekiArea div.sp_img{display:none} div.zissekiArea h2.zissekiTtl{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:46px;font-weight:700;display:block;margin-left: 10px} div.zissekiArea h2.zissekiTtl span{font-size:20px;display:block;margin-bottom:10px;line-height:1.2em;margin-left: 10px} div.zissekiArea span.chushaku {font-size: 12px!important;display: inline-block!important;color: #fff;} div.zissekiArea p{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:18px;color:#000;font-weight:700;display:block;letter-spacing:2px;line-height:1.6em;width:450px;margin-top:20px;margin-left: 19px} div.zissekiArea {width: 1000px;margin: 0 auto;background-color: #000;background-image: url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/oseibo_zisseki_bg.png);height: 450px;background-position: right;background-repeat: no-repeat;padding-top: 20px;} div.zissekiArea2{width:1000px;margin: 0 auto 30px auto;} /*------------------------------------------ 特撰特集バナー ------------------------------------------*/ div.tokusen {max-width:1000px;margin: 0 auto 2%;} div.tokusen div.tokusen_bana {float:left;padding:0 5px;box-sizing:border-box;} div.tokusen div.tokusen_bana img {max-width:100%; border:solid 1px #ccc; } div.tokusen div.tokusen_bana p{color: #000000; text-align: center;font-size:16px;margin-top: 7px} /*------------------------------------------ おすすめ商品バナー3つ並び ------------------------------------------*/ .osusumegift_bana{display: flex;flex-wrap: ;width: 1200px;margin: 0 auto; margin-bottom: 2%;margin-top: 2%;text-align: center;font-size:16px;} .osusumegift_bana li {width: calc(100%/3);padding:0 5px;box-sizing:border-box;} .osusumegift_bana li img {max-width:100%;height: auto;border:solid 1px #ccc;} .osusumegift_bana p{text-align: center;font-size:16px;margin-top: 7px} /* ===================================================== メイン商品 ================================================== */ /* りぼん見出し */ h2.tanpinset_ttl{background-color:#c00;display:block;text-align:center;font-size:26px;padding:20px 0;color:#fff;position:relative;width:810px;margin:3% auto 3%;height:70px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} h2.tanpinset_ttl br{display:none} h2.tanpinset_ttl:before,h2.tanpinset_ttl:after{position:absolute;content:'';width:0;height:0;z-index:1} h2.tanpinset_ttl:before{top:0;left:-15px;border-width:35px 0 35px 15px;border-color:#c00 #c00 #c00 transparent;border-style:solid} h2.tanpinset_ttl:after{top:0;right:-15px;border-width:35px 15px 35px 0;border-color:#c00 transparent #c00 #c00;border-style:solid} h2.tanpinset_ttl span{color:#fff;font-size:30px} /* ジャンル名 */ h3.pc_grm_contents_title {color: #d10a10;display: block;font-size: 40px;margin: 28px auto 17px;font-weight: 700;padding: 0;text-align: center;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;} h3.pc_grm_contents_title span{color: #d10a10;} div#osechirank span.contentsTtl_Txt{color:#000000;font-size:17px;text-align:center;display:block;line-height:1.2em;margin-bottom:4%;} /* ===================================================== 1位 ================================================== */ div.no_1{width: 1200px; margin:0 auto;} div.no_1 div.imgbox{float: left;width: 52%} div.no_1 div.specArea{width:48%;float:right;background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/220907/ranking_back.png);background-position:center 0 repeat;padding-bottom: 17px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;} div.no_1 div.logoBox { /* width: 576px; */ /* height: 162px; */ /* margin: 0 auto; */ margin-top: 8px; /* text-align: center; */ width: 100%; } div.no_1 div.logoBox img{width: 100%} div.no_1 div.specArea p.mainCopyBox{color:#000;font-size:26px;line-height:1.1em;width: 93%;margin: 0 auto;margin-top:8px} div.no_1 div.specArea div.CopyBox {width: 93%;margin: 0 auto;} div.no_1 div.specArea div.CopyBox p.copyBox {font-size: 18px;margin-bottom: 1%;color: #000;line-height: 1.1em;} /* スペック */ div.no_1 div.specArea div.specBox{background-color:#FFFFFF;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;border: 1.5px solid; border-color: #ce2805;margin: 0 3% 0 3%;} div.no_1 div.specArea div.specBox a{text-decoration:none;color:#000} div.no_1 div.specArea div.specBox p.itemName{color:#000;font-size:21px;} div.no_1 div.specArea div.specBox .priceBox{text-align:right} div.no_1 div.specArea div.specBox span.hayawari{background-color:#c00;color:#fff;padding:8px;font-size:20px;display:inline-block;position:relative;top:-6px;margin-right:5px} div.no_1 div.specArea div.specBox span.hayawari span{font-size:14px;color:#fff} div.no_1 div.specArea div.specBox s{font-size:24px} div.no_1 div.specArea div.specBox em{color:#c00;font-weight:700;font-size:50px;display:inline-block;margin-bottom:5px;position:relative;font-style:normal} div.no_1 div.specArea div.specBox em span{font-size:30px;color:#c00} div.no_1 div.specArea div.specBox em span.zei{font-size:12px;color:#333} div.no_1 div.specArea div.specBox div.iconBox{text-align:right;margin-bottom:6px} div.no_1 div.specArea div.specBox div.iconBox span{background-color:#000;color:#fff;font-size:15px;display:inline-block;padding:6px 7px;margin-right:5px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:100} div.no_1 div.specArea div.specBox div.iconBox span.icon_reitou{background-color: #3e7dcc;} div.no_1 div.specArea div.specBox div.iconBox span.icon_01{background-color:#c24414} div.no_1 div.specArea div.specBox div.iconBox span.icon_02{background-color:#304c95;margin-right:0} /* ボタン */ div.no_1 div.specArea div.specBox .btnBox{font-size:20px;color:#fff;text-align:center;border:2px #f8df91 solid;height:60px;border-radius:10px;-moz-border-radius:10px;background:#14451c;background:-moz-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:-webkit-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:linear-gradient(to bottom,#1c652f 21%,#143b1d 100%);width:49%;float:left} div.no_1 div.specArea div.specBox .btnBox:hover,div.no_1 div.specArea div.specBox .cart_btnBox button:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.no_1 div.specArea div.specBox .btnBox span{display:inline-block;background-image:url(/excludes/gourmet/pg/osechi/common/btnicon.svg);background-repeat:no-repeat;padding:10px 10px 10px 50px;background-size:30px;background-position:0 7px;position:relative;top:6px;color:#fff} div.no_1 div.specArea div.specBox .cart_btnBox button{font-size:20px;color:#fff;text-align:center;border:2px #f8df91 solid;height:60px;border-radius:10px;-moz-border-radius:10px;background:#14451c;background:-moz-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:-webkit-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:linear-gradient(to bottom,#1c652f 21%,#143b1d 100%);width:49%;float:right;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div.no_1 div.specArea div.specBox .cart_btnBox span{display:inline-block;background-image:url(/excludes/gourmet/pg/osechi/common/btnicon.svg);background-repeat:no-repeat;padding:10px 10px 10px 50px;background-size:30px;background-position:5px 11px;position:relative;top:-1px;color:#fff} div.no_1 div.specArea div.specBox .cart_btnBox button{font-size:20px;color:#fff;text-align:center;border:2px #f8df91 solid;height:60px;border-radius:10px;-moz-border-radius:10px;background:#980808;background:-moz-linear-gradient(top,#d02a2a 21%,#980808 100%);background:-webkit-linear-gradient(top,#d02a2a 21%,#980808 100%);background:linear-gradient(to bottom,#d02a2a 21%,#980808 100%);width:49%;float:right;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div.no_1 div.specArea div.specBox .cart_btnBox span{display:inline-block;background-image:url(/excludes/gourmet/pg/osechi/common/btnicon.svg);background-repeat:no-repeat;padding:10px 10px 10px 50px;background-size:30px;background-position:5px 11px;position:relative;top:-1px;color:#fff} /*==================================================== 週間・SEO対策ランキング ====================================================*/ h2.pc_grm_contents_title{display:none} h2.rank_title {color: #fff;max-width: 1200px;margin: 30px auto 10px auto;font-size: 20px} div.grm_rankArea{max-width:1000px;margin:0 auto} div.grm_rankArea ol{margin-right: -2%; margin: 0 auto;} div.grm_rankArea ol li{width:18%;float:left;margin-right:2%;margin-bottom:2%} div.grm_rankArea ol li .itemName{font-size:12px;line-height:1.1em;display:inline-block;margin:3px 0;height:38px;} div.grm_rankArea ol li .itemName:hover{color:#f88d01;text-decoration:underline} /* 価格 */ div.grm_rankArea ol li em.itemPrice{font-size:16px;display:block;text-align:right;margin-bottom:5px;color: #c00;} div.grm_rankArea ol li em span.monthTxt{font-size:13px;color:#c00} div.grm_rankArea ol li em.itemPrice span.zei{font-size:11px;display:inline-block;margin-left:2px} /* カート */ div.grm_rankArea ol li div.cartBtn{text-align:right} div.grm_rankArea ol li div.cartBtn button.cartBtn{height:40px;font-weight:700;border:none;text-align:center;font-size:15px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#c00 url(/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:21px;padding:0 10px 0 29px;background-position:7px 8px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif} div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff} div.grm_rankArea .linkTopBox{display:none} /*==================================================== 週間ランキング ====================================================*/ div.grm_rankArea{margin-bottom:0} div.grm_rankArea ol{margin-right:-2%} div.grm_rankArea ol li{width:18%;float:left;margin-right:2%;margin-bottom:2%} div.grm_rankArea ol li .itemName{font-size:12px;line-height:1.1em;display:block;margin:3px 0;height:25px;overflow:hidden;text-align:left} div.grm_rankArea ol li .itemName:hover{color:#f88d01;text-decoration:underline} div.grm_rankArea ol li img {width: 184px; display: inline-block;} div.grm_rankArea ol li em.itemPrice{font-size:16px;color:#c00;display:inline-block;text-align:right;margin-bottom:5px;position:absolute;bottom:37px;width:100%;right:0} div.grm_rankArea ol li em.itemPrice span.souryou{color:#c00;font-size:12px;margin-bottom:5px;display:inline-block} div.grm_rankArea ol li .moto span {position: relative;font-size: 12px;top:-1px;} div.grm_rankArea ol li .moto span:before{position:absolute;content:"";display:block;transform:rotate(10deg);background-color:#333;width:100%;height:1px;top:50%;left:0} div.grm_rankArea ol li .specBox{text-align:right;height:100px;position: relative;} div.grm_rankArea ol li .specBox h3 {text-align: left;} div.grm_rankArea ol li s{font-size:12px;position: relative;top: -3px;} div.grm_rankArea ol li em span.monthTxt{font-size:13px;color:#c00} div.grm_rankArea ol li em.itemPrice span.zei{color:#999;font-size:11px;display:inline-block;margin-left:2px} div.grm_rankArea ol li div.cartBtn{text-align: right;position: absolute;bottom: 0;right: 0;} div.grm_rankArea ol li div.cartBtn button.cartBtn{height:40px;font-weight:700;border:none;text-align:center;font-size:15px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#c00 url(/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:21px;padding:0 10px 0 29px;background-position:7px 8px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif} div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff} div.grm_rankArea .linkTopBox{text-align:right} div.grm_rankArea .linkTopBox a{font-size:14px;text-decoration:underline} div.grm_rankArea .linkTopBox a:hover{color:#f88d01;text-decoration:underline} div.grm_rankArea ol li div.rankBox{position:relative} div.grm_rankArea ol li div.rankBox:before{content:'';width:50px;height:25px;display:block;background:#333;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:26px;position:absolute;left:0;top:0;z-index:1} div.grm_rankArea ol li div.rankIcon_01:before{content:'1位';background:#D9B340} div.grm_rankArea ol li div.rankIcon_02:before{content:'2位';background:#707B83} div.grm_rankArea ol li div.rankIcon_03:before{content:'3位';background:#A05325} div.grm_rankArea ol li div.rankIcon_04:before{content:'4位'} div.grm_rankArea ol li div.rankIcon_05:before{content:'5位'} div.grm_rankArea ol li div.rankIcon_06:before{content:'6位'} div.grm_rankArea ol li div.rankIcon_07:before{content:'7位'} div.grm_rankArea ol li div.rankIcon_08:before{content:'8位'} div.grm_rankArea ol li div.rankIcon_09:before{content:'9位'} div.grm_rankArea ol li div.rankIcon_10:before{content:'10位'} div#newitem ol li div.rankBox:before {display: none;} /* ===================================================== 2位～ ================================================== */ div.osechi_itemList{width:100%;max-width:1200px;margin:0 auto;position:relative;font-weight:700;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;margin-top: 3%} div.osechi_itemList ol{margin-right:-10px;} div.osechi_itemList li{width:393px;float:left;margin-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;} div.osechi_itemList .rankMoreBtn,div.osechi_itemList .newMoreBtn{display:none} div.osechi_itemList li p.yuiTxt_01{background-color:#751016;color:#fff;font-size:22px;padding:10px 0;text-align:center} div.osechi_itemList li p.yuiTxt_02{background-color:#6a3055;color:#fff;font-size:22px;padding:10px 0;text-align:center} div.osechi_itemList li p.yuiTxt_03{background-color:#2b3358;color:#fff;font-size:22px;padding:10px 0;text-align:center} div.osechi_itemList li p.yuiTxt_04{background-color:#204422;color:#fff;font-size:22px;padding:10px 0;text-align:center} /* ランキングアイコン */ div.osechi_rankList li .imgBox{position:relative} div.osechi_rankList li .imgBox img{width:393px} div.osechi_rankList li .imgBox:after{content:'';width:60px;padding:5px;display:block;background:#333;color:#fff;font-size:20px;font-weight:700;text-align:center;line-height:26px;position:absolute;left:0;top:0;z-index:3} div.osechi_rankList li.rankIcon_02 .imgBox:after{content:'2位';background: #707B83;} div.osechi_rankList li.rankIcon_03 .imgBox:after{content:'3位';background: #A05325;} div.osechi_rankList li.rankIcon_04 .imgBox:after{content:'4位'} div.osechi_rankList li.rankIcon_05 .imgBox:after{content:'5位'} div.osechi_rankList li.rankIcon_06 .imgBox:after{content:'6位'} div.osechi_rankList li.rankIcon_07 .imgBox:after{content:'7位'} div.osechi_rankList li.rankIcon_08 .imgBox:after{content:'8位'} div.osechi_rankList li.rankIcon_09 .imgBox:after{content:'9位'} div.osechi_rankList li.rankIcon_10 .imgBox:after{content:'10位'} /* 商品説明 */ div.osechi_subItem{margin-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFFFFF;width:393px; border: 1px solid;border-color: #cccccc;} div.osechi_subItem a{text-decoration:none} div.osechi_subItem div.osechiSpecArea div.specArea p.copyBox {font-size: 13px;color: #333;line-height: 1.3em;text-align: left;height: 40px;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight: 100;} /* スペック */ div.osechi_subItem div.osechiSpecArea div.specArea div.specBox{background-color:#FFFFFF;padding:0 10px 10px;-webkit-box-sizing:border-box;box-sizing:border-box} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox h4 {font-size: 16px;margin: 10px 0 5px 0;text-align: left;height:32px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox a{text-decoration:none;color:#000} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox p.itemName{color:#000;font-size:20px;margin-bottom:10px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox{text-align:right} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox span.hayawari{display:inline-block;font-size:16px;background-color:#c00;color:#fff;font-size:14px;display:inline-block;padding:5px 4px;margin-right:2px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:100;position:relative;top:-4px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox span.hayawari span{color:#fff;font-size:11px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox s{font-size:22px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em{color:#c00;font-weight:700;font-size:32px;display:inline-block;margin-bottom:5px;position:relative;font-style:normal} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em span{font-size:20px;color:#c00} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em span.zei{font-size:12px;font-weight:100;color:#333;font-weight:700} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox{text-align:right;margin-bottom:5px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span{color:#fff;font-size:14px;display:inline-block;padding:5px 4px;margin-right:2px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:100} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_00{background-color:#823b15} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_01{background-color:#c24414} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_02{background-color:#968406} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_03{background-color:#3e7dcc} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_04{background-color:#0b8a31} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_05{background-color:#304c95;margin-right:0} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_reitou{background-color: #3e7dcc;} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_reizou{background-color:#644371} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_jouon{background-color:#654808} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.jouonIcon{background-color:#654808!important} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.reizouIcon{background-color:#644371!important} div.osechi_subItem div.osechiSpecArea div.specArea div.btn_area{overflow:hidden;margin-top: 0px;} div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox button{font-size:20px;color:#fff;text-align:center;border:2px #f8df91 solid;height:50px;border-radius:10px;-moz-border-radius:10px;background:#980808;background:-moz-linear-gradient(top,#d02a2a 21%,#980808 100%);background:-webkit-linear-gradient(top,#d02a2a 21%,#980808 100%);background:linear-gradient(to bottom,#d02a2a 21%,#980808 100%)} div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox span{display:inline-block;background-image:url(/excludes/gourmet/pg/osechi/common/btnicon.svg);background-repeat:no-repeat;padding:10px 10px 10px 50px;background-size:25px;background-position:7px 10px;position:relative;top:0;color:#fff;font-size:16px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} @media all and (-ms-high-contrast: none) { div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox span{background-position:7px 5px;} } div.osechi_subItem div.osechiSpecArea div.specArea .btnBox{font-size:22px;color:#fff;text-align:center;border:2px #f8df91 solid;height:50px;border-radius:10px;-moz-border-radius:10px;background:#14451c;background:-moz-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:-webkit-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:linear-gradient(to bottom,#1c652f 21%,#143b1d 100%);width:48%;float:left} div.osechi_subItem div.osechiSpecArea div.specArea .btnBox:hover,div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox button:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.osechi_subItem div.osechiSpecArea div.specArea .btnBox span{display:inline-block;background-image:url(/excludes/gourmet/pg/osechi/common/btnicon.svg);background-repeat:no-repeat;padding:10px 10px 10px 50px;background-size:25px;background-position:7px 5px;position:relative;top:5px;color:#fff;font-size:16px} div.osechi_subItem div.osechiSpecArea div.specArea h3.itemName {text-align: left;font-size: 18px;font-weight: bold;display: block;padding: 5px 0;} /* ===================================================== もっと見るボタン ================================================== */ div.fuyu_osusume div.moreLink{text-align:center} div.fuyu_osusume div.moreLink a{display: inline-block;border-radius: 100px;-moz-border-radius: 25px;display: inline-block;background-color: #eba009;height: 100px;padding: 0 60px 0 30px;position: relative;text-align: center;margin-bottom: 5%;width: 58%;margin-top: 2%;} div.fuyu_osusume div.moreLink a:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.fuyu_osusume div.moreLink a span{color: #fff;font-size: 28px;position: relative;top: 10px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;line-height: 2.8em;} div.fuyu_osusume div.moreLink a:after{content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:23px;top:44px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} /* ===================================================== かに特集こちらバナー ================================================== */ div#itemDetailHeadBnr{max-width:1000px;margin:1% auto 5%;text-align:center} div#itemDetailHeadBnr .pc_bnr{display:block;text-align:center} div#itemDetailHeadBnr a{color:#333;font-size:12px} div#itemDetailHeadBnr a span{display:inline-block;margin-top:5px} div#itemDetailHeadBnr .sp_bnr{display:none} @media screen and (max-width:640px) { div#itemDetailHeadBnr .pc_bnr{ display:none} div#itemDetailHeadBnr .sp_bnr{ display:block; width:88%; margin:0 auto; text-align:center} div#itemDetailHeadBnr .sp_bnr a{ text-align:center; color:#333; font-size:12px} } /* ===================================================== おすすめ商品 ================================================== */ /* りぼん見出し */ h2.osusume_rank_ttl{background-color:#c00;display:block;text-align:center;font-size:26px;padding:20px 0;color:#fff;position:relative;width:810px;margin:3% auto 3%;height:70px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} h2.osusume_rank_ttl br{display:none} h2.osusume_rank_ttl:before,h2.osusume_rank_ttl:after{position:absolute;content:'';width:0;height:0;z-index:1} h2.osusume_rank_ttl:before{top:0;left:-15px;border-width:35px 0 35px 15px;border-color:#c00 #c00 #c00 transparent;border-style:solid} h2.osusume_rank_ttl:after{top:0;right:-15px;border-width:35px 15px 35px 0;border-color:#c00 transparent #c00 #c00;border-style:solid} h2.osusume_rank_ttl span{color:#fff;font-size:28px} div.osusume_osechi_rank{max-width:1000px;margin:0 auto 30px;padding:0 30px} div.osusume_osechi_rank h2{font-size:40px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;text-align:center;margin-bottom:49px;padding-top:50px;color: #661c1c;} div.osusume_osechi_rank h3{font-size:18px;margin-bottom:10px;border-left:3px solid #902525;padding-left:5px;color: #000000;margin-top: 24px;} div.osusume_osechi_rank p.h3_ttl_txt{font-size:12px;margin-bottom:10px;line-height:1.2em;} div.osusume_osechi_rank div.grm_rankArea ol li .itemName{height:26px;font-size:12px;font-weight:100} div.osusume_osechi_rank .price_area{text-align:right} div.osusume_osechi_rank div.grm_rankArea ol li .price_area s{font-size:13px;text-align:right} div.osusume_osechi_rank div.grm_rankArea ol li .price_area s span {} div.osusume_osechi_rank div.grm_rankArea ol li em{display:inline-block;} div.osusume_osechi_rank div.grm_rankArea ol li em span.zei{} div.grm_rankArea ol li div.cartBtn a.cartBtn{height:40px;font-weight:700;border:none;text-align:center;font-size:15px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#902525 url(/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:21px;padding:0 10px 0 29px;background-position:7px 8px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;display:inline-block} div.grm_rankArea ol li div.cartBtn a.cartBtn:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.grm_rankArea ol li div.cartBtn a.cartBtn span{color:#fff;position:relative;top:13px} div.grm_rankArea div.moreLink{text-align:center} div.osusume_osechi_rank div.moreLink{text-align:center} div.osusume_osechi_rank div.moreLink a{display:inline-block;border:1px solid #902525;border-radius:100px;-moz-border-radius:100px;display:inline-block;background-color:#902525;height:60px;padding:0 30px 0 50px;position:relative;text-align:center;margin-bottom:30px;margin-top: 0;width: 77%;} div.osusume_osechi_rank div.moreLink a:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.osusume_osechi_rank div.moreLink a span{color:#fff;font-size:22px;position:relative;top:21px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;} div.osusume_osechi_rank div.moreLink a span br{display: none;} div.osusume_osechi_rank div.moreLink a:after{content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:23px;top:26px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} /* ===================================================== 人気の理由 ================================================== */ div#zisseki {padding-top: 30px;} div#zisseki div.zissekiBox img {width: 323px;} div#zisseki div,div#zisseki p,div#zisseki a{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div#zisseki .spr_accordionTtl.koeTtl{display:none} div#zisseki h2.ninkiiTtl{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:30px;color:#fff;display:block;background-color:#9d0c1d;text-align:center;margin-bottom:25px;font-weight:700;padding:15px 0;max-width:1000px;width:100%;margin:0 auto} div#zisseki ul{width:100%;max-width:1000px;margin:0 auto 30px;background-color: #FFFFFF} div#zisseki ul li{width:323px;margin-right:10px;float:left} div#zisseki span.iconBox{width:15%;display:block;margin:20px auto 10px} div#zisseki div.zissekiBox h3.zissekiBoxTtl{font-size:22px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;line-height:1.1em;font-weight:700;letter-spacing:2px;display:block;text-align:center;} div#zisseki div.zissekiBox h3.zissekiBoxTtl span{font-size:12px;color:#000} div#zisseki div.zissekiBox p{font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 16px;font-weight: 700;display: block;letter-spacing: 1px;line-height: 1.3em;padding: 5% 5% 0;height: 174px;} div#zisseki div.zissekiBox br{display: none;} /*==================================================== ご利用ガイド ====================================================*/ div#oseibo_guide{width:1000px;padding:0 30px;margin:0 auto;padding-top:30px;background-color:#fff} div#oseibo_guide .spr_accordionTtl.koeTtl{display:none} div#oseibo_guide div.imgBox{margin:5px 0} div#oseibo_guide h2{display:block;padding:15px 0;margin:0 0 20px;color:#333;font-size:30px;font-weight:100;border-top:#333 1px solid;border-bottom:#333 1px solid;text-align:center} div#oseibo_guide h3{background-color:#eee;color:#333;padding:10px 0;display:block;width:100%;margin-bottom:10px;text-align:center;font-size:16px} .preferredTimeBox {font-size: 14px;max-width: 400px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 0 auto;} div#oseibo_guide h4.souki{color:#c00;font-weight:700;font-size:18px;margin-bottom:3px} div#oseibo_guide h4.mother{color:#333;font-weight:700;font-size:18px;margin-bottom:3px} div#oseibo_guide h4.osechi{color:#e15e94;font-weight:700;font-size:18px;margin-bottom:3px} div#oseibo_guide h4.father{color:#4a899e;font-weight:700;font-size:18px;margin-bottom:3px} div#oseibo_guide h4.souryou{color:#c00;font-weight:700;font-size:36px;margin:30px 0 20px} div#oseibo_guide h4.souryou span{font-size:16px;display:block;margin-bottom:5px} div#oseibo_guide h4.shiharai{font-size:14px;font-weight:700;display:inline-block;padding:3px 6px;margin:10px 0 0} div#oseibo_guide p{color:#333;font-size:14px;line-height:1.5em;margin-bottom: 10px} div#oseibo_guide p.otodokechushaku span.numIcon{background:#616161;width:20px;height:20px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;color:#fff;text-align:center;font-size:14px;display:inline-block;margin:0 5px 0 0;padding:0;position:relative;top:-1px;line-height:1.5em} div#oseibo_guide p.otodokechushaku{font-size:14px;text-align:left;margin-bottom:5px} div#oseibo_guide p.shimekiri span.chushaku{font-size:11px;font-weight:100;display:block} div#oseibo_guide p a{color:#333;text-decoration:underline} div#oseibo_guide p.shimekiri{font-weight:700;font-size:16px;margin-bottom:10px;margin-top:-5px} div#oseibo_guide ul{margin-right:-30px} div#oseibo_guide ul li{margin-right:30px;margin-bottom:30px;width:293px;float:left;} /*　解凍方法　*/ div#oseibo_guide ul.kaitouBox li{width:212px!important;margin-bottom:0} div#oseibo_guide ul li.centerTxt{text-align:center} /*　お届け日　*/ ul.clearfix.otodokeArea ul{margin-right:0} ul.clearfix.otodokeArea li.centerTxt:nth-child(1),ul.clearfix.otodokeArea li.centerTxt:nth-child(2){width:96%!important;float:left;margin-right:2%!important} div#oseibo_guide div.haisouList ul{max-width:303px;margin:10px auto} div#oseibo_guide div.haisouList li{width:14.7%!important;float:left;margin-bottom:0} div#oseibo_guide div.haisouList li div.haisouBox{border:1px solid #afafaf;border-radius:100%;-moz-border-radius:100%;font-size:14px;text-align:center;width:60px;height:60px;line-height:1.2em;padding-top:13px} ul.otodokeArea h4,ul.otodokeArea p.shimekiri,ul.otodokeArea span.chushaku{display:inline-block!important} ul.otodokeArea p.otodokechushaku{text-align:center!important} ul.otodokeArea tr,div.otodokeArea td{line-height:0} div.sp_haisouBox{display:none} .chienImgBox{margin-bottom:3%} .chienImgBox img{width: 940px;} div#haisou{padding-top:100px;margin-top:-100px} div#oseibo_guide .shimekiriTxtBox p.soukiTxt {color: #cc0000!important;font-size: 20px!important;font-weight: bold;float: left;border: 1px solid #cc0000;width: 207px;padding: 5px 0;margin-right: 10px;text-align: center;} .shimekiriTxtBox {overflow: hidden;max-width: 450px;margin: 0 auto;margin-bottom: 10px;} .shimekiriTxtBox p.soukiTxt_s {font-size: 20px!important;float: left;position: relative;top: 5px;} div#oseibo_guide span.redTxt {color: #cc0000;} .preferredTimeBox th {max-width: 80px;text-align: center;padding: 10px;line-height: 1em !important;border-top: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #f7f7f7;} .preferredTimeBox td {max-width: 60px;text-align: center;border-top: 1px solid #ccc;border-right: 1px solid #ccc;padding: 10px;line-height: 1.2em;} div#oseibo_column div.spr_accordionBox {max-width: 1000px;padding: 0 30px;margin: 0 auto 30px auto;padding-top: 30px;background-color: #fff;} /*==================================================== コラム ====================================================*/ h2.kani_contentsTtl {display: block;padding: 15px 0;margin: 0 0 20px;color: #9d0c1d;font-size: 30px;font-weight: 100;border-top: #9d0c1d 1px solid;border-bottom: #9d0c1d 1px solid;text-align: center;} div#kani_kaitou .titleTxtBox {padding: 0 100px 20px 100px;font-size: 14px;line-height: 1.3em;} div#kani_kaitou .kaitouBox {height: 240px;width: 300px;float: left;margin-right: 20px;padding: 15px;border: 1px solid #b01f24;} div#kani_kaitou .kaitouBox h3.gensoku_01 {line-height: 1.2em;margin-bottom: 10px;display: block;text-align: center;font-size: 20px;font-weight: bold;background-size: 55px;background-position-x: center;} div#kani_kaitou .kaitouBox h3 span {color: #b01f24;} div#kani_kaitou .kaitouBox p.txtBox {font-size: 14px;line-height: 1.5em;} div#kani_kaitou .kaitouBox h3.gensoku_02 {line-height: 1.2em;margin-bottom: 10px;display: block;text-align: center;font-size: 20px;font-weight: bold;background-size: 55px;background-position-x: center;} div#kani_kaitou .kaitouBox h3.gensoku_03 {line-height: 1.2em;margin-bottom: 10px;display: block;text-align: center;font-size: 20px;font-weight: bold;background-size: 55px;background-position-x: center;} div#oseibotoha ul li {width: 47%;float: left;margin-right: 3%;margin-bottom: 3%;} div#kani_kaitou .kaitouBox.mr_n {margin-right: 0;} .hankaitou h3 {font-size: 18px;color: #b01f24;font-weight: bold;margin-bottom: 5px;} div.hankaitou {padding: 20px;margin-top: 20px;font-size: 14px;background-color: #f7f7f7;line-height: 1.2em;} div#oseibotoha ul li p {font-size: 13px;line-height: 1.3em;} div#oseibotoha h3 {font-size: 18px;text-align: center;background-color: #9d0c1d;color: #fff;padding: 5px 0;margin-bottom: 5px;} div#columnList ul li span.genreIcon{background-color:#5d2236;color:#fff;padding:1px 5px;font-size:12px;display:inline-block;margin-right:5px} div#oseibo_column{max-width:1000px;margin:30px auto} div#oseibo_column .spr_accordionTtl.koeTtl{display:none} /* 一覧 */ h2.columnListTitle{width: 940px!important;margin: 20px auto!important;font-size: 24px;font-weight: 700;display: block;color: #333;border-bottom: 1px solid #ccc;margin-bottom: 15px;padding-bottom: 10px;} div#columnList{margin-bottom:20px} div#columnList ul li{float:left;width:303px;margin-right:10px;margin-bottom:15px} div#columnList ul li img{width: 129px;} div#columnList ul li a{display:block;font-size:14px;line-height:1.5em;color:#333} div#columnList ul li a:hover{color:#f88d01} div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:40%} div#columnList ul li a span.columnLinkImg img{width:100%} div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:58%;margin-left:2%;color:#333} div#columnList ul li a:hover span.columnLinkTitle{text-decoration:underline} /* ===================================================== サイドバナー ================================================== */ div#pc_sideBnr {z-index: 9999;position: fixed;} #sidebarbox #sidebar{width:115px;height:70px;top:125px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block} #sidebarbox #sidebar2{width:115px;height:70px;top:200px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block} #sidebarbox #sidebar3{width:115px;height:140px;top:275px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block} #sidebarbox #sidebar #sidebar_link,#sidebarbox #sidebar2 #sidebar_link{width:120px;height:70px;display:block;background:no-repeat scroll 0 0 transparent;position:relative;top:0;left:0;outline:none;z-index:9999} #sidebarbox button{z-index:99999;position:fixed;top:405px;width:94px;height:30px;text-align:center;font-size:15px;right:9px;background-color:#f8f8f8;border:1px solid #bebebe;color:#333;border-radius:100px;-moz-border-radius:100px} #sidebarbox button span.batsu{color:#333;position:relative;left:-3px} #sidebarbox button span.btnTxt{color:#333!important} #sidebarbox #sidebar3 #sidebar_link {width: 120px;height: 125px;display: block;background: no-repeat scroll 0 0 transparent;position: relative;top: 0;left: 0;outline: none;z-index: 9999;} /*------------------------------------------ おすすめ商品バナー下部 ------------------------------------------*/ .osusumegift_link_box{width: 1200px;margin: 0 auto} .osusumegift_link_bana{display: flex;flex-wrap: ;width: 1200px;margin: 0 auto;text-align: center;font-size:16px;} .osusumegift_link_bana li{width: calc(100%/3);padding:0 5px;/box-sizing:border-box;} .osusumegift_link_bana li img {max-width:100%;height: auto; border:solid 1px #ccc;} .osusumegift_link_bana p{text-align: center;font-size:14px;margin-top: 3px;margin-bottom: 14px;} h2.osusume{font-size: 20px} /* ===================================================== お客様の声 ================================================== */ div#contents_voice{max-width:1000px;margin:35px auto} div#contents_voice .spr_accordionTtl.koeTtl{display:none} div#contents_voice h2{background-color:#9d0c1d;display:block;text-align:center;font-size:30px;line-height:1em;padding:17px 0 14px;color:#fff;position:relative;width:480px;margin:0 auto 20px;height:65px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div#contents_voice h2:before,div#contents_voice h2:after{position:absolute;content:'';width:0;height:0;z-index:1} div#contents_voice h2:before{top:0;left:-20px;border-width:33px 0 32px 20px;border-color:#9d0c1d #9d0c1d #9d0c1d transparent;border-style:solid} div#contents_voice h2:after{top:0;right:-20px;border-width:33px 20px 32px 0;border-color:#9d0c1d transparent #9d0c1d #9d0c1d;border-style:solid} div#contents_voice ul li{width:450px;float:left;margin-right:20px;margin-bottom:20px} div#contents_voice ul li:nth-child(3),div#contents_voice ul li:nth-child(6){margin-right:0} div#contents_voice ul li div.voiceBox{background-color:#fff;padding:20px;font-size:13px;line-height:1.3em;height:197px;position:relative} div#contents_voice ul li div.voiceBox h3{font-size:16px;color:#86332B;margin-bottom:8px} div#contents_voice ul li div.voiceBox div.starBox{margin-bottom:5px} div#contents_voice ul li div.voiceBox div.starBox p{font-size:12px;display:inline-block;margin-right:5px;position:relative;top:-3px} div#contents_voice ul li div.voiceBox div.starBox span{font-size:20px;display:inline-block;margin-right:3px;color:#FC0} div#contents_voice ul li div.voiceBox div.starBox span.none{color:#ccc} div#contents_voice ul li div.voiceBox span.name{position:absolute;right:20px;bottom:20px;font-size:12px;text-align: right} div#contents_voice div.chushaku{text-align:right;font-size:11px;position:relative;top:-14px} /*------------------------------------------ ブランド説明 ------------------------------------------*/ div#flower_kodawari{background-color:#f7f7f7;padding:3% 0} div#flower_kodawari h2{font-size:34px;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;display:block;text-align:center;margin-bottom:2%;font-weight:700;color:#9d0c1d} div#flower_kodawari ul.txtArea{margin-bottom:60px;max-width:1000px;margin:0 auto 60px} div#flower_kodawari ul.txtArea li:nth-child(1){float:left;width:49%} div#flower_kodawari ul.txtArea li:nth-child(2){float:right;width:49%} div#flower_kodawari ul.txtArea div.txtBox{width:49%;float:left} div#flower_kodawari ul.txtArea div.sp_img{width:49%;float:right} div#flower_kodawari ul.txtArea h3.kodawariTtl{display:block;text-align:center;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:22px;font-weight:700;margin-bottom:10px} div#flower_kodawari ul.txtArea p{font-size:14px;line-height:1.2em;margin-bottom:15px} div#flower_kodawari .aboutTxt{box-shadow:4px 2px 17px -6px #8a8a8a;margin-bottom:6%;max-width:1000px;margin:0 auto 30px auto;width:100%} div#flower_kodawari .aboutTxt .txtBox{width:500px;float:right;background-color:#fff;padding:50px;height:360px} div#flower_kodawari .aboutTxt .txtBox h2{font-size:36px;text-align:left;margin-top: 13px;} div#flower_kodawari .aboutTxt .txtBox h2 span{font-size:24px;display:block;color:#f15b5b;margin-bottom:3px} div#flower_kodawari .aboutTxt .txtBox h2 span span.chushaku{font-size:11px;display:inline-block} div#flower_kodawari .aboutTxt .txtBox p{font-size:16px;line-height:1.5em} div#flower_kodawari .aboutTxt .txtBox p span.chushaku{font-size:11px} div#flower_kodawari .aboutTxt .imgBox{float:right;width:500px} div#flower_kodawari ul.buyerArea{margin:0 auto;width:800px} div#flower_kodawari ul.buyerArea li{width:400px;float:left} div#flower_kodawari ul.buyerArea li div.imgBox{width:120px;float:left} div#flower_kodawari ul.buyerArea .txtBox{margin-left:10px;float:left;width:220px} div#flower_kodawari ul.buyerArea div.buyerBox div.txtBox p{font-size:15px;line-height:1.3em} div#flower_kodawari ul.buyerArea div.buyerBox div.txtBox p span{font-size:22px;margin-top:20px;display:block;margin-bottom:5px;line-height:1.2em;font-weight:700;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif} /* ===================================================== おすすめ商品バナー ================================================== */ div#bnrList{max-width:1200px;margin: 0 auto 20px auto;} div#bnrList ul{margin-right:-20px} div#bnrList ul li{width:385px;float:left;margin-right:20px;margin-bottom:20px;height:215px} div#bnrList ul li a span{display:block;font-size:12px;text-align:center;margin-top:3px} div#bnrList ul li a span span.redTxt{color:#c00;display:inline-block} div#bnrList ul li a:hover span{color:#9d7426;text-decoration:underline} div#bnrList h2.pc_grm_contents_title,div#carnation_no1 h3.pc_grm_contents_title{text-align:center;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:34px;font-weight:700;padding-top:0;color:#0c5f94} div#bnrList img {width:100%;} @media screen and (max-width:780px) { /* ★スマホ用CSS */ div#footBnr{text-align:center;width:100%;position:fixed;bottom:0!important;z-index:999;left:0;background-color:#a80d1f;height:30px} div#sp_grm_osusumeTokushu h2,div#sp_grm_osusumeTokushu span{color:#333!important} div#sp_grm_cate,div#sp_grm_osusumeTokushu {background-color: #fff;} .osechi_txtArea .spr_accordionTtl{background-color:#920303;color:#fff;font-size:16px;text-align:center;padding:14px 0;border-bottom:1px solid #bd5f5f;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;position:relative} .osechi_txtArea .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:20px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} .osechi_txtArea .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px} /* spの時表示 */ div#pc_fv_cate ul li.sp_cateBtn,div#footBnr,div#sp_grm_mainBnr,div#sp_fv,div.sp_cate_select,div#sp_grm_cate,div#sp_grm_osusumeTokushu,div#sp_fv_02,div.osusumegift_link_boxsp{display:block!important} /* spの時非表示 */ div#pc_fv_cate ul li.pc_cateBtn,div#pc_sideBnr,.spr_encloseMain:after,div#osechiMainArea .spr_accordionBox,div#pc_grm_mainBnr,div#pc_fv,div.pc_cate_select,div#pc_grm_sitemaparea,div#pc_fv_02,div.cate_obi,div.cateMenubox,div.cate_sitaobi,div.osusumegift_link_box{display:none!important} /* 画像 */ div.oshinagaki ul li .imgBox img,div#yui_tanpin img,div#saiju_tanpin ul li img, div#kizuna_tanpin ul li img,div.yui_series ol li img,div.osechi_rankList li .imgBox img,div#tokuten ul li img,div#zisseki div.zissekiBox img,.chienImgBox img,div#columnList ul li img {width: 100%;} .mainArea{padding-top: 0;} div#pc_fv_cate ul{width:100%;} div#mainTxtArea {margin: 0 3%;padding-bottom: 3%;} div#sp_fv {text-align: center;} /* ===================================================== メインバナー ================================================== */ div#sp_grm_mainBnr {padding-bottom: 35px;background-color:#fdf2e2} div#sp_grm_mainBnr ul.slider-center .slick-slide:not(.slick-center){-webkit-filter:opacity(50%);-moz-filter:opacity(50%);-o-filter:opacity(50%);-ms-filter:opacity(50%);filter:opacity(50%);transition:.2s linear} div#sp_grm_mainBnr ul.slick-slider{display:block!important;padding: 0;margin-bottom:-1px} div#sp_grm_mainBnr ul.slider-center{display:none} div#sp_grm_mainBnr .slick-next,div#sp_grm_mainBnr .slick-prev{right:2px;width:35px;height:35px;top:100px} div#sp_grm_mainBnr .slick-prev,div#sp_grm_mainBnr .slick-next{position:absolute;top:50%;width:30px;height:30px;display:block;cursor:pointer;color:#333;border:none;outline:none;background:#333;border-radius:100%;font-size:0;color:transparent} div#sp_grm_mainBnr .slick-next:before,div#sp_grm_mainBnr .slick-prev:before{font-family:slick;font-size:35px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} div#sp_grm_mainBnr .slick-prev{left:7px!important;z-index:1} div#sp_grm_mainBnr .slick-prev:before{display:block;position:absolute;top:9px;left:12px;content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#sp_grm_mainBnr .slick-next:before{display:block;position:absolute;top:9px;left:8px;content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#sp_grm_mainBnr .slick-prev:before,div#sp_grm_mainBnr .slick-next:before{font-size:0;line-height:1;color:#333;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} div#sp_grm_mainBnr .slick-dots li {width: 10px!important;margin: 0 10px;} div#sp_grm_mainBnr .slick-dots li button:before{background:none!important;border:1px solid #899898;width:10px;height:10px;border-radius: 100px;-moz-border-radius: 100px;content: ' '!important;} div#sp_grm_mainBnr .slick-dots li.slick-active button:before{color:#EF8B16!important;background:#EF8B16!important} div#sp_grm_mainBnr .slick-dots{bottom:-30px!important} /* ===================================================== 追従カテゴリ ================================================== */ div.cate_fixed{top:6%!important;height:60px!important} div#pc_fv_cate ul li{width:20%;float:left} div#pc_fv_cate ul li a{font-size:12px;text-align:center;float:left;width:100%;border-right:1px solid #a79360;height:50px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"} div.cate_fixed ul li a{height:60px!important;background-color:#8e732c} div#pc_fv_cate ul li a span{position:relative;top:13px;color:#fff;line-height:1.1em;left:0;font-size:11px} div#pc_fv_cate ul li a span br{display:block} div.cate_fixed ul li a span{top:22px!important} div#pc_fv_cate ul li a:after{display:none} /* ===================================================== SPカテゴリ ================================================== */ div.sp_cate_select div,div.sp_cate_select p,div.sp_cate_select a{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700} div.sp_cate_select h2{display:block;background-color:#8f722c;color:#fff;font-size:16px;padding: 17px 0 16px 50px;;border-bottom:1px solid #a5956b;position:relative;font-weight:700} div.sp_cate_select div.spr_accordionTtl{position:relative} div.sp_cate_select div.spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:25px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div.sp_cate_select .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:30px} div.sp_cate_select h2.icon_01{background-image:url(/excludes/gourmet/pg/osechi/common/osechi_sprite.svg);background-repeat:no-repeat;background-size:35px;background-position:8px 8px} div.sp_cate_select h2.icon_02{background-image:url(/excludes/gourmet/pg/osechi/common/osechi_sprite.svg);background-repeat:no-repeat;background-size:35px;background-position:8px -62px} div.sp_cate_select h2.icon_03{background-image:url(/excludes/gourmet/pg/osechi/common/osechi_sprite.svg);background-repeat:no-repeat;background-size:35px;background-position:8px -134px} div.sp_cate_select h2.icon_04{background-image:url(/excludes/gourmet/pg/osechi/common/osechi_sprite.svg);background-repeat:no-repeat;background-size:35px;background-position:8px -203px} div.sp_cate_select .spr_accordionBox{display:none;background:#FFFFFF} div.sp_cate_select ul li{width:50%;float:left} div.sp_cate_select ul{border-right:1px solid #ccc} div.sp_cate_select ul li a{display:block;width:100%;height:50px;color:#000;text-decoration:none;font-size:13px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative;line-height:1.2em;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;} div.sp_cate_select ul li a:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #333;border-right:1px solid #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:20px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div.sp_cate_select ul li a span{position:relative;top:17px;left:10px} div.sp_cate_select ul li a span.line_02{line-height:1em;top:10px} /* ===================================================== 信頼の実績上部 ================================================== */ div.zissekiArea_t{width:100%;margin:6% 0 0;height:auto;background-position:center -2px;background-size:350%} div.zissekiArea_t div.txtArea span.chushaku{margin-bottom:10px;padding-bottom: 10px;} div.zissekiArea_t div.txtArea{width:90%;margin:0 auto;float:none} div.zissekiArea_t div.imgArea{display:block} div.zissekiArea_t div.txtArea div.zissekibrand img{width:110px} div.zissekiArea_t div.txtArea div.zissekiTxt{font-size:24px;line-height:1.2em;margin-bottom:0} div.zissekiArea_t div.txtArea div.zissekipoint{padding-top:0;margin-bottom:0} div.zissekiArea_t div.txtArea div.zissekibrand{font-size:20px} div.zissekiArea_t div.txtArea div.zissekipoint div.check{font-size:20px;background-position:14px 0;padding:10px 0 10px 56px;background-size:40px} div.zissekiArea_t div.txtArea div.zissekipoint div.check{font-size:20px;background-position:2px 0;padding:10px 0 10px 38px;background-size:40px;margin-right:13px} /*------------------------------------------ りぼん ------------------------------------------*/ div.ribon {width: 100%;height: 72px;margin: 3% auto;background-image: url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/210910/ribon.png);background-position: center;background-repeat: no-repeat;background-size: contain;/* margin-bottom: 3%; */} /* ===================================================== メイン商品 ================================================== */ div#osechirank span.contentsTtl_Txt{padding:0 3%;text-align:left;line-height:1.3em;font-size: 13px;} div#osechirank span.contentsTtl_Txt br{display:none} /* りぼん見出し */ h2.tanpinset_ttl{background-color: #c00;display: block;text-align: center;padding: 7px 0;color: #fff;position: relative;width: 84%;height: 46px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;} h2.tanpinset_ttl br{display:block} h2.tanpinset_ttl:before,h2.tanpinset_ttl:after{position:absolute;content:'';width:0;height:0;z-index:1} h2.tanpinset_ttl:before{top:0;left:-15px;border-width:23px 0 23px 15px;border-color:#c00 #c00 #c00 transparent;border-style:solid} h2.tanpinset_ttl:after{top:0;right:-15px;border-width:23px 15px 23px 0;border-color:#c00 transparent #c00 #c00;border-style:solid} h2.tanpinset_ttl span{color:#fff;font-size: 17px} /* ジャンル名 */ h3.pc_grm_contents_title {color: #d10a10;display: block;font-size: 28px;margin: 1% auto;font-weight: 700;padding: 0;text-align: center;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;} h3.pc_grm_contents_title span{font-size: 22px;color: #d10a10;} /* ===================================================== 1位 ================================================== */ div.no_1{width: 100%; margin:0 auto;} div.no_1 div.imgbox{float: none;width: 100%} div.no_1 div.specArea{width:100%;float:none;background-image:url(https://belluna-gourmet.com/excludes/gourmet/pg/oseibo/220907/ranking_back.png);background-position:center 0 repeat;padding-bottom: 17px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;} div.no_1 div.logoBox{width: 77%;margin: 0 auto;margin-top: 0;height: auto;text-align: center;padding-top: 2%} div.no_1 div.specArea p.mainCopyBox{color:#000;font-size:20px;line-height:1.3em;width: 93%;margin: 0 auto;margin-top:1%} div.no_1 div.specArea div.CopyBox {width: 93%;margin: 0 auto;} div.no_1 div.specArea div.CopyBox p.copyBox {font-size: 16px;margin-bottom: 1%;color: #000;line-height: 1.3em;} /* スペック */ div.no_1 div.specArea div.specBox{background-color:#FFFFFF;padding:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border: 1.5px solid; border-color: #ce2805;margin: 0 2%;} div.no_1 div.specArea div.specBox a{text-decoration:none;color:#000} div.no_1 div.specArea div.specBox p.itemName{color:#000;font-size:21px;margin-bottom:10px} div.no_1 div.specArea div.specBox .priceBox{text-align:right} div.no_1 div.specArea div.specBox span.hayawari{background-color:#c00;color:#fff;padding:8px;font-size:13px;display:inline-block;position:relative;top:-6px;margin-right:5px} div.no_1 div.specArea div.specBox span.hayawari span{font-size:10px;color:#fff} div.no_1 div.specArea div.specBox s{font-size:19px} div.no_1 div.specArea div.specBox em{color:#c00;font-weight:700;font-size:31px;display:inline-block;margin-bottom:5px;position:relative;font-style:normal} div.no_1 div.specArea div.specBox em span{font-size:20px;color:#c00} div.no_1 div.specArea div.specBox em span.zei{font-size:12px;color:#333} div.no_1 div.specArea div.specBox div.iconBox{text-align:right;margin-bottom:10px} div.no_1 div.specArea div.specBox div.iconBox span{background-color:#000;color:#fff;font-size:15px;display:inline-block;padding:6px 7px;margin-right:5px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:100} div.no_1 div.specArea div.specBox div.iconBox span.icon_reitou{background-color: #3e7dcc;font-size: 11px} div.no_1 div.specArea div.specBox div.iconBox span.icon_01{background-color:#c24414;font-size: 11px} div.no_1 div.specArea div.specBox div.iconBox span.icon_02{background-color:#304c95;margin-right:0;font-size: 11px} /* ボタン */ div.no_1 div.specArea div.specBox .btnBox{font-size:12px;color:#fff;text-align:center;border:2px #f8df91 solid;height:50px;border-radius:10px;-moz-border-radius:10px;background:#14451c;background:-moz-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:-webkit-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:linear-gradient(to bottom,#1c652f 21%,#143b1d 100%);width:49%;float:left} div.no_1 div.specArea div.specBox .btnBox:hover,div.no_1 div.specArea div.specBox .cart_btnBox button:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.no_1 div.specArea div.specBox .btnBox span{display: inline-block; background-image: url(/excludes/gourmet/pg/osechi/common/btnicon.svg); background-repeat: no-repeat; padding: 10px 12px 5px 35px; background-size: 20px; background-position: 10px 5px; position: relative; top: 6px; color: #fff; font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif; font-weight: 700; line-height: 1em; } div.no_1 div.specArea div.specBox .cart_btnBox button{font-size:12px;color:#fff;text-align:center;border:2px #f8df91 solid;height:60px;border-radius:10px;-moz-border-radius:10px;background:#14451c;background:-moz-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:-webkit-linear-gradient(top,#1c652f 21%,#143b1d 100%);background:linear-gradient(to bottom,#1c652f 21%,#143b1d 100%);width:49%;float:right;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:700;line-height: 1em;} div.no_1 div.specArea div.specBox .cart_btnBox button{font-size:12px;color:#fff;text-align:center;border:2px #f8df91 solid;height:50px;border-radius:10px;-moz-border-radius:10px;background:#980808;background:-moz-linear-gradient(top,#d02a2a 21%,#980808 100%);background:-webkit-linear-gradient(top,#d02a2a 21%,#980808 100%);background:linear-gradient(to bottom,#d02a2a 21%,#980808 100%);width:49%;float:right;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:700;line-height: 1em;} div.no_1 div.specArea div.specBox .cart_btnBox span{display: inline-block; background-image: url(/excludes/gourmet/pg/osechi/common/btnicon.svg); background-repeat: no-repeat; padding: 10px 12px 5px 35px; background-size: 20px; background-position: 10px 5px; position: relative; top: -1px; color: #fff;} /*==================================================== 週間・SEO対策ランキング ====================================================*/ div.grm_rankArea{margin-bottom:4%} h2.pc_grm_contents_title {padding-left:5px;font-size: 16px;} div.grm_rankArea div.scrollItemList{position:relative} div.grm_rankArea div.scrollItemList:after{content:"";display:block;width:33px;height:33px;position:absolute;right:2px;top:27%;background:url(/excludes/gourmet/top/common/controls_02.svg) no-repeat -47px -1px;background-size:82px} div.grm_rankArea div.rankList{overflow-y:hidden;overflow-x:scroll;position:relative} div.grm_rankArea div.rankList ol{margin:0 0 0 2px;width:1455px} div.grm_rankArea div.rankList ol li{width:145px;float:left;line-height:1em;margin-right:0;margin-bottom:1%} div.grm_rankArea ol li .itemName {margin: 3px 0 5px 0;} div.grm_rankArea ol li .specBox{height:110px;margin-bottom:1%;} div.grm_rankArea ol li em.itemPrice{position:relative;bottom:-5px} div.grm_rankArea ol li em.itemPrice .souryou{margin-top:5px} div.grm_rankArea ol li .moto span {top: 0;} /* カート */ div.grm_rankArea div.rankList ol li div.rankBox{margin-right:10px;position:relative} div.grm_rankArea ol li div.cartBtn button.cartBtn{font-size:13px;width:100%} div.grm_rankArea ol li div.cartBtn button.cartBtn span{position:relative;top:-2px} div.grm_rankArea .linkTopBox{padding:15px 25px 15px 15px;border-top:1px solid #eee;margin-top:5px;position:relative} div.grm_rankArea .linkTopBox a{text-decoration:none} div.grm_rankArea .linkTopBox:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:21px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div.grm_rankArea ol li img{width:135px;height:135px} /* ===================================================== 2位～ ================================================== */ div.osechi_itemList{text-align:center;max-width: 500px;} div.osechi_itemList ol{margin-right:0;margin-left:2%} div.osechi_itemList div.moreArea ol{display:none} div.osechi_itemList li{width:48%;margin-right:2%;margin-bottom:2%;text-align:left} li.rankIcon_09{position:relative!important;top:0;right:0} li.rankIcon_08{position:relative!important;top:0;left:0} div.osechi_itemList li.rankIcon_06,div.osechi_itemList li.itemList_03{position:relative!important;top:0;right:0} div.osechi_itemList .rankMoreBtn,div.osechi_itemList .newMoreBtn{display:inline-block;padding:14px 0;font-size:14px;text-align:center;text-decoration:none;width:200px;color:#333;border-radius:26px;position:relative;margin:0 auto;border:1px solid #ccc;background-color:#f7f7f7;margin-top:3%;margin-bottom:3%;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;} div.osechi_itemList .rankMoreBtn::after,div.osechi_itemList .newMoreBtn::after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:44px;top:41%;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div.osechi_itemList div.rankMoreBtnClose:after,div.osechi_itemList div.newMoreBtnClose:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);position:absolute;right:44px;top:55%;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} /* 商品説明 */ div.osechi_subItem{margin-bottom:0;width:100%} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox{padding:0 3% 3%} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox h4 {font-size: 14px;margin: 5px 0 2px 0;height: 40px;line-height: 1em;} div.osechi_subItem div.osechiSpecArea div.specArea p.copyBox{font-weight:100;font-size:12px;line-height:1.2em;margin-bottom:2%;height:87px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif} div.osechi_subItem div.osechiSpecArea div.specArea h3.itemName {font-size:13px;height: 36px;} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox s{font-size:14px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight:100} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em{font-size:18px;margin-bottom:0;line-height:1em;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em span{font-size:14px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox em span.zei{font-size:11px;color:#999} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span{font-size:11px;margin-right:2px;margin-bottom:1px;padding:3px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox{margin-bottom:0;height:36px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox div.iconBox span.icon_05{margin-right:2px} div.osechi_subItem div.osechiSpecArea div.specArea div.btn_area{overflow: hidden;margin-top:0;} div.osechi_subItem div.osechiSpecArea div.specArea .btnBox {font-size: 10px;height: 40px;width: 100%;margin-bottom: 5px;float: none;} div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox button {height: 40px;width: 100%;float: none;} div.osechi_subItem div.osechiSpecArea div.specArea .cart_btnBox button span {background-size: 15px;padding: 8px 0 5px 26px;background-position: 1px 6px;font-weight: 700;line-height: 1em;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-size:9px;top: -1px;} div.osechi_subItem div.osechiSpecArea div.specArea .btnBox span{background-size:15px;padding:8px 0 5px 26px;background-position:1px 6px;font-weight:700;line-height:1em;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-size:9px;top:3px} div.osechi_subItem div.osechiSpecArea div.specArea div.specBox span.hayawari{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-size:9px;padding:4px;top:-3px} /* ランキングアイコン */ div.osechi_rankList li .imgBox:after{content:'';width:45px;padding:0;font-size:14px} /* --------------------------------------- 2022追加　2位以降 --------------------------------------- */ div.contents_rankArea h3{font-size:22px!important;margin-bottom:0!important} div.contents_rankArea p.rankTtlTxt,div#carnation_no1 p.rankTtlTxt{text-align:left;padding:2% 3% 3%;margin-bottom:0;font-size:13px} div.contents_rankArea p.rankTtlTxt span.sp_br,div#carnation_no1 p.rankTtlTxt span.sp_br{display:inline} div.contents_rankArea div.scrollItemList{position:relative;margin-bottom:20px} div.contents_rankArea div.scrollItemList:after{content:"";display:block;width:33px;height:33px;position:absolute;right:2px;top:27%;background:url(https://belluna-gourmet.com/excludes/gourmet/top/common/controls_02.svg) no-repeat -47px -1px;background-size:82px;z-index: 2;} div.contents_rankArea div.contents_rankList{overflow-x:scroll;position:relative} div.contents_rankArea div.contents_rankList ol{margin:0 0 5px 5px} div.item_12 div.contents_rankList ol {width: 1818px;} div.item_04 div.contents_rankList ol{width:600px} div.item_05 div.contents_rankList ol{width:770px} div.item_06 div.contents_rankList ol{width:915px} div.item_07 div.contents_rankList ol{width:1065px} div.item_08 div.contents_rankList ol{width:1220px} div.item_09 div.contents_rankList ol{width:1365px} div.item_16 div.contents_rankList ol{width:2415px} div.contents_rankArea div.contents_rankList ol li{width:145px;float:left;line-height:1em;margin-right:5px;margin-bottom:0} div.contents_rankArea ol li .specBox .iconBox{height:100%;margin-bottom:0} div.contents_rankArea ol li .specBox .iconBox span.souki,div.contents_rankArea ol li .specBox .iconBox span.souryou,div.contents_rankArea ol li .specBox .iconBox span.point{font-size:12px;padding:4px;margin-right:2px;margin-bottom:2px} div.contents_rankArea ol li p.copyTxt{font-size: 12px;line-height: 1em;height: 62px;} div.pura{height: 75px;position: relative;} div.pura2{position: absolute; bottom: 0;right: 0} div.contents_rankArea ol li .itemName_txt{font-size:12px;height:33px;margin-top:0} div.contents_rankArea ol li s{font-size:13px} div.contents_rankArea ol li em.itemPrice{font-size:16px} div.contents_rankArea ol li em.itemPrice span{font-size:12px} div.contents_rankArea ol li div.otoku{display:block;top:0;margin-right:0;text-align:right;margin:7px 0 12px} div.contents_rankArea ol li div.otoku span.price{padding:2px 3px} div.contents_rankArea ol li .specBox div.cartBtn button.cartBtn{font-size:13px} div.contents_rankArea ol li .specBox div.cartBtn button.cartBtn span{padding:8px 0 10px 24px;background-position:3px 4px;background-size:20px} div.contents_rankArea ol li p.itemSize {font-size: 11px;height: 75px;letter-spacing: -0.1em;} div.contents_rankArea ol li div.imgBox:before {top: 123px!important;} /* もっと見るボタン */ div.contents_rankArea div.moreLink{margin:0 3%} div.contents_rankArea div.moreLink a{padding:0 50px;width:80%;height:60px} div.contents_rankArea div.moreLink a span{font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-weight: 100;font-size: 14px;top: 20px;} div.contents_rankArea div.moreLink a:after{width:15px;height:15px;right:21px;top:26px} /* ===================================================== もっと見るボタン ================================================== */ div.fuyu_osusume div.moreLink{text-align:center} div.fuyu_osusume div.moreLink a {display: inline-block;border-radius: 100px;-moz-border-radius: 25px;display: inline-block;background-color: #eba009;height: 56px;padding: 0 60px 0 30px;position: relative;text-align: center;margin-bottom: 5%;width: 81%;margin-top: 2%;} div.fuyu_osusume div.moreLink a:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)} div.fuyu_osusume div.moreLink a span{color: #fff;font-size: 15px;position: relative;top: 8px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;line-height: 2.8em;} div.fuyu_osusume div.moreLink a:after{content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:23px;top:25px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} /* ===================================================== おすすめ商品 ================================================== */ /* りぼん見出し */ h2.osusume_rank_ttl{background-color: #c00;display: block;text-align: center;padding: 7px 0;color: #fff;position: relative;width: 84%;height: 66px;font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight: 700;} h2.osusume_rank_ttl br{display:block} h2.osusume_rank_ttl:before,h2.osusume_rank_ttl:after{position:absolute;content:'';width:0;height:0;z-index:1} h2.osusume_rank_ttl:before{top:0;left:-15px;border-width:33px 0 33px 16px;border-color:#c00 #c00 #c00 transparent;border-style:solid} h2.osusume_rank_ttl:after{top:0;right:-15px;border-width:33px 16px 33px 0;border-color:#c00 transparent #c00 #c00;border-style:solid} h2.osusume_rank_ttl span{color:#fff;font-size: 17px} div.osusume_osechi_rank{margin:0 3% 3%;padding:3% 3% 0} div.osusume_osechi_rank h2{font-size:22px;padding-top:20px;margin-bottom: 1%;} div.osusume_osechi_rank h3{font-size:14px} div.osusume_osechi_rank ol {width: 750px!important;} div.osusume_osechi_rank div.grm_rankArea ol li .price_area s{margin-bottom:7px;display:inline-block} div.osusume_osechi_rank div.moreLink a { display: inline-block; border: 1px solid #902525; border-radius: 100px; -moz-border-radius: 100px; display: inline-block; background-color: #902525; height: 60px; padding: 0px 30px 0 14px; position: relative; text-align: center; margin-bottom: 30px; margin-top: 0; width: 84%; } div.osusume_osechi_rank div.moreLink a span{top:18px;font-size:14px} div.osusume_osechi_rank div.moreLink a span br{display:block;} div.osusume_osechi_rank div.moreLink a span.line_02{top:17px} /*==================================================== 人気の理由 ====================================================*/ div#zisseki {padding-top: 0;margin: 3%;} h2.ninkiiTtl.anshinTtl{display:none!important} div#zisseki h2.ninkiiTtl{font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size:22px;color:#fff;display:block;background-color:#9d0c1d;text-align:center;margin-bottom:25px;font-weight:700;padding:15px 0;width:100%;margin:0 auto} div#zisseki .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:20px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#zisseki .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px} div#zisseki .spr_accordionTtl{background-color:#920303;color:#fff;font-size:16px;text-align:center;padding:14px 0;border-bottom:1px solid #bd5f5f;font-weight:700} div#zisseki .spr_accordionBox{display:none} div#zisseki .spr_accordionTtl.koeTtl{display:block;position:relative} div#zisseki ul{width:100%;margin:0 auto;background-color: #FFFFFF;padding-top:2%} div#zisseki ul li{width:100%;float:none} /*==================================================== ご利用ガイド ====================================================*/ div#oseibo_guide .shimekiriTxtBox p.soukiTxt{float: none;margin: 0 auto;} div#oseibo_guide p{float:none;} div#oseibo_guide .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#920303;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;text-align:center;color:#fff;margin:-3.6% -3.2% -3.2% -3.1%;border-top:1px solid #bd5f5f;position:relative} div#oseibo_guide .spr_accordionTtl.koeTtl{display:block} div#oseibo_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700} div#oseibo_guide .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#oseibo_guide .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px} div#oseibo_guide{width:100%;padding:6% 3% 3% 3%;background-color:#fff;} div#oseibo_guide .chienImgBox{margin:3% -3% 9%} div#oseibo_guide h2{padding:10px 0;margin:0 0 3%;color:#333;font-size:18px;font-weight:700} div#oseibo_guide ul{margin-right:0} ul.clearfix.otodokeArea li.centerTxt:nth-child(1),ul.clearfix.otodokeArea li.centerTxt:nth-child(2){width:100%!important} div#oseibo_guide div.haisouList ul{width:80%} div#oseibo_guide div.haisouList li{width:22%!important;margin-right:3%;text-align:center} div#oseibo_guide div.haisouList li div.haisouBox{width:55px;height:55px;font-size:13px;line-height:1em;display:inline-block} div#oseibo_guide div.imgBox{margin:10px auto;width:70%} div#oseibo_guide ul.kaitouBox li{width:100%!important;float:none} div#oseibo_guide p.shimekiri{font-size:15px;margin-bottom:10px;margin-top:-5px} div#oseibo_guide h4.souryou{font-size:34px} div#oseibo_guide ul li{margin-right:0;margin-bottom:6%;width:100%;float:none} ul.clearfix.otodokeArea li{width:100%!important} div.sp_haisouBox{display:block} div.sp_haisouBox ul{margin-right:0!important} div.sp_haisouBox ul li{width:50%!important;margin-right:0!important;margin-bottom:0!important;line-height:0!important;float:left!important} ul.otodokeArea h4,ul.otodokeArea p.shimekiri,ul.otodokeArea span.chushaku{display:block!important} ul.otodokeArea p.otodokechushaku{text-align:left!important} div.pc_haisouBox{display:none} /*==================================================== コラム ====================================================*/ div#oseibo_column{max-width:1000px;margin:0 auto;background-color:#fff;margin:3%} div#oseibo_column div.spr_accordionBox {display: none;} /* 一覧 */ h2.columnListTitle{font-size:20px;border-bottom:1px solid #f3f3f3;margin-bottom:0;width:100%;padding:30px 0 10px;font-weight:100} div#columnList{width:95%;padding:0 0 0 10px;margin-bottom:-10px} div#columnList ul li{float:none;width:98%;margin-right:0;margin-bottom:10px;padding:0;margin-left:0;margin-top:0} div#columnList ul li:last-child{border-bottom:none} div#columnList ul li a span.columnLinkImg{display:inline-block;float:left;width:30%} div#columnList ul li a span.columnLinkTitle{display:inline-block;float:left;width:68%;margin-left:2%;color: #000;} div#oseibo_column .spr_accordionTtl.koeTtl{display:block} div#columnList{margin:0 auto!important} div#oseibo_column .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#920303;font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-weight:700;text-align:center;color:#fff;border-top:1px solid #bd5f5f;position:relative} div#oseibo_column .spr_accordionTtl.koeTtl{display:block} div#oseibo_column h2{padding:10px 0 10px 10px;margin:0 0 3%;color:#333;font-size:16px;font-weight:100} div#oseibo_column .spr_accordionTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#oseibo_column .spr_accordionTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px} /* おせちの意味 */ div.osechi_imi{width:100%;padding:6%;margin: 0;} div#kani_kaitou .titleTxtBox {padding: 0 0 10px 0;} div#kani_kaitou .kaitouBox {height: auto;width: 95%;float: none;margin-right: auto;margin-left: auto;padding: 5%;border: none;border-top: 1px #eee solid;border-bottom: 1px #eee solid;margin-bottom: -1px;} h2.columnListTitle {display: none!important;} div#oseibotoha ul li {width: 100%;float: left;margin-right: 0;} div#oseibo_column h2 {padding: 10px 0;margin: 0 0 3%;color: #333;font-size: 18px;font-weight: 700;} div#oseibo_column {max-width: 1000px;background-color: #fff;margin-top: 0;margin-right: 3%;margin-bottom: 3%;margin-left: 3%;} /* ===================================================== 信頼の実績下部 ================================================== */ div.zissekiArea{width:100%;margin: 3% 0 0 0;} div.zissekiArea h2.zissekiTtl span{font-size:20px;display:block;margin-bottom:5px;line-height:1.2em;margin-left:0} div.zissekiArea div.sp_img{display:block} div.zissekiArea h2.zissekiTtl{font-size:28px;text-align:center} div.zissekiArea h2.zissekiTtl br{display:block;} div.zissekiArea p{width:94%;margin:3% auto;line-height:1.4em;letter-spacing:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;font-size:14px;font-weight:100} div#zisseki div.zissekiArea {width: 100%;background: none;height: auto;} div#zisseki div.zissekiBox p {font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;font-size: 15px;font-weight: 700;display: block;letter-spacing: 1px;line-height: 1.2em;padding: 4% 1% 0;height: 124px;margin-bottom: 10px;} div.zissekiArea2 {width: 100%;} /*------------------------------------------ 特撰特集バナー ------------------------------------------*/ div.tokusen{width:94%;margin: 2% 3%;} div.tokusen div.tokusen_bana {float: none;margin: 0 auto;} div.tokusen div.tokusen_bana p{color: #000000; text-align: center;font-size:14px;margin-top: 3px;margin-bottom: 7px} /*------------------------------------------ おすすめ商品バナー ------------------------------------------*/ .osusumegift_bana{display: flex;flex-wrap: ;width: 100%;margin: 0 auto; margin-bottom: 2%;margin-top: 2%;text-align: center;font-size:12px;} .osusumegift_bana li {width: calc(100%/3);padding:0 5px;box-sizing:border-box;} .osusumegift_bana li img {max-width:100%;height: auto;border:solid 1px #ccc;} .osusumegift_bana p{text-align: center;font-size:12px;margin-top: 7px} /*------------------------------------------ おすすめ商品バナー下部 ------------------------------------------*/ .osusumegift_link_boxsp{width: 100%} .osusumegift_link_banasp {display: flex;flex-wrap: ;width: 100%;margin: 0 auto;margin-bottom: 2%;} .osusumegift_link_banasp li {width: calc(100%/2);padding:0 5px;box-sizing:border-box;} .osusumegift_link_banasp li img {max-width:100%;height: auto;border:solid 1px #ccc; } .osusumegift_link_banasp p{text-align: center;font-size:12px;margin-top: 2%} /*==================================================== お客様の声 ====================================================*/ div#contents_voice{width:94%;padding:0;margin:3% auto 0} div#contents_voice h2{font-size:17px;width:250px;padding:10px 0;height:40px;margin:10px auto} div#contents_voice h2:before{border-width:20px 0 20px 11px;left:-11px} div#contents_voice h2:after{right:-10px;border-width:20px 10px 20px 0} div#contents_voice .spr_accordionBox{display:none;padding:3%;background-color:#fff;margin-bottom:3%} div#contents_voice .spr_accordionTtl.koeTtl{font-size:16px;padding:17px 0;font-weight:700;background-color:#9d0c1d;text-align:center;color:#fff;margin:0;border-top:1px solid #358daf;position:relative;display:block} div#contents_voice .spr_accordionTtl.koeTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:22px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div#contents_voice .spr_accordionTtl.koeTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:28px} div#contents_voice ul li{width:100%;float:none;border-bottom:1px solid #eee;margin-right:0;margin-bottom:3%} div#contents_voice ul li div.voiceBox{padding:3%;height:auto} div#contents_voice ul li div.voiceBox span.name{position:relative;right:0;bottom:0;display:block} div#contents_voice div.chushaku{top:0} /*------------------------------------------ ブランド説明 ------------------------------------------*/ div#flower_kodawari h2{margin-top:0} div.flowerContentsTtl{font-size:16px;padding:17px 0;text-align:center;background-color:#eee;position:relative;border-top:1px solid #fff} div.flowerContentsTtl:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #7b7a7a;border-right:1px solid #7b7a7a;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:20px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none} div.flowerContentsTtl.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:27px;top:27px} div#flower_kodawari{padding:5% 0 0} div#flower_kodawari h2{font-size:26px;margin-bottom:0;margin-top:0} div#flower_kodawari ul.txtArea{margin:3%} div#flower_kodawari ul.txtArea li:nth-child(1),div#flower_kodawari ul.txtArea li:nth-child(2){float:none;width:100%;margin-bottom:3%} div#flower_kodawari ul.txtArea div.txtBox,div#flower_kodawari ul.txtArea div.sp_img{width:100%;float:none} div#flower_kodawari .aboutTxt .txtBox h2 span{font-size:16px} div#flower_kodawari ul.txtArea h3.kodawariTtl{margin-top:9%} div#flower_kodawari .aboutTxt{margin:0 3% 3%;width:94%;padding-top:4%;box-shadow:0 5px 5px -5px rgba(0,0,0,0.5)} div#flower_kodawari .aboutTxt .txtBox{width:100%;float:none;padding:6%;height:auto} div#flower_kodawari .aboutTxt .txtBox h2{text-align:center;font-size:24px;margin-top:3%} div#flower_kodawari .aboutTxt .txtBox p{font-size:14px;line-height:1.3em} div#flower_kodawari .aboutTxt .imgBox{float:none;width:100%;background-color:#fff} div#flower_kodawari .aboutTxt .imgBox img{display:block;width:94%;margin:0 auto;padding-bottom:3%} div#flower_kodawari ul.buyerArea{width:94%;max-width: 500px;} div#flower_kodawari ul.buyerArea li{width:100%;float:none} div#flower_kodawari ul.buyerArea li div.imgBox{width:40%;padding:5%} div#flower_kodawari ul.buyerArea .txtBox{margin-left:0;width:60%;float:right} div#flower_kodawari ul.buyerArea div.buyerBox div.txtBox p{font-size:13px} div#flower_kodawari ul.buyerArea div.buyerBox div.txtBox p span{font-size:17px;margin-bottom:3px} /* ===================================================== おすすめ商品バナー ================================================== */ div#bnrList{margin:3% auto;max-width:640px} div#bnrList ul{margin:0 0 0 3%} div#bnrList ul li{width:47%;margin-right:3%;height:auto;margin-bottom:3%} div#bnrList ul li a span {height: 20px;} div#bnrList h2.pc_grm_contents_title{font-size:20px;text-align:center;padding-top: 30px;} div#bnrList img {width:100%;height:100%;} /*==================================================== ページTOPへ ====================================================*/ #page-top a{text-decoration:none;width:50px;text-align:center;display:block} #page-top{position:fixed;bottom:10px;right:10px;z-index:10} .preferredTimeBox th {max-width: 65px;text-align: center;padding: 10px;line-height: 1em !important;border-top: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #f7f7f7;} }