@charset "Shift_JIS"; /* -------------------------------------------------------------------- デバイス切替 --------------------------------------------------------------------- */ .only_pc_ { display:none; } /* -------------------------------------------------------------------- 吉日屋とは？ --------------------------------------------------------------------- */ #how_kichijitsuya { text-align:center; } /* -------------------------------------------------------------------- 誕生日・記念日 --------------------------------------------------------------------- */ #birthdaygift_box { margin:0 0 0 10px;} ul#birthdaygift_catelist { width:100%; overflow:hidden;} ul#birthdaygift_catelist li { width:50%; float:left; text-align:center;} ul#birthdaygift_catelist li a { display:block; padding:0 10px 3px 0;} /* -------------------------------------------------------------------- お祝い・内祝い --------------------------------------------------------------------- */ #oiwai_uchiiwai { text-align:center;} #oiwai_uchiiwai h3 { padding:10px; margin:0 0 10px 0; color: #0d0c04; font-size: 16px; font-weight: bold; text-align:left; background: url(../img/usr/sb/common_headline1.png) left bottom repeat-x; } #oiwai_uchiiwai .section_box { margin:15px 10px 20px; overflow:hidden;} #oiwai_uchiiwai ul.bnr2_line_ { margin:0 10px;} #oiwai_uchiiwai ul.bnr2_line_ li { text-align:center;} #oiwai_uchiiwai .section_linebg_ ul.brandlist_ { padding-top:10px; background:#FDFBF4;} #oiwai_uchiiwai .bnr2_borderline_ { height:175px; margin:15px 10px 20px; padding:19px 10px 9px; border:#CCC 1px dashed; text-align:center; background:#fdfbf4; } #oiwai_uchiiwai .bnr2_borderline_ ul li { width:280px; height:87px; margin:0 auto; position:relative;} #oiwai_uchiiwai .bnr2_borderline_ ul li img.img_heart_ { position:absolute; top:-15px; left:200px;} #oiwai_uchiiwai .bnr2_borderline_ ul li img.img_flower_ { position:absolute; top:-12px; left:180px;} #oiwai_uchiiwai ul.bnr2_line_.yosan_ { padding:0 0 0 10px; margin:0; overflow:hidden;} #oiwai_uchiiwai ul.bnr2_line_.yosan_ li { width:50%; float:left; text-align:center;} #oiwai_uchiiwai ul.bnr2_line_.yosan_ li a { display:block; padding:0 10px 3px 0;} /* 孫カテゴリ */ div.CategoryStyleG_ { width:100%; overflow: hidden;} div.CategoryStyleG_Line_ { width: 100%; overflow: hidden;} div.CategoryStyleG_Item_ { width: 100%; padding: 0 0 20px 0; overflow: hidden;} #oiwai_uchiiwai div.CategoryStyleG_Item_ h3.name_, div.CategoryStyleG_Item_ h3.name_ { padding: 10px; margin:0 0 10px 0; border-top:#d40520 2px solid; clear: both; font-size: 12px; font-weight: bold; background:#fcfaf1 url(../img/usr/sb/common_headline1.png) left bottom repeat-x; } div.CategoryStyleG_Item_ h3.name_ a { text-decoration:none;} div.CategoryStyleG_Item_ .comment_ { margin: 0 10px;} div.CategoryStyleG_Item_ div.comment_ img { margin: 0 0 10px 0;} div.CategoryStyleG_ ul { margin: 10px 10px 0 10px; padding: 0;} div.CategoryStyleG_ ul li { margin: 0 0 0 1em; padding: 0; list-style: square; text-align:left;} /* -------------------------------------------------------------------- 商品詳細：オリジナル焼酎「紫月」 --------------------------------------------------------------------- */ #original_shiduki { max-width:600px; margin:0 auto; font-size:14px; line-height:1.6;} #original_shiduki h2 { margin-bottom:10px;} #original_shiduki .section_ { margin-bottom:20px; overflow:hidden;} #original_shiduki .section_ h3 { margin-bottom:15px;} #original_shiduki .section_ p { margin-bottom:10px;} #original_shiduki div.image_ { margin-bottom:5px;} /* -------------------------------------------------------------------- ブランド：アートステーション --------------------------------------------------------------------- */ h2.ttl_artstation_ { height:40px; padding:0 0 0 45px; margin-bottom:10px; font-size:16px; font-weight:bold; line-height:40px; background:#ECECEC url(/keikyu/img/usr/event_freespace/2013artstation/ttl_h2_bg.png) left top no-repeat; position:relative; } #artstation_navi3, #artstation_navi4 { padding:10px; margin-bottom:10px; background:#ECECEC;} #artstation_navi3 ul, #artstation_navi4 ul { width:100%; display: -moz-box; display: -webkit-box; display: box;} #artstation_navi3 li, #artstation_navi4 li { text-align:center; -moz-box-flex:1; -webkit-box-flex:1; box-flex: 1;} #artstation_navi3 li a, #artstation_navi4 li a { display:block; vertical-align:top;} #artstation_navi3 li img, #artstation_navi4 li img { max-width:100%; vertical-align:top;} /* -------------------------------------------------------------------- ブランド：エルゴベビー --------------------------------------------------------------------- */ #ergobaby { margin-bottom:20px;} #ergobaby div.brandinfo_ { padding:0 10px 10px 10px;} #ergobaby div.logoimage_ { text-align:center;} #ergobaby div.logoimage_ img { width:250px;} /* -------------------------------------------------------------------- ブランド：吉田カバン --------------------------------------------------------------------- */ #yoshida_spring2013 { text-align:center;} #yoshida_spring2013 p.banner_ { margin:20px 0;} #yoshida_spring2013 ul.brand_history_list_ { overflow:hidden;} #yoshida_spring2013 ul.brand_history_list_ li { width:180px; height:260px; margin:0 14px 0 0; float:left; position:relative;} #yoshida_spring2013 ul.brand_history_list_ li p { width:144px; position:absolute; top:188px; left:19px;} #yoshida_spring2013 ul.brand_history_list_ li img.yo_goods_ { width:141px; position:absolute; top:82px; left:19px;} #yoshida_spring2013 #special_kichiyoshi { margin:20px 0; overflow:hidden;} #yoshida_spring2013 #special_kichiyoshi h3 { border-left:#f55d3a 5px solid; padding:0 0 0 10px; margin-bottom:20px; font-size:20px;} #yoshida_spring2013 .mvisual_ .image_l_ { margin:0 10px 10px;} #yoshida_spring2013 .mvisual_ .image_s_ { margin:0 10px 10px;} #yoshida_spring2013 .goodsinfo_ { line-height:1.8;} #yoshida_spring2013 .goodsinfo_ h4 { margin-bottom:5px; font-size:16px; font-weight:bold;} #yoshida_spring2013 .goodsinfo_ h4 span { display:block; font-size:12px; font-weight:normal;} #yoshida_spring2013 .goodsinfo_ p { max-width:300px; margin:0 auto 10px; text-align:left;} #yoshida_spring2013 .goodsinfo_ p.image_s_ { border-top:#e8e8e8 1px dotted; padding:15px 0;} #yoshida_spring2013 .goods_frame_ { background:#FCFBF2; padding:10px; margin-bottom:20px;} #yoshida_spring2013 .goods_line1_ { margin-bottom:20px; padding-top:10px; border-top:#BCB896 1px dashed;} #yoshida_spring2013 .goods_line1_ p { text-align:center; font-size:16px;} #yoshida_spring2013 .goods_line1_ p span { font-size:12px; font-weight:normal;} #yoshida_spring2013 .goods_line2_ { margin-bottom:0px; padding-bottom:10px; border-bottom:#BCB896 1px dashed;} #yoshida_spring2013 .goods_line2_ p { text-align:center; font-size:16px;} #yoshida_spring2013 .goods_line2_ p span { font-size:12px; font-weight:normal;} /* -------------------------------------------------------------------- ブランド：トロイカ --------------------------------------------------------------------- */ #troika #introduce_space { margin:10px 0; text-align:center; overflow:hidden;} #troika #introduce_space .text_ { margin:0 10px; line-height:1.6; border:#53363a 3px solid; padding:10px; background:#f1f1f1; text-align:left;} #troika #category_list { margin:0 0 0 10px;} #troika #category_list ul { width:100%; overflow:hidden;} #troika #category_list ul li { width:50%; float:left; text-align:center;} #troika #category_list ul li a { display:block; padding:0 10px 3px 0;} /* -------------------------------------------------------------------- フリーページ 京急グッズ --------------------------------------------------------------------- */ #goods_top { margin:0 auto; overflow:hidden; color:#2f2f2f;} #goods_top a { text-decoration:none;} #goods_top .section{ overflow:hidden; margin-bottom:20px;} #goods_top .section.line{ border-bottom:dotted 1px #d0d0cf; padding-bottom:20px; margin-bottom:30px;} #goods_top .section h2{ margin-bottom:10px;} #goods_top #ranking ul{ margin:0 0 20px 10px; overflow:hidden;} #goods_top #ranking li{ float:left; margin:0 13px 10px 0; width:121px; height:140px; padding:42px 10px 0; text-align:center;} #goods_top #ranking li.rank01{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking01.png) 0 0 no-repeat;} #goods_top #ranking li.rank02{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking02.png) 0 0 no-repeat;} #goods_top #ranking li.rank03{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking03.png) 0 0 no-repeat;} #goods_top #ranking li.rank04{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking04.png) 0 0 no-repeat;} #goods_top #ranking li.rank05{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking05.png) 0 0 no-repeat;} #goods_top #ranking li.rank06{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking06.png) 0 0 no-repeat;} #goods_top #ranking li.rank07{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking07.png) 0 0 no-repeat;} #goods_top #ranking li.rank08{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking08.png) 0 0 no-repeat;} #goods_top #ranking li.rank09{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking09.png) 0 0 no-repeat;} #goods_top #ranking li.rank10{ background:url(../img/usr/event_freespace/2013goods/goods_top/bg_ranking10.png) 0 0 no-repeat;} #goods_top #ranking li a.img{ margin-bottom:33px; display:block;} #goods_top #ranking li a img{ height:70px;} #goods_top #ranking li a.name{ font-size:10px; display:block; text-align:center; color:#0c0c0c;} #goods_top #pickup ul{ overflow:hidden; margin-right:-10px;} #goods_top #pickup li{ float:left; margin:0 10px 5px 0;} #goods_top #favo_goods p.text{ color:#D1010E; margin-bottom:20px;} #goods_top #favo_goods div.item{ margin:0 10px 20px; overflow:hidden;} #goods_top #favo_goods div.item h3{ margin-bottom:20px;} #goods_top #favo_goods div.item .img{} #goods_top #favo_goods div.item dl.desc{ margin:0 auto;} #goods_top #favo_goods div.item dl.desc dt{ color:#143991; margin-bottom:5px; font-size:13px; font-weight:bold;} #goods_top #favo_goods div.item dl.desc dd.text{ margin-bottom:10px; line-height:20px;} #goods_top #favo_goods div.item dl.desc dd.btn { margin-bottom:10px; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】ウィンターギフト --------------------------------------------------------------------- */ #wintergift { max-width:640px; margin:0 auto; overflow:hidden;} #wintergift #category_list { margin:0; overflow:hidden;} #wintergift #category_list ul { overflow:hidden; margin-bottom:20px;} #wintergift #category_list ul li { width:50%; text-align:center; margin:0 0 3px 0; float:left;} /* -------------------------------------------------------------------- 【期間限定】2015年おせち --------------------------------------------------------------------- */ #osechi2015 { max-width:640px; margin:0 auto 20px; overflow:hidden; font-size:14px;} #osechi2015 img { max-width:100%;} #osechi2015 .check_ { margin-bottom:10px; color:#d40520; font-weight:bold;} #osechi2015 .memo_ { margin-bottom:10px;} #osechi2015 .alink_ { margin:5px 0; text-align:right;} #osechi2015 .alink01_ { margin:10px 10px; text-align:right;} /* オリジナルおせち */ #osechi2015 #section01 { margin:0 0 20px 0; background:url(../img/usr/event_freespace/2015osechi/bg01.png) center top no-repeat;} #osechi2015 #section01 h2 { padding:10px;} #osechi2015 #section01 ul { width:300px; margin:0 auto; padding:0 10px; overflow:hidden;} #osechi2015 #section01 ul li#osechi_item01 { margin-bottom:25px;} #osechi2015 #section01 ul li#osechi_item02 {} #osechi2015 #section01 ul li .name_ { margin-bottom:10px;} #osechi2015 #section01 ul li .intro_ { text-align:left; margin-bottom:7px;} #osechi2015 #section01 ul li .image_ { text-align:center; margin-bottom:7px;} #osechi2015 #section01 ul li .price_ { text-align:center; margin-bottom:7px;} #osechi2015 #section01 ul li .button_ { text-align:center; margin-bottom:7px;} /* 検索 */ #osechi2015 #section02 { padding:10px; margin:0 0 20px 0; position:relative; overflow:hidden; background:#731D1C;} #osechi2015 #section02 img { display:none;} #osechi2015 #section02 form { padding:46px 0 0 0; text-align:center; background:url(../img/usr/event_freespace/2015osechi/sp_search_bg.png) center top no-repeat; -webkit-background-size:auto 36px; background-size:auto 36px; } #osechi2015 #section02 form input.text_ { background:#FFF;} #osechi2015 #section02 form input.btn_ { width:20px; height:20px; line-height:20px; background:#F5EDC9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 注意書き */ #osechi2015 #section03 { padding:10px; margin:20px 0; border:#eb282c 5px solid; overflow:hidden;} #osechi2015 #section03 .check_ { margin-bottom:10px; color:#0d0c04; font-weight:bold;} /* おせちラインナップ */ #osechi2015 #section04 { padding:0 0 10px; background:url(../img/usr/event_freespace/2015osechi/bg02.png) left center repeat-y;} #osechi2015 #section04 h2 { padding:10px 10px 0;} #osechi2015 #section04 ul { padding:10px;} #osechi2015 #section04 ul li { padding-bottom:10px; margin-bottom:10px; border-bottom:#EACBA9 2px dotted;} #osechi2015 #section04 ul li .name_ { margin-bottom:10px;} #osechi2015 #section04 ul li .intro_ { margin-bottom:10px;} #osechi2015 #section04 ul li .image_ { margin-bottom:10px; text-align:center;} #osechi2015 #section04 ul li .button_ { text-align:center;} #osechi2015 p.ichiran_button_ { padding:0 10px; text-align:center;} /* 説明 */ #osechi2015 #section05 { padding:10px; margin:0; overflow:hidden; background:#FCFAF1;} #osechi2015 #section05 h2 { padding:0 0 8px 0; margin-bottom:8px; border-bottom:#b4d5cd 2px dotted;} #osechi2015 #section05 h3 { margin-bottom:10px; font-weight:bold;} #osechi2015 .section_box_ { margin-bottom:25px;} #osechi2015 #section05 ul li { margin-bottom:10px; overflow:hidden;} #osechi2015 #section05 ul li .icon_ { width:25%; float:left;} #osechi2015 #section05 ul li .icon_intro_ { width:75%; float:right;} #osechi2015 #section05 div.image_ { padding:15px 0 0 0;} #osechi2015 #section05 p.memo_ { padding-left:1em; text-indent:-1em;} #osechi2015 #section05 ul.memo_ li { padding-left:1em; text-indent:-1em;} /* -------------------------------------------------------------------- 【期間限定】夢うらら --------------------------------------------------------------------- */ #yumeurara { margin-bottom:40px;} #yumeurara h2 { margin-bottom:10px; text-align:center;} #yumeurara .text_ { margin:10px;} #yumeurara .section_ { overflow:hidden;} #yumeurara #section01 .image_ { padding:0 20% 10px; text-align:center;} #yumeurara #section01 .detail_ { padding:20px 10px; background:#f4f2eb} #yumeurara #section01 .detail_ h3 { margin-bottom:15px; text-align:center;} #yumeurara #section01 .detail_ ul.line1_ { max-width:400px; margin:0 auto 15px;} #yumeurara #section01 .detail_ ul.line1_ li { margin:0 0 10px 0; overflow:hidden;} #yumeurara #section01 .detail_ ul.line1_ li .img_ { width:40%; text-align:center; float:left;} #yumeurara #section01 .detail_ ul.line1_ li .name_ { width:55%; padding:20px 0 0 0; float:right; font-size:12px; line-height:1.2; color:#666666; text-align:center;} #yumeurara #section01 .detail_ ul.line2_ { max-width:400px; margin:0 auto; overflow:hidden;} #yumeurara #section01 .detail_ ul.line2_ li { width:50%; margin:0 0 10px 0; text-align:center; float:left;} #yumeurara #section01 .detail_ ul.line2_ li .img_ { margin-bottom:5px;} #yumeurara #section01 .detail_ ul.line2_ li .name_ { font-size:12px; letter-spacing:-1px; line-height:1.2; color:#666666; text-align:center;} #yumeurara #section02 ul { width:95%; margin:0 auto; overflow:hidden;} #yumeurara #section02 li { width:50%; margin:0 0 10px 0; float:left;} #yumeurara #section02 li .image_ { margin-bottom:10px; text-align:center;} #yumeurara #section02 li .name_ { max-width:136px; margin:0 auto 10px; text-align:left;} #yumeurara #section02 li .name_ span { padding:0 5px 0 0;} #yumeurara #section02 li.type01_ .name_ span { color:#ea5555;} #yumeurara #section02 li.type02_ .name_ span { color:#8fc76d;} #yumeurara #section02 li.type03_ .name_ span { color:#f08f9e;} #yumeurara #section02 li.type04_ .name_ span { color:#938fc5;} #yumeurara #section02 li.type05_ .name_ span { color:#509ad4;} #yumeurara #section02 li .btn_ { text-align:center;} /* -------------------------------------------------------------------- 【期間限定】お正月のおもてなし＆お年賀 --------------------------------------------------------------------- */ #omotenashi { padding:10px 5px 10px 5px; margin-bottom:20px; overflow:hidden; background: url(../img/usr/event_freespace/oseibo/common/category_bg.png) center top repeat;} #omotenashi img { vertical-align:top;} #omotenashi ul { max-width:460px; margin:0 auto; overflow:hidden;} #omotenashi ul li { width:49%; margin-right:2%; float:left; text-align:center;} #omotenashi ul li:nth-child(2) { margin-right:0;} /* -------------------------------------------------------------------- 【期間限定】クリスマスシーン好適品 --------------------------------------------------------------------- */ #christmas_scene { padding:10px 0; margin-bottom:20px; overflow:hidden; background:url(../img/usr/event_freespace/oseibo/common/christmas_category_bg.png) center top repeat;} #christmas_scene img { vertical-align:top;} #christmas_scene ul { max-width:460px; margin:0 auto; padding:0 5px;} #christmas_scene ul li { width:50%; margin-bottom:1px; float:left; text-align:center;} #christmas_scene ul li a { padding:0 1px; display:block;} /* -------------------------------------------------------------------- 【期間限定】うまいもん便 --------------------------------------------------------------------- */ #umaimonbin { max-width:640px; margin:0 auto; overflow:hidden; padding:0 0 10px 0;} #umaimonbin img { vertical-align:top;} #umaimonbin .left_lineup_box_ { width:50%; margin-top:10px; float:left;} #umaimonbin .right_lineup_box_ { width:50%; margin-top:10px; float:right;} #umaimonbin .left_lineup_box_ p, #umaimonbin .right_lineup_box_ p { margin:5px;} /* -------------------------------------------------------------------- 【期間限定】かながわグルメ --------------------------------------------------------------------- */ #free_kanagawa_gourmet_ { width:100%; margin:0 auto 10px; padding:10px 0; background:url(../img/usr/freepage/kanagawagourmet/bg.jpg) center top repeat;} #free_kanagawa_gourmet_ div.inner_gourmet_ { margin:0 auto;} #free_kanagawa_gourmet_ h1 { margin-bottom:10px;} #free_kanagawa_gourmet_ h2 { margin-bottom:10px; font-size:15px; font-weight:bold; text-align:center; letter-spacing:3px;} #free_kanagawa_gourmet_ p { margin-bottom:10px; font-size:12px;} #free_kanagawa_gourmet_ p a { text-decoration:none;} #free_kanagawa_gourmet_ div a { text-decoration:none;} #free_kanagawa_gourmet_ div.section1_, #free_kanagawa_gourmet_ div.section2_, #free_kanagawa_gourmet_ div.section3_, #free_kanagawa_gourmet_ div.section4_, #free_kanagawa_gourmet_ div.section5_, #free_kanagawa_gourmet_ div.section6_ { width: 90%; max-width:730px; margin:0 auto; margin-bottom:15px; position:relative; box-sizing: border-box;} #free_kanagawa_gourmet_ .banner_ { text-align:center;} #free_kanagawa_gourmet_ + .banner_ img{ vertical-align: bottom; } #free_kanagawa_gourmet_ + .banner_ { margin-bottom: 20px;text-align: center;} /* section1 個箱 */ #free_kanagawa_gourmet_ div.section1_ p { padding:10px; background:#fff;} #free_kanagawa_gourmet_ div.section1_ img.g_nav_1 { padding-left:5px;} /* section2 横浜 */ /* section4 鎌倉 */ /* section6 箱根・小田原・その他 */ #free_kanagawa_gourmet_ div.section2_ p.g_com, #free_kanagawa_gourmet_ div.section4_ p.g_com, #free_kanagawa_gourmet_ div.section6_ p.g_com { padding:10px; background:#fff;} #free_kanagawa_gourmet_ div.section2_ p.g_nav, #free_kanagawa_gourmet_ div.section4_ p.g_nav, #free_kanagawa_gourmet_ div.section6_ p.g_nav { left:10px; bottom:5%; position:absolute; background: url(../img/usr/event_freespace/ochugen/kanagawagourmet/detailbtn.png) no-repeat; width: 85px; height: 11px; text-indent: -9999px; } /* section3 横浜中華 */ /* section5 三浦・葉山・湘南 */ #free_kanagawa_gourmet_ div.section3_ p.g_com, #free_kanagawa_gourmet_ div.section5_ p.g_com { padding:10px; background:#fff;} #free_kanagawa_gourmet_ div.section3_ p.g_nav, #free_kanagawa_gourmet_ div.section5_ p.g_nav { right: 21px; bottom: 6%; position:absolute; background: url(../img/usr/event_freespace/ochugen/kanagawagourmet/detailbtn.png) no-repeat; width: 85px; height: 11px; text-indent: -9999px; } #free_kanagawa_gourmet_ .pconly{ display: none; } #free_kanagawa_gourmet_banner .btn_area_ { margin-top: 2%; } #free_kanagawa_gourmet_banner .btn_item01_ { margin-right: 2%; } #free_kanagawa_gourmet_banner a.btn_item_ img { width: 46%; } /* -------------------------------------------------------------------- 【期間限定】おいしさ直送 --------------------------------------------------------------------- */ #oishisacyokuso { max-width:640px; margin:0 auto;} #oishisacyokuso img { vertical-align:top;} #oishisacyokuso #search_by_area { width:320px; height:240px; margin:0 auto 15px; position:relative; background: url(/img/usr/event_freespace/oseibo/common/oishisacyokuso_map.jpg) left 20px no-repeat; -webkit-background-size:320px auto; background-size:320px auto; } #oishisacyokuso #search_by_area a img { width:62px; height:62px;} #oishisacyokuso #search_by_area p#area01 { position:absolute; top: 33px; left: 5px;} #oishisacyokuso #search_by_area p#area02 { position:absolute; top: 33px; right:5px;} #oishisacyokuso #search_by_area p#area03 { position:absolute; top:142px; left: 5px;} #oishisacyokuso #search_by_area p#area04 { position:absolute; top:142px; right:5px;} #oishisacyokuso #search_by_category { margin-bottom:10px;} #oishisacyokuso #search_by_category h2 { margin-bottom:10px;} #oishisacyokuso #search_by_category ul { padding:0 0 0 1%; overflow:hidden;} #oishisacyokuso #search_by_category ul li { width:32%; margin:0 1% 0 0; text-align:center; float:left;} /* -------------------------------------------------------------------- 【期間限定】ハートフルギフト --------------------------------------------------------------------- */ #heartfull_gift { max-width:640px; margin:0 auto;} #heartfull_gift h1 { margin-bottom: 15px;} #heartfull_gift h2 { margin-bottom: 10px;} #heartfull_gift .item_list_line_ { max-width:640px; margin:0 auto; overflow: hidden;} #heartfull_gift .item_list_line_ dl { width:100%; margin:3px 0; border-bottom:#dadad2 1px dotted; overflow:hidden; display:table;} #heartfull_gift .item_list_line_ dl dt { width:100px; display:table-cell;} #heartfull_gift .item_list_line_ dl dt img { width:80px;} #heartfull_gift .item_list_line_ dl dd { display:table-cell; vertical-align:middle;} #heartfull_gift .item_list_line_ dl dd a { padding-left: 20px; text-decoration: none; background: url(/img/usr/event_freespace/oseibo/common/icon.png) 5px center no-repeat;} #heartfull_gift .gift_box_ { padding:10px; overflow:hidden;} #heartfull_gift .gift_box_ li { width:50%; text-align:center; float: left;} #heartfull_gift .gift_box_ li img { vertical-align: top;} /* -------------------------------------------------------------------- 【期間限定】配送料サービスギフト --------------------------------------------------------------------- */ #service_gift { max-width:640px; margin:0 auto;} #service_gift h1 { margin-bottom: 15px;} #service_gift h2 { margin-bottom: 10px;} #service_gift .item_list_line_ { max-width:640px; margin:0 auto; overflow: hidden;} #service_gift .item_list_line_ dl { width:100%; margin:3px 0; border-bottom:#dadad2 1px dotted; overflow:hidden; display:table;} #service_gift .item_list_line_ dl dt { width:100px; display:table-cell;} #service_gift .item_list_line_ dl dt img { width:80px;} #service_gift .item_list_line_ dl dd { display:table-cell; vertical-align:middle;} #service_gift .item_list_line_ dl dd a { padding-left: 20px; text-decoration: none; background: url(/img/usr/event_freespace/oseibo/common/icon.png) 5px center no-repeat;} #service_gift .gift_box_ { padding:10px; overflow:hidden;} #service_gift .gift_box_ li { width:50%; text-align:center; float: left;} #service_gift .gift_box_ li img { vertical-align: top;} /* -------------------------------------------------------------------- 【期間限定】全国送料無料ギフト --------------------------------------------------------------------- */ #deliveryfree_gift { max-width:640px; margin:0 auto;} #deliveryfree_gift h1 { margin-bottom: 10px;} #deliveryfree_gift h2 { margin-bottom: 10px;} #deliveryfree_gift .item_list_line_ { max-width:640px; margin:0 auto; overflow: hidden;} #deliveryfree_gift .item_list_line_ dl { width:100%; margin:3px 0; border-bottom:#dadad2 1px dotted; overflow:hidden; display:table;} #deliveryfree_gift .item_list_line_ dl dt { width:100px; display:table-cell;} #deliveryfree_gift .item_list_line_ dl dt img { width:80px;} #deliveryfree_gift .item_list_line_ dl dd { display:table-cell; vertical-align:middle;} #deliveryfree_gift .item_list_line_ dl dd a { padding-left: 20px; text-decoration: none; background: url(/img/usr/event_freespace/oseibo/common/icon.png) 5px center no-repeat;} #deliveryfree_gift .gift_box_ { padding:10px; overflow:hidden;} #deliveryfree_gift .gift_box_ li { width:50%; text-align:center; float: left;} #deliveryfree_gift .gift_box_ li img { vertical-align: top;} /* -------------------------------------------------------------------- 【期間限定】京急沿線うまいもの --------------------------------------------------------------------- */ #keikyuensen_umai { max-width:640px; margin:0 auto;} #keikyuensen_umai h1 { margin-bottom: 20px;} #keikyuensen_umai img { vertical-align: top;} #keikyuensen_umai .section_ { padding: 10px 0; margin-bottom: 5px; overflow: hidden; background: url(/img/usr/event_freespace/oseibo/common/border.jpg) left bottom no-repeat;} #keikyuensen_umai .section_ h4 { margin: 5px 0; font-weight: bold; font-size: 11px;} #keikyuensen_umai .left_box_ { padding:0 10px; overflow:hidden;} #keikyuensen_umai .left_box_ h2, #keikyuensen_umai .left_box_ h3 { margin-bottom: 10px;} #keikyuensen_umai .left_box_ div.visual_ { width:40%; margin-top:70px; float:right; text-align:center;} #keikyuensen_umai .left_box_ div.visual_ img.visual_ { margin-bottom:10px;} #keikyuensen_umai .left_box_ div.shop_ { width:55%; float:left;} #keikyuensen_umai .left_box_ div.shop_ p span.txt_s_ { font-size: 10px;} #keikyuensen_umai .right_box_ { padding:0 10px; overflow:hidden;} #keikyuensen_umai .right_box_ p { margin: 5px 0; font-size: 10px;} #keikyuensen_umai .right_box_ .inner_left_ { margin-top:10px; padding:10px 10px; border-top:#F5F2E5 1px dotted; overflow:hidden;} #keikyuensen_umai .right_box_ .inner_left_ img.goods_ { margin:10px 0 10px 10px; float:right;} #keikyuensen_umai .right_box_ .inner_right_ { padding:0 10px; background:#F5F2E5; overflow:hidden;} #keikyuensen_umai .right_box_ .inner_right_ img.info_ { margin:10px 0 10px 10px; float:right;} #keikyuensen_umai #ev_section5 .visual_ p { text-align:left; font-size:10px; padding:0 0 10px;} #keikyuensen_umai #ev_section11 .right_box_ { margin-top:10px; padding:10px 10px; border-top:#F5F2E5 1px dotted; overflow:hidden;} #keikyuensen_umai .inner_box_ { margin-top:10px; padding:10px 10px 0; border-top:#F5F2E5 1px dotted; overflow:hidden;} #keikyuensen_umai .inner_box_ div.img_ { width:30%; float:right;} #keikyuensen_umai .inner_box_ div.desc_ { width:65%; float:left;} #keikyuensen_umai .inner_box_ div.btn_detail_ { clear:both; text-align:right;} #keikyuensen_umai .right_box_ img.goods_ { max-width:120px; margin:10px 0 10px 10px; float:right;} #keikyuensen_umai p.ttl_ { font-weight: bold;} #keikyuensen_umai p.item_detail_ span { padding: 1px 3px; margin-right: 5px; border: #0180FF 1px solid; color: #1F8FFF;} #keikyuensen_umai p.item_price_ span { color: #ed1c24; margin-left: 10px;} #keikyuensen_umai .item_price_ { margin: 10px 0 5px; font-weight: bold;} /* -------------------------------------------------------------------- 商品詳細：かながわ個箱 --------------------------------------------------------------------- */ /* 共通 */ #kn_box .navitopicpath_ { padding:5px 0;} #kn_box div.check_img_ img { display:none;} #kn_box div.price_box ul li { border-bottom:none !important;} #kanagawqakobako_date { width:320px; height:420px; margin:0 auto 10px; background:url(../img/usr/event_freespace/oseibo/common/kobako_date.gif) left top no-repeat; background-size:320px 419px; } /* ＜冷蔵3個＞ */ #kanagawqakobako_reizo3 { width:320px; height:336px; margin:10px auto; background:url(../img/usr/event_freespace/oseibo/common/h1_kanagawqakobako_reizo3_sp.png) left top no-repeat; background-size:320px 336px; } /* ＜冷凍3個＞ */ #kanagawqakobako_reito3 { width:320px; height:315px; margin:10px auto; background:url(../img/usr/event_freespace/oseibo/common/h1_kanagawqakobako_reito3_sp.png) left top no-repeat; background-size:320px 315px; } /* ＜冷凍2個＞ */ #kanagawqakobako_reito2 { width:320px; height:315px; margin:10px auto; background:url(../img/usr/event_freespace/oseibo/common/h1_kanagawqakobako_reito2_sp.png) left top no-repeat; background-size:320px 315px; } /* -------------------------------------------------------------------- かながわグルメ --------------------------------------------------------------------- */ #kanagawa_gurume h2 { text-align:center; margin-bottom:10px;} #kanagawa_gurume div#search_map { width:320px; height:210px; margin:0 auto 15px; position:relative;} #kanagawa_gurume div#search_map a img { width:62px; height:62px;} #kanagawa_gurume div#search_map #area01 { position:absolute; top: 12px; left:5px;} #kanagawa_gurume div#search_map #area02 { position:absolute; top: 12px; right:5px;} #kanagawa_gurume div#search_map #area03 { position:absolute; top:138px; left:5px;} #kanagawa_gurume div#search_map #area04 { position:absolute; top:138px; left:144px;} #kanagawa_gurume div#search_map #area05 { position:absolute; top:138px; right:5px;} #kanagawa_gurume ul.bnr3_line_ { padding:0 0 0 1%; overflow:hidden;} #kanagawa_gurume ul.bnr3_line_ li { width:32%; margin:0 1% 0 0; text-align:center; float:left;} /* -------------------------------------------------------------------- 【期間限定】メッセージカードギフト --------------------------------------------------------------------- */ #message_card_gift { max-width:640px; margin:0 auto;} #message_card_gift h1 { margin-bottom: 15px;} #message_card_gift h2 { margin-bottom: 10px;} #message_card_gift .item_list_line_ { max-width:640px; margin:0 auto; overflow: hidden;} #message_card_gift .item_list_line_ dl { width:100%; margin:3px 0; border-bottom:#dadad2 1px dotted; overflow:hidden; display:table;} #message_card_gift .item_list_line_ dl dt { width:100px; display:table-cell;} #message_card_gift .item_list_line_ dl dt img { width:80px;} #message_card_gift .item_list_line_ dl dd { display:table-cell; vertical-align:middle;} #message_card_gift .item_list_line_ dl dd a { padding-left: 20px; text-decoration: none; background: url(/img/usr/event_freespace/oseibo/common/icon.png) 5px center no-repeat;} #message_card_gift .gift_box_ { padding:10px; overflow:hidden;} #message_card_gift .gift_box_ li { width:50%; text-align:center; float: left;} #message_card_gift .gift_box_ li img { vertical-align: top;} /* -------------------------------------------------------------------- 【期間限定】楽ecoギフト --------------------------------------------------------------------- */ #rakueco_gift { max-width:640px; margin:0 auto;} #rakueco_gift h1 　　　　　　　　　 { margin-bottom: 15px;} #rakueco_gift h2 { padding:5px; margin-bottom:10px; font-size:14px; font-weight:bold; background:#f5f2e5;} #rakueco_gift div.left_ { text-align:center; margin-bottom:10px;} #rakueco_gift div.left_ .image_ { margin-bottom:10px;} #rakueco_gift div.right_ { margin:0 10px 10px; } #rakueco_gift div.right_ .image_ { width:40%; float:right;} #rakueco_gift div.right_ .text_ { width:60%; float:left; line-height:1.5;} #rakueco_gift div.hagukumi_ { padding:20px 0; clear:both; line-height:1.5;} #rakueco_gift div.hagukumi_ ul { margin:10px;} #rakueco_gift div.hagukumi_ ul li { margin:0 0 10px 0; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】ひんやりアイスギフト --------------------------------------------------------------------- */ #cool_ice_gift { margin:0 0 10px 0; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】お中元 --------------------------------------------------------------------- */ #ochugen { max-width:640px; margin:0 auto 20px; overflow:hidden; font-size:14px;} #ochugen img { vertical-align:top;} #ochugen #ochugen_box01 { margin-bottom:10px; background:url(../img/usr/event_freespace/oseibo/common/otoku_bg.png) left top no-repeat;} #ochugen #ochugen_box01 ul { margin-bottom:10px; overflow:hidden;} #ochugen #ochugen_box01 ul li { position:relative;} #ochugen #ochugen_box01 ul li.toku02_ .btn_ { width:25%; position:absolute; top:10px; right:7px;} #ochugen #ochugen_box01 ul li.toku03_ .btn_ { width:25%; position:absolute; top: 5px; right:7px;} #ochugen #ochugen_box01_2 { margin-bottom:10px;} #ochugen #ochugen_box02 #notice_box { padding:10px; background:url(../img/usr/event_freespace/oseibo/common/notice_bg_sp.png) left top repeat;} #ochugen #ochugen_box02 ul { padding:10px; background:#fff; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 -1px 1px #CCC; -webkit-box-shadow: 0 -1px 1px #CCC; box-shadow: 0 -1px 1px #CCC;} #ochugen #ochugen_box02 ul li { padding:0 0 0 1em; margin-bottom:5px; text-indent:-1em;} #ochugen #ochugen_box02 ul li.title_ { height:15px; margin-bottom:5px;} #ochugen #ochugen_box02 #select_box { padding:10px; background:url(../img/usr/event_freespace/oseibo/common/select_bg.png) left top repeat;} #ochugen #ochugen_box02 #select_box .menu_ { display: -moz-box; display: -webkit-box; display: box;} #ochugen #ochugen_box02 #select_box .menu_ div { padding:0 2px 5px; -moz-box-flex:1; -webkit-box-flex:1; box-flex: 1;} #ochugen #ochugen_box02 #select_box div { text-align:center;} #ochugen #ochugen_box03sp { margin-bottom:10px; background:#fcf7e9;} #ochugen #ochugen_box03sp ul { padding:10px; overflow:hidden;} #ochugen #ochugen_box03sp ul li h3 { height:14px; background:#42211f; padding:10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} #ochugen #ochugen_box03sp ul li h3 img { height:14px;} #ochugen #ochugen_box03sp ul li ul { padding:0; margin-bottom:10px; border:#eceae2 1px solid; overflow:hidden; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} #ochugen #ochugen_box03sp ul li ul li { width:50%; text-align:left; float:left; border-bottom:#eceae2 1px solid; background:#fff;} #ochugen #ochugen_box03sp ul li ul li a{ display:block; padding:10px 10px 10px 20px; text-decoration:none; background:url(../img/usr/event_freespace/oseibo/common/b_arrow.png) 8px center no-repeat; -webkit-background-size:5px 5px; background-size:5px 5px;} #ochugen #ochugen_box03sp ul li ul li:nth-child(odd) a { border-right:#eceae2 1px solid;} #ochugen #ochugen_box03sp ul li ul li:nth-child(odd) { float: left;} #ochugen #ochugen_box03sp ul li ul li:nth-child(even) { float: right;} #ochugen #ochugen_box03sp div.pagenav_ { padding:0 8px 10px; display: -moz-box; display: -webkit-box; display: box;} #ochugen #ochugen_box03sp div.pagenav_ div { padding:0 2px 5px; text-align:center; -moz-box-flex:1; -webkit-box-flex:1; box-flex: 1;} #ochugen #ochugen_box04sp { margin-bottom:20px;} #ochugen #ochugen_box04sp ul { padding:0 10px; margin-bottom:10px; overflow:hidden;} #ochugen #ochugen_box04sp ul li { width:50%; padding:10px 0 0; height:240px; text-align:center; float:left;} #ochugen #ochugen_box04sp ul li span { margin:0 0 5px 0; display:block; text-align:center;} #ochugen #ochugen_box04sp ul li span.image_ { width:134px; height:134px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center;} #ochugen #ochugen_box04sp ul li span.image_ img { width:134px; height:134px;} #ochugen #ochugen_box04sp ul li span.rank_ img { width:100px;} #ochugen #ochugen_box04sp { margin-bottom:20px;} #ochugen #ochugen_box05sp { margin-bottom:20px;} #ochugen #ochugen_box05sp div.cateline_{ margin:10px 0; overflow:hidden;} #ochugen #ochugen_box05sp div.cate01_, #ochugen #ochugen_box05sp div.cate03_, #ochugen #ochugen_box05sp div.cate05_ { width:50%; float:left;} #ochugen #ochugen_box05sp div.cate02_, #ochugen #ochugen_box05sp div.cate04_, #ochugen #ochugen_box05sp div.cate06_ { width:50%; float:right;} #ochugen #ochugen_box05sp div.cate01_ ul, #ochugen #ochugen_box05sp div.cate03_ ul, #ochugen #ochugen_box05sp div.cate05_ ul { padding:0 5px 0 10px;} #ochugen #ochugen_box05sp div.cate02_ ul, #ochugen #ochugen_box05sp div.cate04_ ul, #ochugen #ochugen_box05sp div.cate06_ ul { padding:0 10px 0 5px;} #ochugen #ochugen_box05sp ul li { padding:10px; height:170px; text-align:center; background:#fcf7e9;} #ochugen #ochugen_box05sp ul li.title_ { height:auto; padding:0;} #ochugen #ochugen_box05sp ul li.button_{ height:auto; padding:0 10px 10px;} #ochugen #ochugen_box05sp ul li span { margin:0 0 5px 0; display:block; text-align:center;} #ochugen #ochugen_box05sp ul li span.image_ { width:114px; height:114px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center; position:relative;} #ochugen #ochugen_box05sp ul li span.image_ img.l_ { width:114px; height:114px;} #ochugen #ochugen_box05sp ul li img.ico_ { position:absolute; top:0; left:0;} #ochugen #ochugen_box05sp { margin-bottom:20px;} #ochugen #ochugen_box05sp .with_btn_ { position:relative;} #ochugen #ochugen_box05sp .with_btn_ a { display:none;} #ochugen #ochugen_box06sp { overflow:hidden; margin-bottom:20px;} #ochugen #ochugen_box06sp ul { padding:10px 10px 0;} #ochugen #ochugen_box06sp ul li#kobako { position:relative;} #ochugen #ochugen_box06sp ul li#kobako .btn_ { width:40%; position:absolute; bottom:10%; right:8%;} #ochugen #ochugen_box06sp ul li #kobako01 { display:block;} #ochugen #ochugen_box06sp ul li #kobako02 { margin-top:5px; display:block;} #ochugen #ochugen_box06sp ul li #kobako03 { margin-top:5px; display:block;} #ochugen #ochugen_box06sp ul li { padding:0 0 5px 0; text-align:center;} #ochugen #ochugen_box06sp ul li.sl_ { width:50%; float:left;} #ochugen #ochugen_box06sp ul li.sl_ a { padding:0 5px 0 0; display:block;} #ochugen #ochugen_box06sp ul li.sr_ { width:50%; float:right;} #ochugen #ochugen_box06sp ul li.sr_ a { padding:0 0 0 5px; display:block;} #ochugen #ochugen_box07sp ul { padding:0 10px; margin-bottom:10px;} #ochugen #ochugen_box07sp ul li { padding:10px 0; border-bottom:#eceae2 1px dashed; background:#fff;} #ochugen #ochugen_box08sp { padding:10px; margin-bottom:10px; background:#fefcf5;} #ochugen #ochugen_box08sp ul { overflow:hidden;} #ochugen #ochugen_box08sp ul li h3 { height:14px; background:#42211f; padding:10px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} #ochugen #ochugen_box08sp ul li h3 img { height:14px;} #ochugen #ochugen_box08sp ul li ul { margin-bottom:10px; border:#eceae2 1px solid; overflow:hidden; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} #ochugen #ochugen_box08sp ul li ul li { width:50%; text-align:left; float:left; border-bottom:#eceae2 1px solid; background:#fff;} #ochugen #ochugen_box08sp ul li ul li a{ display:block; padding:10px 10px 10px 20px; text-decoration:none; background:url(../img/usr/event_freespace/oseibo/common/b_arrow.png) 8px center no-repeat; -webkit-background-size:5px 5px; background-size:5px 5px; } #ochugen #ochugen_box08sp ul li ul li:nth-child(odd) a { border-right:#eceae2 1px solid;} #ochugen #ochugen_box08sp ul li ul li:nth-child(odd) { float: left;} #ochugen #ochugen_box08sp ul li ul li:nth-child(even) { float: right;} #ochugen #ochugen_box09sp { margin-bottom:10px;} #ochugen #ochugen_box09sp ul { padding:10px 10px 5px 5px; background:#fefcf5; overflow:hidden;} #ochugen #ochugen_box09sp ul li { width:50%; margin-bottom:5px;} #ochugen #ochugen_box09sp ul li:nth-child(odd) { text-align:left; float: left;} #ochugen #ochugen_box09sp ul li:nth-child(even) { text-align:right; float: right;} #ochugen #ochugen_box09sp ul li:nth-child(odd) img { padding-right:5px;} #ochugen #ochugen_box09sp ul li:nth-child(even) img { padding-left:5px;} #ochugen #ochugen_box10sp { padding:0 10px;} #ochugen #ochugen_box11sp { padding:10px; text-align:center;} /**/ #ochugen #ochugen_boxsp_cate { margin-bottom:10px;} #ochugen #ochugen_boxsp_cate ul { padding:10px 10px 5px 5px; background:#fefcf5; overflow:hidden;} #ochugen #ochugen_boxsp_cate ul li { width:50%; margin-bottom:5px;} #ochugen #ochugen_boxsp_cate ul li:nth-child(odd) { text-align:left; float: left;} #ochugen #ochugen_boxsp_cate ul li:nth-child(even) { text-align:right; float: right;} #ochugen #ochugen_boxsp_cate ul li:nth-child(odd) img { padding-right:5px;} #ochugen #ochugen_boxsp_cate ul li:nth-child(even) img { padding-left:5px;} #ochugen #ochugen_boxsp_cate .boxlistline_ { padding:10px; margin-bottom:10px; border-bottom:#eceae2 1px dashed; overflow:hidden;} #ochugen #ochugen_boxsp_cate .boxlistline_ .box_ { width:49%; padding:0; text-align:center; float:left;} #ochugen #ochugen_boxsp_cate .boxlistline_ .box_ img { margin-bottom:10px;} #ochugen #ochugen_boxsp_cate .boxlistline_ .box_.r_ { width:50%; text-align:center; float:right;} #ochugen #ochugen_boxsp_cate .boxlistline_ .box_ a { padding:0 10px 0 0; display:block;} #ochugen #ochugen_boxsp_cate .boxlistline_ .box_.r_ a { padding:0 0 0 10px; border-left:#eceae2 1px solid;} #slid_frame_switch { margin: 10px; text-indent: -9999px; } #slid_frame_switch span { background: #0d0c04 url(../img/usr/sb/common/btn_more.png) center center no-repeat; -webkit-background-size:75px 11px; background-size:75px 11px; border-bottom: 1px solid #2f302b; border-radius: 20px; display: block; margin-top: 10px; padding: 7px 10px; text-decoration: none; } #slid_frame_switch.op_ span { background: #0d0c04 url(../img/usr/sb/common/btn_close.png) center center no-repeat; -webkit-background-size:51px 11px; background-size:51px 11px; border-bottom: 1px solid #2f302b; border-radius: 20px; display: block; margin-top: 10px; padding: 7px 10px; text-decoration: none; } /**/ div.ochugen_contents_ #ochugen_box05 { margin-bottom:20px;} div.ochugen_contents_ #ochugen_box05 h2 { text-align:center;} div.ochugen_contents_ #ochugen_box05 ul { padding:0 10px; margin: 0 auto 10px; overflow:hidden;max-width: 730px;} div.ochugen_contents_ #ochugen_box05 ul li { width:50%; padding:10px 0 0; height:240px; text-align:center; float:left;} div.ochugen_contents_ #ochugen_box05 ul li span { margin:0 0 5px 0; display:block; text-align:center;} div.ochugen_contents_ #ochugen_box05 ul li span.image_ { width:134px; height:134px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center;} div.ochugen_contents_ #ochugen_box05 ul li span.image_ img { width:134px; height:134px;} div.ochugen_contents_ #ochugen_box05 ul li span.rank_ img { width:100px;} div.ochugen_contents_ #ochugen_box05 ul li span.price_ { font-size: 12px;} div.ochugen_contents_ #ochugen_box05 ul li span.price_ span.small_ { margin: 0; font-size: 10px; font-weight: normal; display: inline;} div.ochugen_contents_ #ochugen_box05 { margin-bottom:20px;} div.ochugen_contents_ #ochugen_box05 .with_btn_ { position:relative;} div.ochugen_contents_ #ochugen_box05 .with_btn_ a { display:none;} /**/ #ochugen_tokuten { margin-bottom:20px; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】お中元 下部ナビ --------------------------------------------------------------------- */ #ochugen_top { max-width:640px; margin:0 auto;} #ochugen_top h2 { padding:0; margin-bottom: 10px; background:none;} #ochugen_top #ochugen_box09 { margin-bottom:20px;} #ochugen_top #ochugen_box09 ul.box2_ { padding:0 10px; overflow:hidden;} #ochugen_top #ochugen_box09 ul.box2_ li { width:33%; text-align:center; float:left;} #ochugen_top #ochugen_box10 { margin-bottom:20px;} #ochugen_top #ochugen_box10 ul { padding:0 10px; margin-bottom:10px; overflow:hidden;} #ochugen_top #ochugen_box10 ul li { width:50%; text-align:center; float:left;} #ochugen_top #ochugen_box10 .ichiran_ { padding:0 10px; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】2016年おせち --------------------------------------------------------------------- */ #osechi2016 { margin: 0 0 20px 0; overflow: hidden; } #osechi2016 .check_ { margin-bottom: 10px; color: #d40520; font-weight: bold; } #osechi2016 .memo_ { margin-bottom: 10px; color: #646261; font-size: 0.9em; } #osechi2016 h1{ margin: 0 0 20px 0; } #osechi2016 .pagetop_{ padding: 10px 0 20px; text-align: right; } /* 新作おせち */ #osechi2016 #section01 { margin: 0 0 30px 0; padding: 10px 10px 0; background: url(../img/usr/event_freespace/2016osechi/bg01_sp.png) repeat 0 0; -webkit-background-size: cover; background-size: cover; } #osechi2016 #section01 h2 { } #osechi2016 #section01 .subtitle_{ text-align: center; } #osechi2016 #section01 ul{ padding: 0 20px; overflow: hidden; } #osechi2016 #section01 ul li{ margin: 0 0 40px 0; position: relative; text-align: center; overflow: hidden; } #osechi2016 #section01 ul li .item_{ overflow: hidden; } #osechi2016 #section01 ul li .name_{ margin: 0 0 10px 0; } #osechi2016 #section01 ul li .intro_{ margin: 0 0 15px; } #osechi2016 #section01 ul li .image_ { margin: 0 0 10px 0; } #osechi2016 #section01 ul li .price_ { margin: 0 0 10px; } #osechi2016 #section01 ul li .button_ { } #osechi2016 #section01 ul li#osechi_item02 .item_{ margin: 0 auto 20px auto; } #osechi2016 #section01 ul li#osechi_item02 .image01_, #osechi2016 #section01 ul li#osechi_item02 .image02_{ float: left; width: 48%; } #osechi2016 #section01 ul li#osechi_item02 .price01_ , #osechi2016 #section01 ul li#osechi_item02 .price02_ { margin: 0 0 10px 0; float: right; width: 48%; } #osechi2016 #section01 ul li#osechi_item02 .button01_ , #osechi2016 #section01 ul li#osechi_item02 .button02_ { float: right; width: 48%; } #osechi2016 #section01 ul li#osechi_item05 .item_{ margin: 0 0 30px 0; } #osechi2016 #section01 ul li#osechi_item05 .item_{ margin: 0 0 30px 0; } #osechi2016 #section01 ul li#osechi_item05 .image01_{ margin: 0 0 20px; } #osechi2016 #section01 ul li#osechi_item05 .price01_{ margin: 0 0 10px; } #osechi2016 #section01 ul li#osechi_item05 .image02_, #osechi2016 #section01 ul li#osechi_item05 .image03_{ float: left; width: 48%; } #osechi2016 #section01 ul li#osechi_item05 .price02_ , #osechi2016 #section01 ul li#osechi_item05 .price03_ { margin: 0 0 10px 0; float: right; width: 48%; } #osechi2016 #section01 ul li#osechi_item05 .button02_ , #osechi2016 #section01 ul li#osechi_item05 .button03_ { width: 100%; text-align: right; } /* 検索 */ #osechi2016 #section02{ margin: 0 10px 20px; /*border: 3px double #701A19;*/ border: 1px solid #701A19; padding: 10px; } #osechi2016 #section02 > img{ display: none; } #osechi2016 #section02 .sp_title_{ } #osechi2016 #section02 form { margin: 0 0 10px 0; } #osechi2016 #section02 form input.text_ { width: 80%; } #osechi2016 #section02 form input.btn_ { } /* 注意書き */ #osechi2016 #section03 { padding: 0 10px; margin: 0 0 20px 0; } /* おせちラインナップ */ #osechi2016 #section04 { margin: 0 0 30px 0; padding: 10px; background: url(../img/usr/event_freespace/2016osechi/bg02_sp.png) repeat 0 0; -webkit-background-size: cover; background-size: cover; } #osechi2016 #section04 h2 { } #osechi2016 #section04 ul { padding: 20px 0; } #osechi2016 #section04 ul li { margin: 0 auto 30px; vertical-align: top; text-align: center; overflow: hidden; } #osechi2016 #section04 ul li .name_ { margin: 0 0 10px; text-align: left; } #osechi2016 #section04 ul li .intro_ { float: left; width: 59%; margin: 0 0 10px; text-align: left; } #osechi2016 #section04 ul li .image_ { float: right; width: 40%; margin: 0 0 10px; } #osechi2016 #section04 ul li .button_ { clear: both; text-align: center; } #osechi2016 #section04 .ichiran_button_ { } /* 説明 */ #osechi2016 #section05 { padding: 15px; margin: 0; overflow: hidden; background: url(../img/usr/event_freespace/2016osechi/bg03.png) left top repeat; } #osechi2016 #section05 h2 { padding: 0 0 8px 0; margin-bottom: 8px; border-bottom: #b4d5cd 2px dotted; } #osechi2016 #section05 h3 { margin-bottom: 10px; font-weight: bold; } #osechi2016 .section_box_ { margin-bottom: 25px; } #osechi2016 #section05 ul li { margin-bottom: 10px; overflow: hidden; } #osechi2016 #section05 ul li .icon_ { width: 75px; float: left; } #osechi2016 #section05 ul li .icon_intro_ { padding: 3px 0 0 0; } #osechi2016 #section05 div.image_ { padding: 15px 0 0 0; } /* -------------------------------------------------------------------- 【季節限定】お歳暮 --------------------------------------------------------------------- */ #oseibo { max-width:640px; margin:0 auto 20px; overflow:hidden; font-size:14px;} #oseibo img { vertical-align:top;} #oseibo #oseibo_search { -moz-box-shadow:0 3px 3px #CCC; -webkit-box-shadow:0 3px 3px #CCC; box-shadow:0 3px 3px #CCC; padding:10px; background:#f3f3f3;} #oseibo #oseibo_search form { border:#dcd9d2 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;} #oseibo #oseibo_search form #keyword1 { width:90%; border:none; padding:5px 10% 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #oseibo #oseibo_search form .gosearch_{ width:20px; height:20px; position:absolute; right:5px; top:5px;} #oseibo #oseibo_box01 { background:url(../img/usr/event_freespace/oseibo/common/otoku_bg.png) left top no-repeat;} #oseibo #oseibo_box01 ul { overflow:hidden;} #oseibo #oseibo_box01 ul li { position:relative;} #oseibo #oseibo_box01_2 { margin-bottom:10px;} #oseibo #oseibo_box02 #notice_box { padding:10px; background:url(../img/usr/event_freespace/oseibo/common/notice_bg_sp.png) left top repeat;} #oseibo #oseibo_box02 ul { padding:10px; background:#fff; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 -1px 1px #CCC; -webkit-box-shadow: 0 -1px 1px #CCC; box-shadow: 0 -1px 1px #CCC;} #oseibo #oseibo_box02 ul li { padding:0 0 0 1em; margin-bottom:5px; text-indent:-1em;} #oseibo #oseibo_box02 ul li.title_ { height:15px; margin-bottom:5px;} #oseibo #oseibo_box02 .catalog_ { text-align:center;} #oseibo #oseibo_box02 .search_ { padding:10px 30px 15px; text-align:center;} #oseibo #oseibo_box02 .coupon_ { padding:10px; border-top:#cccccc 1px solid; text-align:center; background:#f5f5f5;} #oseibo #oseibo_box03sp { background:#fcf7e9;} #oseibo #oseibo_box03sp ul { padding:10px 5px 10px 5px; overflow:hidden;} #oseibo #oseibo_box03sp ul li { width:25%; text-align:center; float:left;} #oseibo #oseibo_box03sp ul li a { padding:0 5px; display:block;} #oseibo #oseibo_box03sp ul li.l_ { width:100%; padding:10px 0 0 0; text-align:center; clear:both; float:none;} #oseibo #oseibo_box04sp { margin-bottom:20px;} #oseibo #oseibo_box04sp ul { padding:0 10px; margin-bottom:10px; overflow:hidden;} #oseibo #oseibo_box04sp ul li { width:50%; padding:10px 0 0; height:240px; text-align:center; float:left;} #oseibo #oseibo_box04sp ul li span { margin:0 0 5px 0; display:block; text-align:center;} #oseibo #oseibo_box04sp ul li span.image_ { width:134px; height:134px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center;} #oseibo #oseibo_box04sp ul li span.image_ img { width:134px; height:134px;} #oseibo #oseibo_box04sp ul li span.rank_ img { width:100px;} #oseibo #oseibo_box04sp { margin-bottom:20px;} #oseibo #oseibo_box05sp { margin-bottom:20px;} #oseibo #oseibo_box05sp div.cateline_{ margin:10px 0; overflow:hidden;} #oseibo #oseibo_box05sp div.cate01_, #oseibo #oseibo_box05sp div.cate03_, #oseibo #oseibo_box05sp div.cate05_ { width:50%; float:left;} #oseibo #oseibo_box05sp div.cate02_, #oseibo #oseibo_box05sp div.cate04_, #oseibo #oseibo_box05sp div.cate06_ { width:50%; float:right;} #oseibo #oseibo_box05sp div.cate01_ ul, #oseibo #oseibo_box05sp div.cate03_ ul, #oseibo #oseibo_box05sp div.cate05_ ul { padding:0 5px 0 10px;} #oseibo #oseibo_box05sp div.cate02_ ul, #oseibo #oseibo_box05sp div.cate04_ ul, #oseibo #oseibo_box05sp div.cate06_ ul { padding:0 10px 0 5px;} #oseibo #oseibo_box05sp ul li { padding:10px; height:170px; text-align:center; background:#fcf7e9;} #oseibo #oseibo_box05sp ul li.title_ { height:auto; padding:0;} #oseibo #oseibo_box05sp ul li.button_{ height:auto; padding:0 10px 10px;} #oseibo #oseibo_box05sp ul li span { margin:0 0 5px 0; display:block; text-align:center;} #oseibo #oseibo_box05sp ul li span.image_ { width:114px; height:114px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center; position:relative;} #oseibo #oseibo_box05sp ul li span.image_ img.l_ { width:114px; height:114px;} #oseibo #oseibo_box05sp ul li img.ico_ { position:absolute; top:0; left:0;} #oseibo #oseibo_box05sp { margin-bottom:20px;} #oseibo #oseibo_box05sp .with_btn_ { position:relative;} #oseibo #oseibo_box05sp .with_btn_ a { display:none;} #oseibo #oseibo_box06sp { overflow:hidden;} #oseibo #oseibo_box06sp ul { padding:10px; overflow:hidden;} #oseibo #oseibo_box06sp ul li { padding:0 0 4px 0;} #oseibo #oseibo_box06sp ul li.sl_ { width:50%; float:left;} #oseibo #oseibo_box06sp ul li.sl_ a { padding:0 5px 0 0; display:block;} #oseibo #oseibo_box06sp ul li.sr_ { width:50%; float:right;} #oseibo #oseibo_box06sp ul li.sr_ a { padding:0 0 0 5px; display:block;} #oseibo #oseibo_box06sp .coupon_ { padding:10px; text-align:center; background:#f5f5f5;} #oseibo #oseibo_box07sp { overflow:hidden; margin-bottom:20px;} #oseibo #oseibo_box07sp ul { padding:10px 10px 0; text-align:center;} #oseibo #oseibo_box07sp ul li { padding:0 0 4px 0;} #oseibo #oseibo_box07sp ul li.sl_ { width:50%; float:left;} #oseibo #oseibo_box07sp ul li.sl_ a { padding:0 5px 0 0; display:block;} #oseibo #oseibo_box07sp ul li.sr_ { width:50%; float:right;} #oseibo #oseibo_box07sp ul li.sr_ a { padding:0 0 0 5px; display:block;} #oseibo #oseibo_box08sp { padding:10px; margin-bottom:10px; background:#fefcf5;} #oseibo #oseibo_box08sp ul { overflow:hidden;} #oseibo #oseibo_box08sp ul li h3 { height:14px; background:#42211f; padding:10px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} #oseibo #oseibo_box08sp ul li h3 img { height:14px;} #oseibo #oseibo_box08sp ul li ul { margin-bottom:10px; border:#eceae2 1px solid; overflow:hidden; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} #oseibo #oseibo_box08sp ul li ul li { width:50%; text-align:left; float:left; border-bottom:#eceae2 1px solid; background:#fff;} #oseibo #oseibo_box08sp ul li ul li a{ display:block; padding:10px 10px 10px 20px; text-decoration:none; background:url(../img/usr/event_freespace/oseibo/common/b_arrow.png) 8px center no-repeat; -webkit-background-size:5px 5px; background-size:5px 5px; } #oseibo #oseibo_box08sp ul li ul li:nth-child(odd) a { border-right:#eceae2 1px solid;} #oseibo #oseibo_box08sp ul li ul li:nth-child(odd) { float: left;} #oseibo #oseibo_box08sp ul li ul li:nth-child(even) { float: right;} #oseibo #oseibo_box09sp { margin-bottom:10px; background:#fefcf5;} #oseibo #oseibo_box09sp ul { padding:10px 10px 5px 5px; overflow:hidden;} #oseibo #oseibo_box09sp ul li { width:50%; margin-bottom:5px;} #oseibo #oseibo_box09sp ul li:nth-child(odd) { text-align:left; float: left;} #oseibo #oseibo_box09sp ul li:nth-child(even) { text-align:right; float: right;} #oseibo #oseibo_box09sp ul li:nth-child(odd) img { padding-right:5px;} #oseibo #oseibo_box09sp ul li:nth-child(even) img { padding-left:5px;} #oseibo #oseibo_box09sp ul { padding:5px 10px 1px 5px;} #oseibo #oseibo_box09sp p.l_ a { padding:0 5px; display:block; text-align:center;} #oseibo #oseibo_box09sp ul.box3_ { padding:1px; margin-bottom:10px; background:#dcd9d2; position:relative; overflow:hidden;} #oseibo #oseibo_box09sp ul.box3_ li { width:50%; border-top:#dcd9d2 1px solid; margin-bottom:0 !important; float:left; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;} #oseibo #oseibo_box09sp ul.box3_ li a { display:block; text-align:center;} #oseibo #oseibo_box09sp ul.box3_ li img { padding:0 !important; vertical-align:top;} #oseibo #oseibo_box09sp #btn_more_category { padding:10px; text-align:center;} #oseibo #oseibo_box09sp #btn_close_category { padding:10px; text-align:center;} #oseibo #oseibo_box10sp { padding:0 10px;} #oseibo #oseibo_box10sp .coupon_ { margin:15px 0 7px 0; text-align:center;} #oseibo #oseibo_box11sp { padding:10px; text-align:center;} #oseibo #oseibo_box12sp ul.box3_ { padding:1px; margin-bottom:10px; background:#dcd9d2; position:relative; overflow:hidden;} #oseibo #oseibo_box12sp ul.box3_ li { width:50%; border-top:#dcd9d2 1px solid; margin-bottom:0 !important; float:left; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;} #oseibo #oseibo_box12sp ul.box3_ li a { display:block; text-align:center;} #oseibo #oseibo_box12sp ul.box3_ li img { padding:0 !important; vertical-align:top;} #oseibo #oseibo_box13sp { padding:20px 0 0 0;} #oseibo #oseibo_box13sp ul li { margin-bottom:1px; text-align:center;} /**/ #oseibo #oseibo_boxsp_cate { margin-bottom:10px;} #oseibo #oseibo_boxsp_cate ul { padding:10px 10px 5px 5px; background:#fefcf5; overflow:hidden;} #oseibo #oseibo_boxsp_cate ul li { width:50%; margin-bottom:5px;} #oseibo #oseibo_boxsp_cate ul li:nth-child(odd) { text-align:left; float: left;} #oseibo #oseibo_boxsp_cate ul li:nth-child(even) { text-align:right; float: right;} #oseibo #oseibo_boxsp_cate ul li:nth-child(odd) img { padding-right:5px;} #oseibo #oseibo_boxsp_cate ul li:nth-child(even) img { padding-left:5px;} #oseibo #oseibo_boxsp_cate .boxlistline_ { padding:10px; margin-bottom:10px; border-bottom:#eceae2 1px dashed; overflow:hidden;} #oseibo #oseibo_boxsp_cate .boxlistline_ .box_ { width:49%; padding:0; text-align:center; float:left;} #oseibo #oseibo_boxsp_cate .boxlistline_ .box_ img { margin-bottom:10px;} #oseibo #oseibo_boxsp_cate .boxlistline_ .box_.r_ { width:50%; text-align:center; float:right;} #oseibo #oseibo_boxsp_cate .boxlistline_ .box_ a { padding:0 10px 0 0; display:block;} #oseibo #oseibo_boxsp_cate .boxlistline_ .box_.r_ a { padding:0 0 0 10px; border-left:#eceae2 1px solid;} #slid_frame_switch { margin: 10px; text-indent: -9999px; } #slid_frame_switch span { background: #0d0c04 url(../img/usr/sb/common/btn_more.png) center center no-repeat; -webkit-background-size:75px 11px; background-size:75px 11px; border-bottom: 1px solid #2f302b; border-radius: 20px; display: block; margin-top: 10px; padding: 7px 10px; text-decoration: none; } #slid_frame_switch.op_ span { background: #0d0c04 url(../img/usr/sb/common/btn_close.png) center center no-repeat; -webkit-background-size:51px 11px; background-size:51px 11px; border-bottom: 1px solid #2f302b; border-radius: 20px; display: block; margin-top: 10px; padding: 7px 10px; text-decoration: none; } /**/ div.oseibo_contents_ #oseibo_box05 { margin-bottom:20px;} div.oseibo_contents_ #oseibo_box05 h2 { text-align:center;} div.oseibo_contents_ #oseibo_box05 ul { max-width: 620px; padding:0 10px; margin: 0 auto 10px; overflow:hidden;} div.oseibo_contents_ #oseibo_box05 ul li { width:50%; padding:10px 0 0; height:210px; text-align:center; float:left;} div.oseibo_contents_ #oseibo_box05 ul li span { margin:0 0 5px 0; display:block; text-align:center;} div.oseibo_contents_ #oseibo_box05 ul li span.image_ { width:134px; height:134px; border:#dadad2 1px solid; padding:4px; margin:0 auto 5px; background:#fff; display:block; text-align:center;} div.oseibo_contents_ #oseibo_box05 ul li span.image_ img { width:134px; height:134px;} div.oseibo_contents_ #oseibo_box05 ul li span.rank_ img { width:100px;} div.oseibo_contents_ #oseibo_box05 { margin-bottom:20px;} div.oseibo_contents_ #oseibo_box05 .with_btn_ { position:relative;} div.oseibo_contents_ #oseibo_box05 .with_btn_ a { display:none;} /**/ #oseibo_tokuten { margin-bottom:20px; text-align:center;} /* -------------------------------------------------------------------- 【期間限定】お中元 下部ナビ --------------------------------------------------------------------- */ #oseibo_top { max-width:640px; margin:0 auto;} #oseibo_top h2 { text-align:center;} #oseibo_top h2 img { vertical-align:top;} #oseibo_top #oseibo_box09 { margin-bottom:20px;} #oseibo_top #oseibo_box09 ul.box2_ { padding:0 10px; overflow:hidden;} #oseibo_top #oseibo_box09 ul.box2_ li { width:33%; text-align:center; float:left;} #oseibo_top #oseibo_box10 { margin-bottom:20px;} #oseibo_top #oseibo_box10 ul { padding:0 10px; margin-bottom:10px; overflow:hidden;} #oseibo_top #oseibo_box10 ul li { width:50%; text-align:center; float:left;} #oseibo_top #oseibo_box10 .ichiran_ { padding:0 10px; text-align:center;} #oseibo_top #oseibo_box09sp { margin-bottom:10px; background:#fefcf5;} #oseibo_top #oseibo_box09sp ul { padding:10px 10px 5px 5px; overflow:hidden;} #oseibo_top #oseibo_box09sp ul li { width:50%; margin-bottom:5px;} #oseibo_top #oseibo_box09sp ul li:nth-child(odd) { text-align:left; float: left;} #oseibo_top #oseibo_box09sp ul li:nth-child(even) { text-align:right; float: right;} #oseibo_top #oseibo_box09sp ul li:nth-child(odd) img { padding-right:5px;} #oseibo_top #oseibo_box09sp ul li:nth-child(even) img { padding-left:5px;} #oseibo_top #oseibo_box09sp ul { padding:5px 10px 1px 5px;} #oseibo_top #oseibo_box09sp p.l_ a { padding:0 5px; display:block; text-align:center;} #oseibo_top #oseibo_box09sp ul.box3_ { padding:1px; margin-bottom:10px; background:#dcd9d2; position:relative; overflow:hidden;} #oseibo_top #oseibo_box09sp ul.box3_ li { width:50%; border-top:#dcd9d2 1px solid; margin-bottom:0 !important; float:left; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;} #oseibo_top #oseibo_box09sp ul.box3_ li a { display:block; text-align:center;} #oseibo_top #oseibo_box09sp ul.box3_ li img { padding:0 !important; vertical-align:top;} #oseibo_top #oseibo_box09sp #btn_more_category { padding:10px; text-align:center;} #oseibo_top #oseibo_box09sp #btn_close_category { padding:10px; text-align:center;} #oseibo_top #oseibo_box10sp { padding:0 10px;} #oseibo_top #oseibo_box10sp .coupon_ { margin:15px 0 7px 0; text-align:center;} #oseibo_top #oseibo_box12sp ul.box3_ { padding:1px; margin-bottom:10px; background:#dcd9d2; position:relative; overflow:hidden;} #oseibo_top #oseibo_box12sp ul.box3_ li { width:50%; border-top:#dcd9d2 1px solid; margin-bottom:0 !important; float:left; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;} #oseibo_top #oseibo_box12sp ul.box3_ li a { display:block; text-align:center;} #oseibo_top #oseibo_box12sp ul.box3_ li img { padding:0 !important; vertical-align:top;} #oseibo_top #oseibo_box13sp { padding:20px 0 0 0;} /* -------------------------------------------------------------------- 【季節限定】2016バレンタイン --------------------------------------------------------------------- */ #valentine2016 { display:none;} #valentine2016_sp #vd16_brandlist ul, #valentine2016_sp .brandDetail .profile, #valentine2016_sp .brandDetail .items, #valentine2016_sp #vd16_floatingNav #vd16_fnBody { zoom: 1;} #valentine2016_sp #vd16_brandlist ul:before, #valentine2016_sp .brandDetail .profile:before, #valentine2016_sp .brandDetail .items:before, #valentine2016_sp #vd16_floatingNav #vd16_fnBody:before, #valentine2016_sp #vd16_brandlist ul:after, #valentine2016_sp .brandDetail .profile:after, #valentine2016_sp .brandDetail .items:after, #valentine2016_sp #vd16_floatingNav #vd16_fnBody:after { content: ""; display: table;} #valentine2016_sp #vd16_brandlist ul:after, #valentine2016_sp .brandDetail .profile:after, #valentine2016_sp .brandDetail .items:after, #valentine2016_sp #vd16_floatingNav #vd16_fnBody:after { clear: both;} #valentine2016_sp { max-width: 100vw;} #valentine2016_sp h1 { margin: 0; text-align: center;} #valentine2016_sp img { max-width: 100%; height: auto; vertical-align: bottom;} #valentine2016_sp a { text-decoration: none; color: #333333;} #valentine2016_sp #vd16_notice { color: #646261; padding: 10px;} #valentine2016_sp #vd16_notice ul { font-size: 12px; margin: 0; padding: 0;} #valentine2016_sp #vd16_notice ul li { list-style: none; margin-left: 1em;} #valentine2016_sp #vd16_notice ul li:first-letter { margin-left: -1em;} #valentine2016_sp #vd16_brandlist { margin: 0 auto 20px; width: 320px;} #valentine2016_sp #vd16_brandlist ul { margin: 0; padding: 0;} #valentine2016_sp #vd16_brandlist ul li { list-style: none; float: left;} #valentine2016_sp .brandDetail { background-color: #f3efed;} #valentine2016_sp .brandDetail h2 { background-image: url(../img/usr/event_freespace/2016valentine/sp/nameplate-bg.png); background-size: 320px 50px; margin: 0; padding: 10px; color: #ffffff; font-size: 16px; } #valentine2016_sp .brandDetail h2 span { display: block; font-weight: normal; font-size: 8px;} #valentine2016_sp .brandDetail .profile { margin: 10px; padding: 0;} #valentine2016_sp .brandDetail .profile h3 { margin: 0 0 7px 0;} #valentine2016_sp .brandDetail .profile p { margin: 0; font-size: 12px;} #valentine2016_sp .brandDetail .profile dt { clear: left; float: left; padding-right: 10px;} #valentine2016_sp .brandDetail .profile dd { margin: auto; padding-left: 120px; color: #333333;} #valentine2016_sp .brandDetail .comments { margin: 15px 10px;} #valentine2016_sp .brandDetail .comments h3{ margin: 0 0 10px 0; color: #311a0f; font-size: 12px;} #valentine2016_sp .brandDetail .comments p { margin: 0; font-size: 12px;} #valentine2016_sp .brandDetail .items { margin: 5px auto; padding: 0; max-width: 310px;} @media screen and (orientation: landscape) { #valentine2016_sp .brandDetail .items { max-width: 620px;} } #valentine2016_sp .brandDetail .items li { list-style: none; float: left; width: 145px; margin: 5px;} #valentine2016_sp .brandDetail .items li p { font-size: 12px; margin: 8px 0;} #valentine2016_sp .brandDetail .items li p.price { font-weight: bold;} #valentine2016_sp #vd16_viewAllProducts_sp { text-align: center; margin: 30px 10px 50px;} #valentine2016_sp #vd16_floatingNav_sp { width: auto; } #valentine2016_sp #vd16_floatingNav_sp #fnTgl_sp { position: fixed; right: 0; top: 15%; width: 40px; height: 40px; background-color: rgba(81, 35, 15, 0.98); float: none; transition: background-position 0.2s; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25); } #valentine2016_sp #vd16_floatingNav_sp #fnTgl_sp a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-indent: 100%; background-image: url(../img/usr/event_freespace/2016valentine/sp/floating-nav-toggle.png); background-size: 80px 40px; transition: background-position 0.5s; } #valentine2016_sp #vd16_floatingNav_sp #fnTgl_sp a.active { background-position: -40px 0;} #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp { display: none; position: fixed; right: 40px; top: 15%; background-color: rgba(98, 46, 22, 0.98); margin: 0; padding: 0; max-height: 90vh; overflow: auto; box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.25); } @media screen and (orientation: landscape) { #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp { width: 440px;} } #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp li { list-style: none; border-bottom: 1px solid #4A2416; color: #FEFFFF; font-size: 12px; padding: 7px; width: 200px;} #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp li:hover{ background-color: #1B0A06;} @media screen and (orientation: landscape) { #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp li { float: left; margin: 0 3px;} } #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp li a { color: #FEFFFF; text-decoration: none; display: block;} #valentine2016_sp #vd16_floatingNav_sp #vd16_fnBody_sp li span { color: #C76830; font-size: 8px; display: block;} /* -------------------------------------------------------------------- 【季節限定】2016敬老の日 --------------------------------------------------------------------- */ #keiro2016 .info_{ border: 2px solid #d40520; padding: 10px; margin-bottom: 10px; color: #d40520; } #keiro2016 .info_ dt{ font-size: 14px; font-weight: bold; background: url(../img/usr/event_freespace/2016keiro/icon_info.png) left center no-repeat; padding-left: 32px; margin-bottom: 18px; line-height: 22px; } #keiro2016 .info_ dd span{ font-weight: normal; display: table-cell; } #keiro2016 .info_ dd:before{ content: '■'; display: table-cell; } #keiro2016 .nav_list_{ background: #f4f4f3; padding: 2% 2% 1%; margin: 0 10px 10px; } #keiro2016 .nav_list_ ul{ overflow: hidden; } #keiro2016 .nav_list_ ul li{ float: left; margin-left: 2%; } #keiro2016 .nav_list_ ul li:first-child{ margin-left: 0; } #keiro2016 .nav_list_ ul:first-child li{ width: 49%; } #keiro2016 .nav_list_ ul:last-child li{ width: 32%; } /* -------------------------------------------------------------------- 【期間限定】2017年おせち --------------------------------------------------------------------- */ #osechi2017 { margin: 0 0 20px 0; overflow: hidden;} #osechi2017 .check_ { margin-bottom: 10px; color: #d40520; font-weight: bold;} #osechi2017 .memo_ { margin-bottom: 10px; color: #646261; font-size: 0.9em;} #osechi2017 h1 { margin: 0 0 0 0; text-align:center;} #osechi2017 .pagetop_{ padding: 10px 10px 20px; text-align: right;} #osechi2017 #section00 { text-align:center;} #osechi2017 #section01 { padding:10px 10px 0; margin: 0 0 10px 0; background: url(../img/usr/event_freespace/2017osechi/bg01_sp.png) right top repeat; -webkit-background-size: cover; background-size: cover; } #osechi2017 #section01 h2 { text-align:center;} #osechi2017 #section01 ul { max-width:460px; margin:0 auto; overflow: hidden;} #osechi2017 #section01 ul li { padding:10px 0; position: relative; text-align: center; overflow: hidden;} #osechi2017 #section01 ul li#cate01_item01 { margin-bottom:10px; border-bottom:#dbbb93 2px dotted;} #osechi2017 #section01 ul li .item_ { overflow: hidden;} #osechi2017 #section01 ul li .name_ { margin: 0 0 10px 0;} #osechi2017 #section01 ul li .intro_ { margin: 0 0 10px;} #osechi2017 #section01 ul li .img_ { margin: 0 0 10px 0;} #osechi2017 #section01 ul li .pri_ { margin: 0 0 10px;} #osechi2017 #section01 ul li .btn_ {} /* 新作おせちラインナップ */ #osechi2017 #section02 { padding: 10px 10px 0; margin: 0 0 10px 0; background: url(../img/usr/event_freespace/2017osechi/bg02_sp.png) right top repeat; -webkit-background-size: cover; background-size: cover; } #osechi2017 #section02 h2 { text-align:center;} #osechi2017 #section02 ul { max-width:460px; margin:0 auto; overflow: hidden;} #osechi2017 #section02 ul li { padding:10px 0; position: relative; text-align: center; overflow: hidden;} #osechi2017 #section02 ul.line1_, #osechi2017 #section02 ul.line2_, #osechi2017 #section02 ul li#cate02_item01 { border-bottom:#dbbb93 2px dotted;} #osechi2017 #section02 ul li#cate02_item07 { border-bottom:none;} #osechi2017 #section02 ul li .item_ { overflow: hidden;} #osechi2017 #section02 ul li .name_ { margin: 0 0 10px 0;} #osechi2017 #section02 ul li .intro_ { margin: 0 0 15px;} #osechi2017 #section02 ul li .img_ { margin: 0 0 10px 0;} #osechi2017 #section02 ul li .pri_ { margin: 0 0 10px;} #osechi2017 #section02 ul li .btn_ {} #osechi2017 #section02 .line2_head_, #osechi2017 #section02 .line3_head_ { max-width:460px; padding:15px 0 10px 0; margin:0 auto;} #osechi2017 #section02 .line2_head_ .name_, #osechi2017 #section02 .line3_head_ .name_ { margin: 0 0 10px;} #osechi2017 #section02 ul.line2_ li .img_, #osechi2017 #section02 ul.line3_ li .img_ { width: 48%; float: left;} #osechi2017 #section02 ul.line2_ li .pri_, #osechi2017 #section02 ul.line3_ li .pri_ { width: 48%; margin: 0 0 10px 0; float: right;} #osechi2017 #section02 ul.line2_ li .btn_, #osechi2017 #section02 ul.line3_ li .btn_ { width: 48%; float: right;} #osechi2017 #section02 ul li#cate02_item06 .pri_, #osechi2017 #section02 ul li#cate02_item07 .pri_ { padding-top:20px;} /* おせちラインナップ */ #osechi2017 #section03 { padding: 10px; margin: 0 0 30px 0; background: url(../img/usr/event_freespace/2017osechi/bg03_sp.png) repeat 0 0; -webkit-background-size: cover; background-size: cover; } #osechi2017 #section03 h2 { text-align:center;} #osechi2017 #section03 ul { max-width:460px; padding:0 0 20px 0; margin:0 auto;} #osechi2017 #section03 ul li { padding:10px 0; margin-bottom:5px; border-bottom:#dbbb93 2px dotted; vertical-align: top; text-align: center; overflow: hidden;} #osechi2017 #section03 ul li .name_ { margin: 0 0 10px; text-align: left;} #osechi2017 #section03 ul li .name_ img { height:16px;} #osechi2017 #section03 ul li .intro_ { width: 59%; float: left; margin: 0 0 10px; text-align: left;} #osechi2017 #section03 ul li .image_ { width: 40%; float: right; margin: 0 0 10px;} #osechi2017 #section03 ul li .btn_ { float: left;} #osechi2017 #section03 .ichiran_button_ { text-align:center;} #osechi2017 #section03 ul li#cate03_item01 .btn_ { padding-top:30px;} #osechi2017 #section03 ul li#cate03_item05 .intro_ img { max-width:110%; max-height:110%;} #osechi2017 #section03 ul li#cate03_item06 .intro_ img { max-width:170%; max-height:170%;} #osechi2017 #section03 ul li#cate03_item06 .image_ { padding-top:30px;} #osechi2017 #section03 ul li#cate03_item07 .intro_ img { max-width:170%; max-height:170%;} #osechi2017 #section03 ul li#cate03_item08 .intro_ img { max-width:170%; max-height:170%;} #osechi2017 #section03 ul li#cate03_item08 .image_ { padding-top:30px;} #osechi2017 #section03 ul li#cate03_item10 .intro_ img { max-width:170%; max-height:170%;} #osechi2017 #section03 ul li#cate03_item10 .image_ { padding-top:30px;} #osechi2017 #section03 ul li#cate03_item12 .name_ img { height:32px;} /* 説明 */ #osechi2017 #section04 { padding: 15px; margin: 0; overflow: hidden; background: url(../img/usr/event_freespace/2017osechi/bg03.png) left top repeat;} #osechi2017 #section04 h2 { padding: 0 0 8px 0; margin-bottom: 8px; border-bottom: #b4d5cd 2px dotted;} #osechi2017 #section04 h3 { margin-bottom: 10px; font-weight: bold;} #osechi2017 .section_box_ { margin-bottom: 25px;} #osechi2017 #section04 ul li { margin-bottom: 10px; overflow: hidden;} #osechi2017 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2017 #section04 ul li .icon_intro_ { padding: 3px 0 0 0;} #osechi2017 #section04 div.image_ { padding: 15px 0 0 0;} /* -------------------------------------------------------------------- 【季節限定】2017バレンタイン --------------------------------------------------------------------- */ #valentine2017 { display:none;} #valentine2017_sp #vd17_brandlist ul, #valentine2017_sp .brandDetail .profile, #valentine2017_sp .brandDetail .items, #valentine2017_sp #vd17_floatingNav #vd17_fnBody { zoom: 1;} #valentine2017_sp #vd17_brandlist ul:before, #valentine2017_sp .brandDetail .profile:before, #valentine2017_sp .brandDetail .items:before, #valentine2017_sp #vd17_floatingNav #vd17_fnBody:before, #valentine2017_sp #vd17_brandlist ul:after, #valentine2017_sp .brandDetail .profile:after, #valentine2017_sp .brandDetail .items:after, #valentine2017_sp #vd17_floatingNav #vd17_fnBody:after { content: ""; display: table;} #valentine2017_sp #vd17_brandlist ul:after, #valentine2017_sp .brandDetail .profile:after, #valentine2017_sp .brandDetail .items:after, #valentine2017_sp #vd17_floatingNav #vd17_fnBody:after { clear: both;} #valentine2017_sp { max-width: 100vw;} #valentine2017_sp h1 { margin: 0; text-align: center;} #valentine2017_sp img { max-width: 100%; height: auto; vertical-align: bottom;} #valentine2017_sp a { text-decoration: none; color: #333333;} #valentine2017_sp #vd17_notice { color: #646261; padding: 10px;} #valentine2017_sp #vd17_notice ul { font-size: 12px; margin: 0; padding: 0;} #valentine2017_sp #vd17_notice ul li { list-style: none; margin-left: 1em;} #valentine2017_sp #vd17_notice ul li:first-letter { margin-left: -1em;} #valentine2017_sp #vd17_brandlist { margin: 0 auto 20px; width: 320px;} #valentine2017_sp #vd17_brandlist ul { margin: 0; padding: 0;} #valentine2017_sp #vd17_brandlist ul li { list-style: none; float: left; width: 25%; text-align: center;} #valentine2017_sp #vd17_brandlist ul li.title { float: none; width: 100%; text-align: center;} #valentine2017_sp .brandDetail { background-color: #f3efed;} #valentine2017_sp .brandDetail h2 { background-image: url(../img/usr/event_freespace/2017valentine/sp/nameplate-bg.png); background-size: 320px 50px; margin: 0; padding: 10px; color: #ffffff; font-size: 16px; } #valentine2017_sp .brandDetail h2 span { display: block; font-weight: normal; font-size: 8px;} #valentine2017_sp .brandDetail .profile { margin: 10px; padding: 0;} #valentine2017_sp .brandDetail .profile h3 { margin: 0 0 7px 0;} #valentine2017_sp .brandDetail .profile p { margin: 0; font-size: 12px;} #valentine2017_sp .brandDetail .profile dt { clear: left; float: left; padding-right: 10px;} #valentine2017_sp .brandDetail .profile dd { margin: auto; padding-left: 120px; color: #333333;} #valentine2017_sp .brandDetail .comments { margin: 15px 10px;} #valentine2017_sp .brandDetail .comments h3{ margin: 0 0 10px 0; color: #311a0f; font-size: 12px;} #valentine2017_sp .brandDetail .comments p { margin: 0; font-size: 12px;} #valentine2017_sp .brandDetail .items { margin: 5px auto; padding: 0; max-width: 310px;} @media screen and (orientation: landscape) { #valentine2017_sp .brandDetail .items { max-width: 620px;} } #valentine2017_sp .brandDetail .items li { list-style: none; float: left; width: 145px; margin: 5px; position: relative;} #valentine2017_sp .brandDetail .items li span.sold_out_ { width: 145px; height: 145px; position: absolute; left: 0; top: 0;} #valentine2017_sp .brandDetail .items li p { font-size: 12px; margin: 8px 0;} #valentine2017_sp .brandDetail .items li p.price { font-weight: bold;} #valentine2017_sp #vd17_viewAllProducts_sp { text-align: center; margin: 30px 10px 50px;} #valentine2017_sp #vd17_floatingNav_sp { width: auto; } #valentine2017_sp #vd17_floatingNav_sp #fnTgl_sp { position: fixed; right: 0; top: 0; width: 40px; height: 40px; background-color: rgba(81, 35, 15, 0.98); float: none; transition: background-position 0.2s; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25); } #valentine2017_sp #vd17_floatingNav_sp #fnTgl_sp a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-indent: 100%; background-image: url(../img/usr/event_freespace/2017valentine/sp/floating-nav-toggle.png); background-size: 80px 40px; transition: background-position 0.5s; } #valentine2017_sp #vd17_floatingNav_sp #fnTgl_sp a.active { background-position: -40px 0;} #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp { display: none; position: fixed; right: 40px; top: 0; background-color: rgba(98, 46, 22, 0.98); margin: 0; padding: 0; height: 100%; overflow-x: hidden; box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.25); z-index: 300; } #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp ul { overflow: hidden;} @media screen and (orientation: landscape) { #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp { width: 440px;} } #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { list-style: none; border-bottom: 1px solid #4A2416; color: #FEFFFF; font-size: 12px; padding: 7px; width: 200px;} #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp li:hover{ background-color: #1B0A06;} @media screen and (orientation: landscape) { #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { float: left; margin: 0 3px;} } #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp li a { color: #FEFFFF; text-decoration: none; display: block;} #valentine2017_sp #vd17_floatingNav_sp #vd17_fnBody_sp li span { color: #C76830; font-size: 8px; display: block;} #valentine2017_sp #MOF_Detail_sp { width: 320px; margin: 0 auto;} #valentine2017_sp #MOF_Detail_sp h2 { text-align: center;} #valentine2017_sp #MOF_Detail_sp .MOF_Detail_body_ { padding: 0 10px 10px; background-color: #88622e; background-image: url(../img/usr/event_freespace/2017valentine/sp/mof_bg.png); background-position: left top; background-repeat: repeat;} #valentine2017_sp #MOF_Detail_sp .MOF_Detail_body_ .MOF_Detail_inner_ { padding: 10px; background-color: #ffffff;} #valentine2017_sp #MOF_Detail_sp .item_spec_ { margin: 0 10px 10px; text-align: center;} #valentine2017_sp #MOF_Detail_sp .item_spec_ img { margin-bottom: 10px;} #valentine2017_sp #MOF_Detail_sp .item_spec_ p {font-size: 12px; margin: 8px 0;} #valentine2017_sp #MOF_Detail_sp .txt_ { margin: 0 0 20px;} #valentine2017_sp #MOF_Detail_sp h3 { margin: 0 auto; width: 200px;} #valentine2017_sp #MOF_Detail_sp ul { overflow: hidden; width: 99%; margin: 0 auto;} #valentine2017_sp #MOF_Detail_sp ul li { float: left; width: 33%; text-align: center; margin: 0;} #valentine2017_sp #MOF_Detail_sp ul li .name_ {} #valentine2017_sp #MOF_Detail_sp ul li .photo_ { margin: 0 5px;} #valentine2017_sp #MOF_Detail_sp ul li .item_img_ { margin: 0 5px 5px;} #valentine2017_sp #MOF_Detail_sp ul li p {font-size: 10px; text-align: left; margin: 0 5px;} /* -------------------------------------------------------------------- 組み合わせギフト特集 --------------------------------------------------------------------- */ #assortgift h1 { text-align: center;} #assortgift .info_ { padding: 18px; margin-bottom: 20px; border: 2px solid #d40520; color: #d40520;} #assortgift .info_ dt { padding-left: 32px; margin-bottom: 18px; line-height: 22px; font-size: 14px; font-weight: bold; background: url("../img/usr/event_freespace/assortgift/icon_info.png") left center no-repeat; } #assortgift .info_ dd span { display: table-cell; font-weight: normal;} #assortgift .info_ dd::before { content: "■"; display: table-cell;} #assortgift .navlist1_ { margin-bottom: 20px; overflow: hidden;} #assortgift .navlist1_ ul { padding: 0 0 0 10px; overflow: hidden;} #assortgift .navlist1_ ul li { text-align: center;} #assortgift h2 { margin-bottom: 14px; text-align: center;} #assortgift .navlist2_ { margin-bottom: 10px; overflow: hidden;} #assortgift .navlist2_ ul { padding: 0 0 0 10px; overflow: hidden;} #assortgift .navlist2_ ul li { width: 50%; text-align: left; float: left;} #assortgift .navlist2_ ul li:nth-child(2n-1) { text-align: right;} #assortgift .ichiran_ { margin: 0 20px 30px; text-align: center;} #assortgift .only_pc_ { display: none;} /* -------------------------------------------------------------------- 京急百貨店 東京・神奈川みやげ --------------------------------------------------------------------- */ #tokyokanagawa_gift_navi ul { width: 100%; border: #dcd9d2 1px solid; height: 40px; overflow: hidden; background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi_bg_sp.png") left center repeat; box-sizing: border-box; -webkit-background-size: 100% 100%; background-size: 100% 100%;} #tokyokanagawa_gift_navi ul li { width: 20%; padding: 0 0 0 1px; height: 40px; text-align: center; float: left; box-sizing: border-box; background: url("../img/usr/event_freespace/tokyokanagawa_gift/line_sp.png") left center no-repeat; -webkit-background-size: 1px 40px; background-size: 1px 40px;} #tokyokanagawa_gift_navi ul li.active_ { background: none;} #tokyokanagawa_gift_navi ul li:first-child { padding: 0; background: none;} #tokyokanagawa_gift_navi ul li a { width: 100%; height: 40px; text-align: center; text-indent: -9999px; display: block;} #tokyokanagawa_gift_navi ul li.navi01_ a { background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi01_sp.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi02_ a { background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi02_sp.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi03_ a { background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi03_sp.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi04_ a { background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi04_sp.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi05_ a { background:url("../img/usr/event_freespace/tokyokanagawa_gift/navi05_sp.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi01_.active_ a, #tokyokanagawa_gift_navi ul li.navi01_ a:hover { background:rgba(146,130,49,0.6) url("../img/usr/event_freespace/tokyokanagawa_gift/navi01_sp_on.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi02_.active_ a, #tokyokanagawa_gift_navi ul li.navi02_ a:hover { background:rgba(123,165,173,0.6) url("../img/usr/event_freespace/tokyokanagawa_gift/navi02_sp_on.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi03_.active_ a, #tokyokanagawa_gift_navi ul li.navi03_ a:hover { background:rgba(211,138,148,0.6) url("../img/usr/event_freespace/tokyokanagawa_gift/navi03_sp_on.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi04_.active_ a, #tokyokanagawa_gift_navi ul li.navi04_ a:hover { background:rgba(96,74,121,0.6) url("../img/usr/event_freespace/tokyokanagawa_gift/navi04_sp_on.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift_navi ul li.navi05_.active_ a, #tokyokanagawa_gift_navi ul li.navi05_ a:hover { background:rgba(146,130,49,0.6) url("../img/usr/event_freespace/tokyokanagawa_gift/navi05_sp_on.png") center center no-repeat; -webkit-background-size: 64px 40px; background-size: 64px 40px;} #tokyokanagawa_gift { position: relative;} #tokyokanagawa_gift .top_wrap_ { position: relative;} #tokyokanagawa_gift h1 { text-align: center;} #tokyokanagawa_gift #RealtimeCountdownArea { width: 100%; padding: 0 0 0 5%; font-size: 20px; font-weight: bold; height:35px; line-height: 35px; text-align: center; position: absolute; top: 59%; left: 0; box-sizing: border-box; } #tokyokanagawa_gift.tokyo_ #RealtimeCountdownArea, #tokyokanagawa_gift.kanagawa_ #RealtimeCountdownArea { position: absolute; top: 49%; left: 0; } #tokyokanagawa_gift .info_ { padding: 18px; margin-bottom: 20px; border: 2px solid #d40520; color: #d40520;} #tokyokanagawa_gift .info_ dt { padding-left: 32px; margin-bottom: 18px; line-height: 22px; font-size: 14px; font-weight: bold; background: url("../img/usr/event_freespace/tokyokanagawa_gift/icon_info.png") left center no-repeat; } #tokyokanagawa_gift .info_ dd span { display: table-cell; font-weight: normal;} #tokyokanagawa_gift .navlist1_ { margin:0 0 20px; overflow: hidden;} #tokyokanagawa_gift .navlist1_ ul { padding: 0 5px; overflow: hidden;} #tokyokanagawa_gift .navlist1_ ul li { width: 50%; padding: 0 5px; margin-bottom: 3px; text-align: center; box-sizing: border-box; float: left;} #tokyokanagawa_gift .ichiran_ { margin: 0 10px 30px; text-align: center;} #tokyokanagawa_gift .only_pc_ { display: none;} .goodsproductdetail_ .detailtimer_ { position: relative;} .goodsproductdetail_ .detailtimer_ img { max-width: 100%; width: 100%; max-height: auto;} .goodsproductdetail_ .detailtimer_ #RealtimeCountdownArea { width: 50%; padding-left: 50%; font-size: 14px; text-align: center; position: absolute; top: 28%; right: 0; } /* -------------------------------------------------------------------- 京急百貨店 イベント夢うらら --------------------------------------------------------------------- */ #event_yumeurara h2 { text-align: center;} #event_yumeurara img { vertical-align: top;} #event_yumeurara .item_wrap_ { max-width:640px; margin: 0 auto; text-align: center; position: relative; background: #f4f2eb;} #event_yumeurara .item_wrap_ h3 { padding: 30px 10px 10px 10px; text-align: left;} #event_yumeurara .item_wrap_ p.select_txt_ { margin: 0 10px 10px; text-align: left;} #event_yumeurara .item_wrap_ ul { width:100%; padding: 0 5px; overflow:hidden; box-sizing: border-box;} #event_yumeurara .item_wrap_ li { width:50%; padding: 0 5px; margin:0 0 10px 0; float:left; box-sizing: border-box;} #event_yumeurara .item_wrap_ li .image_ { margin-bottom:10px; text-align:center;} #event_yumeurara .item_wrap_ li .name_ { margin-bottom:10px; text-align:left;} #event_yumeurara .item_wrap_ li .name_ span { padding:0 5px 0 0;} #event_yumeurara .item_wrap_ li.type01_ .name_ span { color:#ea5555;} #event_yumeurara .item_wrap_ li.type02_ .name_ span { color:#8fc76d;} #event_yumeurara .item_wrap_ li.type03_ .name_ span { color:#f08f9e;} #event_yumeurara .item_wrap_ li.type04_ .name_ span { color:#938fc5;} #event_yumeurara .item_wrap_ li.type05_ .name_ span { color:#509ad4;} #event_yumeurara .item_wrap_ li .btn_ { text-align:center;} #event_yumeurara .item_wrap_ p.box_morelook_ { position: absolute; top: -40px; right: 10px;} #event_yumeurara .item_wrap_ p.box_morelook_ a.box_morelook_btn { width: 114px; height: 24px; display: block; background: url(../img/usr/event_freespace/yumeurara/btn_popup_sp.png) left top no-repeat; text-indent: -9999px; -webkit-background-size: 114px 24px; background-size: 114px 24px;} #yumeurara_popup_box_inner img { vertical-align: top;} #yumeurara_popup_box_inner { width: 100%; margin: 0 auto; background: #f4f2eb; overflow: hidden;} #yumeurara_popup_box_inner h2 { text-align: center; background: #6f4c86;} #yumeurara_popup_box_inner h3 { max-width:450px; margin: 0 10px 10px; text-align: left;} #yumeurara_popup_box_inner .image_ { padding: 10px; text-align: center;} #yumeurara_popup_box_inner .desc_ { padding: 10px;} #yumeurara_popup_box_inner .desc_ ul { padding-left: 10px; overflow: hidden;} #yumeurara_popup_box_inner .desc_ ul li { width: 33%; padding-right: 10px; float: left; box-sizing: border-box;} #yumeurara_popup_box_inner .desc_ ul li .img_ { margin: 0 0 10px 0; text-align: center;} #yumeurara_popup_box_inner .desc_ ul li .text_ { font-size: 9px; text-align: center; color: #646261;} #yumeurara_popup_box p.closebtn { padding-top: 20px; text-align: center;} #yumeurara_popup_box p.closebtn a { width: 152px; height: 30px; margin: 0 auto; display: block; background: url(../img/usr/event_freespace/yumeurara/popup_close.png) left top no-repeat; text-indent: -9999px;} /* -------------------------------------------------------------------- 【期間限定】2018年おせち --------------------------------------------------------------------- */ #osechi2018 { margin: 0 0 20px 0; overflow: hidden;} #osechi2018 .check_ { margin-bottom: 10px; color: #d40520; font-weight: bold;} #osechi2018 .memo_ { margin-bottom: 10px; color: #646261; font-size: 0.9em;} #osechi2018 h1 { margin: 0 0 0 0; text-align:center;} #osechi2018 .pagetop_{ padding: 10px 10px 20px; text-align: right;} #osechi2018 #section00 { text-align:center;} /* 京急百貨店限定おせち */ #osechi2018 #section01 { padding:10px 10px 0; margin: 0 0 10px 0; background: url(../img/usr/event_freespace/2018osechi/bg01_sp.png) center top repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } #osechi2018 #section01 h2 { text-align:center;} #osechi2018 #section01 ul { max-width:460px; margin:0 auto; overflow: hidden;} #osechi2018 #section01 ul li { padding:10px 0; position: relative; text-align: center; overflow: hidden; border-top: 1px solid #e5dfc4;} #osechi2018 #section01 ul li:first-child { border-top: 0;} #osechi2018 #section01 ul li .item_ { overflow: hidden;} #osechi2018 #section01 ul li .name_ { margin: 0 0 10px 0;} #osechi2018 #section01 ul li .intro_ { width: 100%; position: absolute; left: 0; top: 12%;} #osechi2018 #section01 ul li .img_ { margin: 0 0 10px 0;} #osechi2018 #section01 ul li .pri_ { position: absolute; width: 100%; text-align: center; left: 0; bottom: 17%;} #osechi2018 #section01 ul li .btn_ { width: 200px; margin: 0 auto;} /* 2018年新春おせちラインナップ */ #osechi2018 #section02 { padding:10px 10px 0; margin: 0 0 10px 0; background: url(../img/usr/event_freespace/2018osechi/bg02_sp.png) right top repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } #osechi2018 #section02 h2 { text-align:center;} #osechi2018 #section02 ul { max-width:460px; margin:0 auto; overflow: hidden;} #osechi2018 #section02 ul li { padding:10px 0; position: relative; text-align: center; overflow: hidden; border-top: 1px solid #e5dfc4;} #osechi2018 #section02 ul li:first-child { border-top: 0;} #osechi2018 #section02 ul li .name_ { margin: 0 0 10px 0;} #osechi2018 #section02 ul li .intro_ { margin: 0 0 10px;} #osechi2018 #section02 ul li .btn_ { width: 200px; margin: 0 auto;} #osechi2018 #section02 ul li .img_ { width: 90%; margin: 15px auto 0; text-align: center;} /* おせち全商品一覧はこちら */ #osechi2018 #section03 {text-align: center; margin: 0 auto 20px; width: 80%;} /* 説明 */ #osechi2018 #section04 { padding: 15px; margin: 0; overflow: hidden; background: #faf9f6;} #osechi2018 #section04 h2 { margin-bottom: 8px;} #osechi2018 #section04 h3 { margin-bottom: 10px; font-weight: bold;} #osechi2018 .section_box_ { margin-bottom: 25px;} #osechi2018 #section04 ul li { margin-bottom: 10px; overflow: hidden;} #osechi2018 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2018 #section04 ul li .icon_intro_ { padding: 3px 0 0 0;} #osechi2018 #section04 div.image_ { padding: 15px 0 0 0;} /* -------------------------------------------------------------------- 【期間限定】2019年おせち --------------------------------------------------------------------- */ #osechi2019 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2019 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2019 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2019 h1 { margin: 0 0 20px 0;} #osechi2019 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2019 #section00 { margin-bottom: 20px; } #osechi2019 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} /* 京急百貨店限定おせち */ #osechi2019 #section01 { width:98%; margin:0 auto 55px; background: url("../img/usr/event_freespace/2019osechi/bg01_sp.png"); position: relative; text-align: center;　padding-bottom: 5%;} #osechi2019 #section01 h2 { text-align:center; position:relative; padding-top: 3px;} #osechi2019 #section01 ul { width:100%; padding: 18px 0 0; overflow: hidden;} #osechi2019 #section01 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2019 #section01 ul .intro_{text-align: center; margin: 0 0 -25%;} #osechi2019 #section01 ul li { width:100%; margin: 0 0 20%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2019 #section01 ul li .name_ { margin-bottom:14px; padding-left: 18px;} #osechi2019 #section01 ul li .intro_ { position:absolute; left:0; top:11%; width: 100%; letter-spacing: 0.03em;} #osechi2019 #section01 ul li .intro_ span { display: block;} #osechi2019 #section01 ul li .img_ {margin-top:25%} #osechi2019 #section01 ul li#cate01_item02 .img_{margin-top: -10%} #osechi2019 #section01 ul li .pri_ { position: absolute; bottom:0;} #osechi2019 #section01 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2019 #section01 ul li .mrT10{margin-top:10%} #osechi2019 #section01 .cate01_btnBox{padding-bottom: 5%;} #osechi2019 #section01 .cate01_btnBox a img{width: 95%; margin: 0 auto;} /* 2019年新春おせちラインナップ */ #osechi2019 #section02 { width:98%; margin:0 auto 35px; background: url("../img/usr/event_freespace/2019osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2019 #section02 h2 { text-align: center; position: relative; top: -15px;} #osechi2019 #section02 ul { padding: 20% 0 10%;} #osechi2019 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2019 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2019 #section02 ul li .desc_, #osechi2019 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2019 #section02 ul li:first-child .desc_, #osechi2019 #section02 ul li:first-child .img_ { padding-top: 0;} #osechi2019 #section02 ul li .desc_ { padding: 3%; width: 100%; box-sizing: border-box;} #osechi2019 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2019 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2019 #section02 ul li .desc_ .btn_ a {margin-left: 2%; } #osechi2019 #section02 ul li .img_ {width: 100%; text-align: center;} /* おせち全商品一覧はこちら */ #osechi2019 .section03 {text-align: center; padding: 5% 0;} #osechi2019 .section03 p{color: #63190f; padding: 1% 0;} #osechi2019 .section03 a img{width: 95%;} /* 説明 */ #osechi2019 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("../img/usr/event_freespace/2019osechi/bg03.png"); } #osechi2019 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} #osechi2019 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2019 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2019 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2019 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2019 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} /* -------------------------------------------------------------------- 【期間限定】2020年おせち --------------------------------------------------------------------- */ #osechi2020 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2020 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2020 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2020 h1 { margin: 0 0 20px 0;} #osechi2020 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2020 #section00 { margin-bottom: 20px; } #osechi2020 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} /* 京急百貨店限定おせち */ #osechi2020 #section01 { width:98%; margin:0 auto 55px; background: url("../img/usr/event_freespace/2020osechi/bg01_sp.png"); position: relative; text-align: center;　padding-bottom: 5%;} #osechi2020 #section01 h2 { text-align:center; position:relative; padding-top: 3px;} #osechi2020 #section01 ul { width:100%; padding: 18px 0 0; overflow: hidden;} #osechi2020 #section01 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2020 #section01 ul .intro_{text-align: center; margin: 0 0 -25%;} #osechi2020 #section01 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2020 #section01 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2020 #section01 ul li .name_ { margin-bottom:14px; padding-left: 18px;} #osechi2020 #section01 ul li .intro_ { position:static; left:0; top:11%; width: 100%; letter-spacing: 0.03em;} #osechi2020 #section01 ul li .intro_ span { display: block;} #osechi2020 #section01 ul li .img_ {margin-top:18%} #osechi2020 #section01 ul li .pri_ { position: absolute; bottom:0;} #osechi2020 #section01 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2020 #section01 ul li .mrT10{margin-top:10%} #osechi2020 #section01 .cate01_btnBox{padding-bottom: 5%;} #osechi2020 #section01 .cate01_btnBox a img{width: 95%; margin: 0 auto;} #osechi2020 #section01 ul #cate01_item08{margin: 0;} #osechi2020 #section01 ul #cate01_item06{margin: 0; border: none;} #osechi2020 #section01 ul #cate01_item01{border: none; padding-top: 0;} #osechi2020 #section01 ul #cate01_item07{border: none; padding-top: 0; margin-top: 5%;} #osechi2020 #section01 ul #cate01_item07 .img_{margin-top: 8%;} #osechi2020 #section01 ul #cate01_item08 .intro_{position: static;} /* 2020年新春おせちラインナップ */ #osechi2020 #section02 { width:98%; margin:0 auto 35px; background: url("../img/usr/event_freespace/2020osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2020 #section02 h2 { text-align: center; position: relative; top: -15px;} #osechi2020 #section02 ul { padding: 0 0 10%;} #osechi2020 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2020 #section02 ul li + li{margin-top: 3%;} #osechi2020 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2020 #section02 ul li .desc_, #osechi2020 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2020 #section02 ul li:first-child .desc_, #osechi2020 #section02 ul li:first-child .img_ { padding-top: 0; padding-bottom: 4%;} #osechi2020 #section02 ul li .desc_ { padding: 7% 3% 0; width: 100%; box-sizing: border-box;} #osechi2020 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2020 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2020 #section02 ul li .desc_ .btn_ {line-height: 4;} #osechi2020 #section02 ul li .desc_ .btn_ a {margin-left: 6%; } #osechi2020 #section02 ul li .img_ {width: 100%; text-align: center;} /* おせち全商品一覧はこちら */ #osechi2020 .section03 {text-align: center; padding: 5% 0;} #osechi2020 .section03 p{color: #63190f; padding: 1% 0;} #osechi2020 .section03 a img{width: 95%;} /* 説明 */ #osechi2020 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("../img/usr/event_freespace/2020osechi/bg03.png"); } #osechi2020 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} #osechi2020 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2020 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2020 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2020 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2020 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} /* -------------------------------------------------------------------- 【期間限定】2021年おせち --------------------------------------------------------------------- */ #osechi2021 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2021 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2021 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2021 h1 { margin: 0 0 20px 0;} #osechi2021 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2021 #section00 { margin-bottom: 20px; } #osechi2021 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} /* オンラインショッピング限定おせち */ #osechi2021 #section01 { width:98%; margin:0 auto 55px; background: url("../img/usr/event_freespace/2021osechi/bg01_sp.png"); position: relative; text-align: center;　padding-bottom: 5%;} #osechi2021 #section01 h2 { text-align:center; position:relative; padding-top: 3px;} #osechi2021 #section01 ul { width:100%; padding: 18px 0 0; overflow: hidden;} #osechi2021 #section01 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2021 #section01 ul .intro_{text-align: center;} #osechi2021 #section01 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2021 #section01 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2021 #section01 ul li .name_ { margin-bottom:14px;} #osechi2021 #section01 ul li .intro_ { position:static; width: 100%;} #osechi2021 #section01 ul li .intro_ span { display: block;} #osechi2021 #section01 ul li .img_ {margin-top: -15%} #osechi2021 #section01 ul li .pri_ { position: absolute; bottom:0;} #osechi2021 #section01 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2021 #section01 ul li .mrT10{margin-top:10%} #osechi2021 #section01 .cate01_btnBox{padding-bottom: 5%;} #osechi2021 #section01 .cate01_btnBox a img{width: 95%; margin: 0 auto;} #osechi2021 #section01 ul li#cate01_item05 .img_ {margin-top: -10%;} /* 京急百貨店限定おせち */ #osechi2021 #section03 { width:98%; margin:0 auto 55px; background: url("../img/usr/event_freespace/2021osechi/bg04_sp.png"); position: relative; text-align: center;　padding-bottom: 5%;} #osechi2021 #section03 h2 { text-align:center; position:relative; padding-top: 3px;} #osechi2021 #section03 ul { width:100%; padding: 18px 0 0; overflow: hidden;} #osechi2021 #section03 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2021 #section03 ul .intro_{text-align: center;} #osechi2021 #section03 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2021 #section03 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2021 #section03 ul li .name_ { margin-bottom:14px;} #osechi2021 #section03 ul li .intro_ { position:static; width: 100%;} #osechi2021 #section03 ul li .intro_ span { display: block;} #osechi2021 #section03 ul li .img_ {margin-top: -15%} #osechi2021 #section03 ul li .pri_ { position: absolute; bottom:0;} #osechi2021 #section03 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2021 #section03 ul li .mrT10{margin-top:10%} #osechi2021 #section03 .cate01_btnBox{padding-bottom: 5%;} #osechi2021 #section03 .cate01_btnBox a img{width: 95%; margin: 0 auto;} #osechi2021 #section03 ul li#cate03_item03 .img_ {margin-top: -7%;} #osechi2021 #section03 ul li#cate03_item04 .img_ {margin-top: -10%;} /* 2020年新春おせちラインナップ */ #osechi2021 #section02 { width:98%; margin:0 auto 35px; background: url("../img/usr/event_freespace/2021osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2021 #section02 h2 { text-align: center; position: relative; top: -15px;} #osechi2021 #section02 ul { padding: 0 0 10%;} #osechi2021 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2021 #section02 ul li + li{margin-top: 3%;} #osechi2021 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2021 #section02 ul li .desc_, #osechi2021 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2021 #section02 ul li:first-child .desc_, #osechi2021 #section02 ul li:first-child .img_ { padding-top: 0; padding-bottom: 4%;} #osechi2021 #section02 ul li .desc_ { padding: 7% 3% 0; width: 100%; box-sizing: border-box;} #osechi2021 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2021 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2021 #section02 ul li .desc_ .btn_ {line-height: 4;} #osechi2021 #section02 ul li .desc_ .btn_ a {margin-left: 6%; } #osechi2021 #section02 ul li .img_ {width: 100%; text-align: center;} /* おせち全商品一覧はこちら */ #osechi2021 .section03 {text-align: center; padding: 5% 0;} #osechi2021 .section03 p{color: #63190f; padding: 1% 0;} #osechi2021 .section03 a img{width: 95%;} /* 説明 */ #osechi2021 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("../img/usr/event_freespace/2021osechi/bg03.png"); } #osechi2021 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #a0851b; padding-bottom: 1%;} #osechi2021 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2021 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2021 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2021 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2021 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} /* -------------------------------------------------------------------- クリスマスケーキ --------------------------------------------------------------------- */ #christmas_cake h1 { text-align:center;} #christmas_cake #section01 { padding:10px; margin:0 10px 20px 10px; border:#867760 1px solid;} #christmas_cake #section01 h2 { padding:0 0 0 26px; margin-bottom:10px; color:#5a4526; font-weight:bold; font-size:13px; background:url(../img/usr/event_freespace/christmas_cake/head_mark.png) left center no-repeat; } #christmas_cake #section01 .section_inner_ { padding-bottom:9px; margin-bottom:9px; border-bottom:#dad2bb 1px dashed;} #christmas_cake #section01 .section_inner_.last_ { padding-bottom:0; margin-bottom:0; border-bottom:none;} #christmas_cake #section02 { margin:25px 0 30px; overflow:hidden;} #christmas_cake #section02 .nav_ { margin:0 10%; overflow:hidden;} #christmas_cake #section03 { padding:5px; margin:10px; background:#fcf7e9;} #christmas_cake #section03 .section_inner_ { padding:20px 5px 10px; border:#f8e6d2 1px solid; background:#fcf7e9;} #christmas_cake #section03 h2 { width:80%; margin:0 auto 10px; text-align:center;} #christmas_cake #section03 .item_ { overflow:hidden;} #christmas_cake #section03 .item_ li { width:75%; padding-bottom:10px; margin:0 auto 15px; border-bottom:#cfc7b8 1px dashed; text-align:center;} #christmas_cake #section03 .item_ li:last-child { padding-bottom:0; margin:0 auto; border-bottom:none;} #christmas_cake #section03 .item_ li .image_ { width:100%; margin:0 auto 10px;} #christmas_cake #section03 .item_ li .name_ { margin-bottom:10px;} #christmas_cake #section04 { padding:5px; margin:10px; background:#fef2f7;} #christmas_cake #section04 .section_inner_ { padding:20px 5px 10px; border:#fedfeb 1px solid; background:#fef2f7;} #christmas_cake #section04 h2 { width:100%; margin:0 auto 10px; text-align:center;} #christmas_cake #section04 .item_ { overflow:hidden;} #christmas_cake #section04 .item_ li { width:90%; padding-bottom:10px; margin:0 auto 10px; border-bottom:#ecd0d1 1px dashed; text-align:center;} #christmas_cake #section04 .item_ li:last-child { padding-bottom:0; margin:0 auto; border-bottom:none;} #christmas_cake #section04 .item_ li .image_ { width:100%; margin:0 auto 10px;} #christmas_cake #section04 .item_ li .shop_ { margin-bottom:10px;} #christmas_cake #section04 .item_ li .btn_ { width:85%; margin:0 auto 10px;} #christmas_cake #section05 .btn_ { margin:10px; text-align:center;} /* #christmas_cake #section06{ background: url(../img/usr/event_freespace/christmas_cake2022/bg02.jpg) center top repeat-y; -webkit-background-size: 100%; background-size: 100%; padding: 8% 5% 8%; margin: 0 auto; width: 95%; box-sizing: border-box; } #christmas_cake #section06 .section_inner_{text-align: center;} #christmas_cake #section06 .section_inner_ > div{text-align: left; margin: 0 0 15px;} #christmas_cake #section06 .section_inner_ + .section_inner_{margin-top: 30px;} #christmas_cake #section06 .section_inner_ .cate1 > img{width:75%;} #christmas_cake #section06 .section_inner_ .cate2 > img{width:60%;} #christmas_cake #section06 .section_inner_ .cate3 > img{width:70%;} #christmas_cake #section06 .section_inner_ .cate4 > img{width:75%;} #christmas_cake #section06 .section_inner_ .cate1 + img{width:70%;} #christmas_cake #section06 .section_inner_ .cate3 + img{width:75%;} #christmas_cake #section06 .section_inner_ .cate4 + img{width:75%;} #christmas_cake #section06 .section_inner_ .text_{margin: 10px 0 0; text-align: justify;} #christmas_cake #section06 .section_inner_ img{width:100%;} #christmas_cake #section06 .section_inner_ .btn_{margin: 5% auto 0; width: 190px;} #christmas_cake #section06 .section_inner_ .cake.only_sp_{ display: block; width: 90%; margin: 40px auto; } #christmas_cake #section06 .section_inner_ .txt01_{ display: block; padding: 0 10px; box-sizing: border-box; } #christmas_cake #section06 .section_inner_ .txt02_{ display: block; width: 90%; margin: 20px auto 0; } */ #christmas_cake #section06{ margin-top: 50px; background: url(../img/usr/event_freespace/christmas_cake2025/cake_bg.png); background-size: 100%; padding: 30px 5%; } #christmas_cake #section06 .section_inner_{ display: flex; justify-content: space-between; flex-direction: column; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px dotted #867760; } #christmas_cake #section06 .section_inner_:last-child{ border: none; padding-bottom: 0; } #christmas_cake #section06 .section_inner_ > div{ width: auto; margin: 0; } #christmas_cake #section06 .section_inner_ .desc_{ width: 90%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } #christmas_cake #section06 .text_{ margin: 20px 0 0; width: 100%; line-height: 1.8; } #christmas_cake #section06 .section_inner_ .btn_{ margin: 30px 0 0; width: 100%; text-align: center; } #christmas_cake #section06 .section_inner_ .img_{ flex: 1; text-align: center; } #christmas_cake #section06 .section_inner_ .img_ img{ max-width: 100%; max-height: 100%; object-fit: contain; } #christmas_cake #section06 .section_inner_ a{ text-decoration: none; } #christmas_cake .linkBtn_ {margin: 20px auto 30px; overflow:hidden; text-align: center;} #christmas_cake .linkBtn_ .nav_{width:70%;display: flex; justify-content: center; flex-wrap: wrap; text-align: center; margin: 0 auto;} #christmas_cake .linkBtn_ .nav_{width:70%;display: flex; justify-content: center; flex-wrap: wrap; text-align: center;} /* 表紙のクリスマスケーキ */ #section_cover{ width: calc(100% - 40px); display: flex; justify-content: space-between; align-items: center; background-image: url(../img/usr/event_freespace/christmas_cake2025/cover_bg.png); background-size: 100% 100%; gap: 10px; padding: 0 20px; margin-bottom: 0; } #section_cover > img{ width: 30%; } #section_cover .right_block{ text-align: right; padding: 10px 0; } #section_cover .right_block a:nth-child(2){ display: inline-block; width: 50%; } /* 販売終了 */ #christmas_cake #section06 .section_inner_:last-child { position: relative; } #christmas_cake #section06 .section_inner_:last-child .item_finish_{ position: absolute; width: 105%; height: 100%; background-color: rgba(0, 0, 0, 0.5); left: -2.5%; bottom: 0; color: #fff; font-size: 36px; letter-spacing: 0.5em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; display: flex; justify-content: center; align-items: center; } /* -------------------------------------------------------------------- 【季節限定】2018バレンタイン --------------------------------------------------------------------- */ #valentine2018 { display:none;} #valentine2018_sp #vd17_brandlist ul, #valentine2018_sp .brandDetail .profile, #valentine2018_sp .brandDetail .items, #valentine2018_sp #vd17_floatingNav #vd17_fnBody { zoom: 1;} #valentine2018_sp #vd17_brandlist ul:before, #valentine2018_sp .brandDetail .profile:before, #valentine2018_sp .brandDetail .items:before, #valentine2018_sp #vd17_floatingNav #vd17_fnBody:before, #valentine2018_sp #vd17_brandlist ul:after, #valentine2018_sp .brandDetail .profile:after, #valentine2018_sp .brandDetail .items:after, #valentine2018_sp #vd17_floatingNav #vd17_fnBody:after { content: ""; display: table;} #valentine2018_sp #vd17_brandlist ul:after, #valentine2018_sp .brandDetail .profile:after, #valentine2018_sp .brandDetail .items:after, #valentine2018_sp #vd17_floatingNav #vd17_fnBody:after { clear: both;} #valentine2018_sp { max-width: 100vw;} #valentine2018_sp h1 { margin: 0; text-align: center;} #valentine2018_sp img { max-width: 100%; height: auto; vertical-align: bottom;} #valentine2018_sp a { text-decoration: none; color: #333333;} #valentine2018_sp #vd17_notice { color: #646261; padding: 10px;} #valentine2018_sp #vd17_notice ul { font-size: 12px; margin: 0; padding: 0;} #valentine2018_sp #vd17_notice ul li { list-style: none; margin-left: 1em;} #valentine2018_sp #vd17_notice ul li:first-letter { margin-left: -1em;} #valentine2018_sp #vd17_brandlist { margin: 0 auto 20px; width: 320px;} #valentine2018_sp #vd17_brandlist ul { margin: 0; padding: 0;} #valentine2018_sp #vd17_brandlist ul li { list-style: none; float: left; width: 25%; text-align: center;} #valentine2018_sp #vd17_brandlist ul li.title { float: none; width: 100%; text-align: center;} #valentine2018_sp .brandDetail { background-color: #f3efed;} #valentine2018_sp .brandDetail h2 { background-image: url(../img/usr/event_freespace/2018valentine/sp/nameplate-bg.png); background-size: 320px 50px; margin: 0; padding: 10px; color: #ffffff; font-size: 16px; } #valentine2018_sp .brandDetail h2 span { display: block; font-weight: normal; font-size: 8px;} #valentine2018_sp .brandDetail .profile { margin: 10px; padding: 0;} #valentine2018_sp .brandDetail .profile h3 { margin: 0 0 7px 0;} #valentine2018_sp .brandDetail .profile p { margin: 0; font-size: 12px;} #valentine2018_sp .brandDetail .profile dt { clear: left; float: left; padding-right: 10px;} #valentine2018_sp .brandDetail .profile dd { margin: auto; padding-left: 120px; color: #333333;} #valentine2018_sp .brandDetail .comments { margin: 15px 10px;} #valentine2018_sp .brandDetail .comments h3{ margin: 0 0 10px 0; color: #311a0f; font-size: 12px;} #valentine2018_sp .brandDetail .comments p { margin: 0; font-size: 12px;} #valentine2018_sp .brandDetail .items { margin: 5px auto; padding: 0; max-width: 310px;} @media screen and (orientation: landscape) { #valentine2018_sp .brandDetail .items { max-width: 620px;} } #valentine2018_sp .brandDetail .items li { list-style: none; float: left; width: 145px; margin: 5px; position: relative;} #valentine2018_sp .brandDetail .items li span.sold_out_ { width: 145px; height: 145px; position: absolute; left: 0; top: 0;} #valentine2018_sp .brandDetail .items li span.new_ { width: 36px; height: 36px; position: absolute; left: 0; top: 0;} #valentine2018_sp .brandDetail .items li span.new_ img { width: 36px; height: 36px;} #valentine2018_sp .brandDetail .items li p { font-size: 12px; margin: 8px 0;} #valentine2018_sp .brandDetail .items li p.price { font-weight: bold;} #valentine2018_sp #vd17_viewAllProducts_sp { text-align: center; margin: 30px 10px 50px;} #valentine2018_sp #vd17_floatingNav_sp { width: auto; } #valentine2018_sp #vd17_floatingNav_sp #fnTgl_sp { position: fixed; right: 0; top: 0; width: 40px; height: 40px; background-color: rgba(81, 35, 15, 0.98); float: none; transition: background-position 0.2s; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25); } #valentine2018_sp #vd17_floatingNav_sp #fnTgl_sp a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-indent: 100%; background-image: url(../img/usr/event_freespace/2018valentine/sp/floating-nav-toggle.png); background-size: 80px 40px; transition: background-position 0.5s; } #valentine2018_sp #vd17_floatingNav_sp #fnTgl_sp a.active { background-position: -40px 0;} #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp { display: none; position: fixed; right: 40px; top: 0; background-color: rgba(98, 46, 22, 0.98); margin: 0; padding: 0; height: 100%; overflow-x: hidden; box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.25); z-index: 300; } #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp ul { overflow: hidden;} @media screen and (orientation: landscape) { #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp { width: 440px;} } #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { list-style: none; border-bottom: 1px solid #4A2416; color: #FEFFFF; font-size: 12px; padding: 7px; width: 200px;} #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp li:hover{ background-color: #1B0A06;} @media screen and (orientation: landscape) { #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { float: left; margin: 0 3px;} } #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp li a { color: #FEFFFF; text-decoration: none; display: block;} #valentine2018_sp #vd17_floatingNav_sp #vd17_fnBody_sp li span { color: #C76830; font-size: 8px; display: block;} #valentine2018_sp #MOF_Detail_sp { width: 320px; margin: 30px auto 0;} #valentine2018_sp #MOF_Detail_sp h2 { text-align: center;} #valentine2018_sp #MOF_Detail_sp .MOF_Detail_body_ { padding: 0 10px 10px; background-color: #88622e; background-image: url(../img/usr/event_freespace/2018valentine/sp/mof_bg.png); background-position: left top; background-repeat: repeat;} #valentine2018_sp #MOF_Detail_sp .MOF_Detail_body_ .MOF_Detail_inner_ { padding: 10px; background-color: #ffffff;} #valentine2018_sp #MOF_Detail_sp .item_spec_ { margin: 0 10px 20px; text-align: center;} #valentine2018_sp #MOF_Detail_sp .item_spec_ img { margin-bottom: 10px;} #valentine2018_sp #MOF_Detail_sp .item_spec_ p { font-size: 12px;} #valentine2018_sp #MOF_Detail_sp .item_spec_ p strong { color: #91621e;} #valentine2018_sp #MOF_Detail_sp .item_spec_ .txt_ { margin: 0 0 20px;} #valentine2018_sp #MOF_Detail_sp h3 { margin: 0 auto; width: 200px;} #valentine2018_sp #MOF_Detail_sp ul { overflow: hidden; width: 99%; margin: 0 auto;} #valentine2018_sp #MOF_Detail_sp ul li { float: left; width: 33%; text-align: center; margin: 0;} #valentine2018_sp #MOF_Detail_sp ul li .name_ { margin: 0 5px 5px;} #valentine2018_sp #MOF_Detail_sp ul li .photo_ { margin: 0 5px;} #valentine2018_sp #MOF_Detail_sp ul li .item_img_ { margin: 0 5px 5px;} #valentine2018_sp #MOF_Detail_sp ul li p {font-size: 10px; text-align: center; margin: 0 5px;} #valentine2018_sp #JapaneseSelection_sp { width: 320px; margin: 30px auto 0;} #valentine2018_sp #JapaneseSelection_sp h2 { text-align: center;} #valentine2018_sp #JapaneseSelection_sp .JapaneseSelection_body_ { padding: 0 10px 10px; background-color: #7a4747; background-image: url(../img/usr/event_freespace/2018valentine/sp/jap_bg.png); background-position: left top; background-repeat: repeat;} #valentine2018_sp #JapaneseSelection_sp .JapaneseSelection_body_ .JapaneseSelection_inner_ { padding: 10px; background-color: #ffffff;} #valentine2018_sp #JapaneseSelection_sp .item_spec_ { margin: 0 10px 20px; text-align: center;} #valentine2018_sp #JapaneseSelection_sp .item_spec_ img { margin-bottom: 10px;} #valentine2018_sp #JapaneseSelection_sp .item_spec_ p { font-size: 12px;} #valentine2018_sp #JapaneseSelection_sp .item_spec_ .txt_ { margin: 0 0 20px;} #valentine2018_sp #JapaneseSelection_sp h3 { margin: 0 auto 10px; width: 200px;} #valentine2018_sp #JapaneseSelection_sp ul { overflow: hidden; width: 99%; margin: 0 auto;} #valentine2018_sp #JapaneseSelection_sp ul li { float: left; width: 33%; text-align: center; margin: 0;} #valentine2018_sp #JapaneseSelection_sp ul li .name_ { margin: 0 5px 5px;} #valentine2018_sp #JapaneseSelection_sp ul li .photo_ { margin: 0 5px;} #valentine2018_sp #JapaneseSelection_sp ul li .item_img_ { margin: 0 5px 5px;} #valentine2018_sp #JapaneseSelection_sp ul li p { font-size: 10px; text-align: center; margin: 0 5px;} /* -------------------------------------------------------------------- セラミカ特集 --------------------------------------------------------------------- */ #ceramika .lead{ margin: 15px 0 ; text-align: center; color: #002d6b; } #ceramika .lead h2{ font-size: 17px; font-weight: bold; margin-bottom: 10px; } #ceramika .lead p{ font-size: 12px; line-height: 2; } #ceramika .lead p .solid{ letter-spacing: -0.3em; } #ceramika .lead p span{ font-weight: bold; } #ceramika .nav{ margin: 15px 5px; } #ceramika_ttl_recomme{ border-top: 1px solid #002d6b; border-bottom: 1px solid #002d6b; padding: 14px 0 10px 17px; } #ceramika_ttl_recomme img{ width: 35%; } #ceramika.device_pc{ display: none; } /* -------------------------------------------------------------------- カタログギフト --------------------------------------------------------------------- */ #cataloggift { } #cataloggift.device_pc { display: none; } #cataloggift img { vertical-align: bottom; } #cataloggift h1 { text-align: center; margin-bottom: 15px; background-color: #F4CFD0; } #cataloggift .info_note_ { width: 94%; margin: 0 auto 15px; } #cataloggift .info_note_ h2 { text-align: center; padding: 4px 0 3px; background-color: #e9f5e0; } #cataloggift .info_note_ .inner_ { padding: 10px; border: 1px solid #f1f1f1; border-top: 0; } #cataloggift .info_note_ .inner_ p { text-indent: -1em; padding-left: 1em; max-width: 500px; margin: 0 auto; } #cataloggift .sec_ { width: 94%; margin: 0 auto 20px; } #cataloggift .sec_ h2 { text-align: center; margin-bottom: 10px; } #cataloggift .sec_ ul { } #cataloggift .sec_ ul li { margin-bottom: 5px; } #cataloggift .sec_ ul li a { display: block; text-align: center; } #cataloggift #search_category li { } #cataloggift #search_price ul { overflow: hidden; } #cataloggift #search_price li { width: 49%; } #cataloggift #search_price li:nth-child(odd) { float: left; } #cataloggift #search_price li:nth-child(even) { float: right; } #cataloggift #search_use ul { overflow: hidden; } #cataloggift #search_use li { width: 49%; } #cataloggift #search_use li:nth-child(odd) { float: left; } #cataloggift #search_use li:nth-child(even) { float: right; } #cataloggift #search_all li { } h2.cataloggift_title_ { padding: 7px 10px 5px; margin-bottom: 15px; border-top: 2px solid #d2ebc0; background-color: #ecf4e7; } h2.cataloggift_title_ a { display: block; } h2.cataloggift_title_ img { height: 15px; } /* -------------------------------------------------------------------- かながわグルメ --------------------------------------------------------------------- */ #cosme-event h2 { text-align:center; margin:5% 10%;} #cosme-event .brand-tit{margin:10px 20%;} #cosme-event ul.bnr2_line_ { padding:0 0 0 1%; overflow:hidden;} #cosme-event ul.bnr2_line_ li { width:48%; margin:2% 2% 0 0; text-align:center; float:left;} #cosme-event .grayBox{ background: #eee; padding-bottom: 2%; margin-bottom: 10%; margin-top: -3.5%; } #cosme-event .grayBox p{ font-family: HGP教科書体,ＭＳ 明朝; } #cosme-event .grayBox .info-tit{ font-size: 1.8em; margin: 0 5%; } #cosme-event .grayBox ul li p{ font-size: 1.3em; } #cosme-event .grayBox img{ display: none; } #cosme-event .grayBox ul{ width: 95%; margin: 0 auto; border-top: 1px solid #cecece; padding-left: 5%; } #cosme-event .grayBox ul li{ list-style: disc; width: 95%; margin: 2% auto; } #cosme-event .sp{ display: block; } #cosme-event .pc{ display: none; } #cosme-event .categoryBox .pinkBox{ height: 240px; width: 100%; background: linear-gradient(#f1e9ec,#fff); box-sizing: border-box; position: relative; margin-bottom: 30px; } #cosme-event .categoryBox .pinkBox.h220{ height: 220px; } #cosme-event .categoryBox .pinkBox .whiteBorder{ width: 98%; height: 238px; border: 1px solid #fff; margin: 5px auto; position: absolute; left: 3px; } #cosme-event .categoryBox .pinkBox .whiteBorder div{ width: 322px; margin: 20px auto 5px; } #cosme-event .bottomBox{ border-top: 1px solid #e0b3c4; margin-top: 30%; } #cosme-event .bottomBox ul{ overflow: hidden; clear: both; } #cosme-event .bottomBox ul li{ width: 28%; height: 90px; float: left; margin: 4% 0 0 4%; } #cosme-event .bottomBox .osusume{ font-family: HGP教科書体,ＭＳ 明朝; font-weight: bold; font-size: 1.8em; text-align: center; margin: 5% 0 0%; } #cosme-event .categoryBox { border-top: 1px solid #e0b3c4; } /* -------------------------------------------------------------------- 【季節限定】2019バレンタイン --------------------------------------------------------------------- */ #valentine2019 { display:none;} #valentine2019_sp #vd17_brandlist ul, #valentine2019_sp .brandDetail .profile, #valentine2019_sp .brandDetail .items, #valentine2019_sp #vd17_floatingNav #vd17_fnBody { zoom: 1;} #valentine2019_sp #vd17_brandlist ul:before, #valentine2019_sp .brandDetail .profile:before, #valentine2019_sp .brandDetail .items:before, #valentine2019_sp #vd17_floatingNav #vd17_fnBody:before, #valentine2019_sp #vd17_brandlist ul:after, #valentine2019_sp .brandDetail .profile:after, #valentine2019_sp .brandDetail .items:after, #valentine2019_sp #vd17_floatingNav #vd17_fnBody:after { content: ""; display: table;} #valentine2019_sp #vd17_brandlist ul:after, #valentine2019_sp .brandDetail .profile:after, #valentine2019_sp .brandDetail .items:after, #valentine2019_sp #vd17_floatingNav #vd17_fnBody:after { clear: both;} #valentine2019_sp { max-width: 100vw;} #valentine2019_sp h1 { margin: 0; text-align: center;} #valentine2019_sp img {max-width: 100%;height: auto;vertical-align: bottom;} #valentine2019_sp a { text-decoration: none; color: #333333;} #valentine2019_sp #vd17_notice { color: #646261; padding: 10px;} #valentine2019_sp #vd17_notice ul { font-size: 12px; margin: 0; padding: 0;} #valentine2019_sp #vd17_notice ul li { list-style: none; margin-left: 1em;} #valentine2019_sp #vd17_notice ul li:first-letter { margin-left: -1em;} #valentine2019_sp #vd17_brandlist { margin: 0 auto 20px; width: 320px;} #valentine2019_sp #vd17_brandlist ul { margin: 0; padding: 0;} #valentine2019_sp #vd17_brandlist ul li { list-style: none; float: left; width: 25%; text-align: center;} #valentine2019_sp #vd17_brandlist ul li.title { float: none; width: 100%; text-align: center;} #valentine2019_sp .brandDetail { background-color: #f3efed; margin-bottom: 30px;} #valentine2019_sp .brandDetail h2 { background-image: url(../img/usr/event_freespace/2019valentine/nameplate-bg.png); background-size: 320px 50px; margin: 0; padding: 10px; color: #ffffff; font-size: 16px; } #valentine2019_sp .brandDetail h2 span { display: block; font-weight: normal; font-size: 8px;} #valentine2019_sp .brandDetail .profile { margin: 10px; padding: 0;} #valentine2019_sp .brandDetail .profile h3 { margin: 0 0 7px 0;} #valentine2019_sp .brandDetail .profile p { margin: 0; font-size: 12px;} #valentine2019_sp .brandDetail .profile dt { clear: left; float: left; padding-right: 10px;} #valentine2019_sp .brandDetail .profile dd { margin: auto; padding-left: 120px; color: #333333;} #valentine2019_sp .brandDetail .comments { margin: 15px 10px;} #valentine2019_sp .brandDetail .comments h3{ margin: 0 0 10px 0; color: #311a0f; font-size: 12px;} #valentine2019_sp .brandDetail .comments p { margin: 0; font-size: 12px;} #valentine2019_sp .brandDetail .items { margin: 5px auto; padding: 0; max-width: 310px;} @media screen and (orientation: landscape) { #valentine2019_sp .brandDetail .items { max-width: 620px;} } #valentine2019_sp .brandDetail .items li { list-style: none; float: left; width: 145px; margin: 5px; position: relative;} #valentine2019_sp .brandDetail .items li span.sold_out_ { width: 145px; height: 145px; position: absolute; left: 0; top: 0;} #valentine2019_sp .brandDetail .items li span.new_ { width: 36px; height: 36px; position: absolute; left: 0; top: 0;} #valentine2019_sp .brandDetail .items li span.new_ img { width: 36px; height: 36px;} #valentine2019_sp .brandDetail .items li p { font-size: 12px; margin: 8px 0;} #valentine2019_sp .brandDetail .items li p.price { font-weight: bold;} #valentine2019_sp #vd17_viewAllProducts_sp { text-align: center; margin: 30px 10px 50px;} #valentine2019_sp #vd17_floatingNav_sp { width: auto; } #valentine2019_sp #vd17_floatingNav_sp #fnTgl_sp { position: fixed; right: 0; top: 0; width: 40px; height: 40px; background-color: rgba(81, 35, 15, 0.98); float: none; transition: background-position 0.2s; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25); } #valentine2019_sp #vd17_floatingNav_sp #fnTgl_sp a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-indent: 100%; background-image: url(../img/usr/event_freespace/2019valentine/floating-nav-toggle.png); background-size: 80px 40px; transition: background-position 0.5s; } #valentine2019_sp #vd17_floatingNav_sp #fnTgl_sp a.active { background-position: -40px 0;} #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp { display: none; position: fixed; right: 40px; top: 0; background-color: rgba(98, 46, 22, 0.98); margin: 0; padding: 0; height: 100%; overflow-x: hidden; box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.25); z-index: 300; } #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp ul { overflow: hidden;} @media screen and (orientation: landscape) { #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp { width: 440px;} } #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { list-style: none; border-bottom: 1px solid #4A2416; color: #FEFFFF; font-size: 12px; padding: 7px; width: 200px;} #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp li:hover{ background-color: #1B0A06;} @media screen and (orientation: landscape) { #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp li { float: left; margin: 0 3px;} } #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp li a { color: #FEFFFF; text-decoration: none; display: block;} #valentine2019_sp #vd17_floatingNav_sp #vd17_fnBody_sp li span { color: #C76830; font-size: 8px; display: block;} #valentine2019_sp #MOF_Detail_sp { width: 320px; margin: 30px auto 0;} #valentine2019_sp #MOF_Detail_sp h2 { text-align: center;} #valentine2019_sp #MOF_Detail_sp .MOF_Detail_body_ { padding: 0 10px 10px; background-color: #88622e; background-image: url(../img/usr/event_freespace/2019valentine/sp/mof_bg.png); background-position: left top; background-repeat: repeat;} #valentine2019_sp #MOF_Detail_sp .MOF_Detail_body_ .MOF_Detail_inner_ { padding: 10px; background-color: #ffffff;} #valentine2019_sp #MOF_Detail_sp .item_spec_ { margin: 0 10px 20px; text-align: center;} #valentine2019_sp #MOF_Detail_sp .item_spec_ img { margin-bottom: 10px;} #valentine2019_sp #MOF_Detail_sp .item_spec_ p { font-size: 12px;} #valentine2019_sp #MOF_Detail_sp .item_spec_ p strong { color: #91621e;} #valentine2019_sp #MOF_Detail_sp .item_spec_ .txt_ { margin: 0 0 20px;} #valentine2019_sp #MOF_Detail_sp h3 { margin: 0 auto; width: 200px;} #valentine2019_sp #MOF_Detail_sp ul { overflow: hidden; width: 99%; margin: 0 auto;} #valentine2019_sp #MOF_Detail_sp ul li { float: left; width: 33%; text-align: center; margin: 0;} #valentine2019_sp #MOF_Detail_sp ul li .name_ { margin: 0 5px 5px;} #valentine2019_sp #MOF_Detail_sp ul li .photo_ { margin: 0 5px;} #valentine2019_sp #MOF_Detail_sp ul li .item_img_ { margin: 0 5px 5px;} #valentine2019_sp #MOF_Detail_sp ul li p {font-size: 10px; text-align: center; margin: 0 5px;} #valentine2019_sp #JapaneseSelection_sp { width: 320px; margin: 30px auto 0;} #valentine2019_sp #JapaneseSelection_sp h2 { text-align: center;} #valentine2019_sp #JapaneseSelection_sp .JapaneseSelection_body_ { padding: 0 10px 10px; background-color: #7a4747; background-image: url(../img/usr/event_freespace/2019valentine/sp/jap_bg.png); background-position: left top; background-repeat: repeat;} #valentine2019_sp #JapaneseSelection_sp .JapaneseSelection_body_ .JapaneseSelection_inner_ { padding: 10px; background-color: #ffffff;} #valentine2019_sp #JapaneseSelection_sp .item_spec_ { margin: 0 10px 20px; text-align: center;} #valentine2019_sp #JapaneseSelection_sp .item_spec_ img { margin-bottom: 10px;} #valentine2019_sp #JapaneseSelection_sp .item_spec_ p { font-size: 12px;} #valentine2019_sp #JapaneseSelection_sp .item_spec_ .txt_ { margin: 0 0 20px;} #valentine2019_sp #JapaneseSelection_sp h3 { margin: 0 auto 10px; width: 200px;} #valentine2019_sp #JapaneseSelection_sp ul { overflow: hidden; width: 99%; margin: 0 auto;} #valentine2019_sp #JapaneseSelection_sp ul li { float: left; width: 33%; text-align: center; margin: 0;} #valentine2019_sp #JapaneseSelection_sp ul li .name_ { margin: 0 5px 5px;} #valentine2019_sp #JapaneseSelection_sp ul li .photo_ { margin: 0 5px;} #valentine2019_sp #JapaneseSelection_sp ul li .item_img_ { margin: 0 5px 5px;} #valentine2019_sp #JapaneseSelection_sp ul li p { font-size: 10px; text-align: center; margin: 0 5px;} /* add 2019 ----------------------*/ #valentine2019_sp #vd17_brandlist2 {margin-bottom: 30px;background-color: #622e16;} #valentine2019_sp #vd17_brandlist2 .title {margin-bottom: 10px;position: relative;} #valentine2019_sp #vd17_brandlist2 .title::before { position: absolute; top: 40%; right: 16px; width: 16px; height: 16px; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(135deg); } #valentine2019_sp #vd17_brandlist2.is-active .title::before { transform: rotate(-45deg); } #valentine2019_sp #vd17_brandlist2 .collapse-body { padding-bottom: 20px; } #valentine2019_sp #vd17_brandlist2 .close-btn {display: block;margin: 20px 10px 0;padding: 16px 16px;background: #fff;position: relative;text-align: center;} #valentine2019_sp #vd17_brandlist2 .close-btn::before {position: absolute;top: 45%;left: 50%;width: 8px;height: 8px;content: "";border-top: 1px solid #000;border-right: 1px solid #000;transform: translateX(-35px) rotate(-45deg);} #valentine2019_sp #vd17_brandlist2 ul {display: flex;flex-wrap: wrap;padding: 0 8px;} #valentine2019_sp #vd17_brandlist2 ul > li {width: calc(50% - 4px);margin: 2px;background-color: #EEEAE6;} #valentine2019_sp #vd17_brandlist2 ul > li a { display: flex; align-items: center; } #valentine2019_sp #vd17_brandlist2 ul > li a .left { width: 42%; } #valentine2019_sp #vd17_brandlist2 ul > li a .right { width: 58%; padding: 7px; } #valentine2019_sp .selection-box { width: 100%; margin: 0 auto 30px;} #valentine2019_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } #valentine2019_sp .selection-box h2 { text-align: center;} #valentine2019_sp .selection-box .body_ {padding: 0 10px 10px 10px;background-color: #88622e;background-position: left top;background-repeat: repeat;} #valentine2019_sp .selection-box .body_ .inner_ { padding: 10px; margin-bottom: 20px; background-color: #ffffff;} #valentine2019_sp .selection-box .body_ .inner_:last-child { margin-bottom: 0; } #valentine2019_sp .selection-box .item_spec_ { margin: 0 10px 0; } #valentine2019_sp .selection-box .item_spec_ img { margin-bottom: 10px;} #valentine2019_sp .selection-box .item_spec_ p { font-size: 12px;} #valentine2019_sp .selection-box .item_spec_ p strong { color: #91621e;} #valentine2019_sp .selection-box .item_spec_ .txt_ { margin: 0 0 20px;} #valentine2019_sp .selection-box .item_spec_ .image_ { padding: 0 20px;} #valentine2019_sp .selection-box h3 {margin: 0 auto 20px;} #valentine2019_sp .selection-box ul {overflow: hidden;display: flex;flex-wrap: wrap;margin-right: -10px;margin-bottom: -10px;} #valentine2019_sp .selection-box ul li {width: 50%;padding-right: 10px;padding-bottom: 10px;box-sizing: border-box;} #valentine2019_sp .selection-box ul li:nth-child(2n) { margin-right: 0; } #valentine2019_sp .selection-box ul li .name_ { margin: 0 5px 5px; text-align: center; } #valentine2019_sp .selection-box ul li .name_.white { color: #fff; font-size: 12px; } #valentine2019_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } #valentine2019_sp .selection-box ul li .item_img_ { margin: 0 5px 5px;} #valentine2019_sp .selection-box ul li p {font-size: 10px; margin: 0 5px; color: #fff;} #valentine2019_sp .selection-box ul li a img { margin-bottom: 5px; } #valentine2019_sp .selection-box.bgimg-mof .body_ { background-image: url(../img/usr/event_freespace/2019valentine/mof_bg.jpg); } #valentine2019_sp .selection-box.bgimg-jsb .body_ { background-image: url(../img/usr/event_freespace/2019valentine/jsb_bg.jpg); } #valentine2019_sp .selection-box.bgimg-ev .body_ { background-image: url(../img/usr/event_freespace/2019valentine/ev_bg.jpg); } #valentine2019_sp .sec-ttl { max-width: 90%; margin: 0 auto 30px; } #valentine2019_sp .selection-box ul.jsb-detail li { width: 33.333333%; } #valentine2019_sp .selection-box .item_spec2_ { margin: 0 10px 0; } #valentine2019_sp .selection-box .item_spec2_ .intro_ {margin-bottom: 10px;} #valentine2019_sp .selection-box .body_ .item_spec2_ .image_ {margin-bottom: 5px;} #valentine2019_sp .selection-box .body_ .item_spec2_ .image_ img {max-width: 100%;border: 1px solid #dcdcdc;} #valentine2019_sp .selection-box .body_ .item_spec2_ .price_ { font-size: 12px; } #valentine2019_sp .row { margin-left: -10px; margin-right: -10px; } #valentine2019_sp .row::after { content: ""; display: block; clear: both; } #valentine2019_sp .row .col { width: 50%; padding-left: 10px; padding-right: 10px; float: left; box-sizing: border-box; } /* -------------------------------------------------------------------- FREEPAGE NONOJI EVENT 2019 START --------------------------------------------------------------------- */ /*** reset ***/ #nonoji_event { width: 100%; display: block; margin: 0; padding: 0; } #nonoji_event img { display: block; padding: 0; border: 0; width: 100%; } /*** vlist ***/ #nonoji_event .vlist { display: block; margin: 0 auto; padding: 0; list-style: none; width: 100%; } #nonoji_event .vlist::after { content: ""; display: block; visibility: hidden; clear: both; } #nonoji_event .vlist li { display: block; float: left; } #nonoji_event #vlist01 { margin-bottom: 20px; } #nonoji_event #vlist01 li { width: 33.333333%; } #nonoji_event #vlist01 li:first-child img { margin-left: 0; } #nonoji_event #vlist01 li:last-child img { margin-right: 0; } #nonoji_event #vlist02 li { margin-right: 8px; margin-bottom: 8px; } #nonoji_event #vlist02 li:nth-child(4n) { margin-right: 0px; } #nonoji_event #vlist03 li { margin-right: 8px; } #nonoji_event #vlist03 li { width: calc(25% - 8px); } #nonoji_event #vlist03 li:nth-child(4n) { margin-right: 0px; } /*** section ***/ #nonoji_event .sec { width: 100%; } #nonoji_event .sec__inner { width: 680px; padding-bottom: 40px; margin-left: auto; margin-right: auto; } #nonoji_event .sec__header { margin-bottom: 20px; } #nonoji_event #sec01 { padding-top: 40px; background-color: #f6ef97; } #nonoji_event #sec02 { background-color: #f6ef97; margin-bottom: 60px; } #nonoji_event #sec03 { margin-bottom: 60px; } #nonoji_event #sec03 .sec__header { margin-bottom: 30px; } #nonoji_event #sec03 .imgholder { margin-bottom: 20px; } #nonoji_event #sec04 .sec__header { margin-bottom: 30px; } /*** button ***/ #nonoji_event .button { background-color: #ffec01; border: 3px solid #fff; line-height: 54px; padding: 0 15px; display: block; font-weight: bold; text-align: center; text-decoration: none; position: relative; } #nonoji_event .button:after { content: ""; display: inline-block; line-height: inherit; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #22a739; position: absolute; right: 10px; top: calc(50% - 5px); } #nonoji_event .big_btn { margin: 40px auto; display: block; } #nonoji_event #btn02 { margin-bottom: 0px; } /*** youtube ***/ #nonoji_event .ytb_content { width: 100%; padding: 40px 0px; background-color: #fff; } #nonoji_event .ytb_content iframe { display: block; margin: 0px auto 40px auto; max-width: 100%; } /*** SP MODE ***/ /*** fix page ***/ /* div.leftmenuframe_ { display: none !important; } div.wrapper_, div.container_, div.contents_, div.mainframe_ { width: 100% !important; max-width: 100% !important; min-width: auto; } */ #nonoji_event .event_name_img_ { margin: 0; } #nonoji_event .shadow_ { display: none; } #nonoji_event .event_name_img_ .frame_ { padding: 0; border: 0; } /*** reset ***/ #nonoji_event { width: 100%; font-size: 1.33333vw; } #nonoji_event img { width: 100%; } /*** section ***/ #nonoji_event #sec01 { padding-top: 4em; } #nonoji_event .sec__inner { width: 90%; font-size: 1.33333vw; padding-bottom: 4em; } #nonoji_event .sec__header { font-size: 1.33333vw; margin-bottom: 3em; } #nonoji_event .sec__body { font-size: 1.33333vw; } #nonoji_event #sec02 { margin-bottom: 0; } #nonoji_event #sec03 { margin-bottom: 6em; } #nonoji_event #sec03 .imgholder { width: calc(100% - 6em); margin: 0 3em 3em 3em !important; } /*** vlist ***/ #nonoji_event .vlist { font-size: 1.33333vw; margin: 0 !important; } #nonoji_event .vlist02 li { margin-right: 2em; margin-bottom: 2em; } #nonoji_event #vlist02 li { width: calc(50% - 1em); } #nonoji_event #vlist02 li:nth-child(2n) { margin-right: 0px; } #nonoji_event #vlist03 li { width: calc(33.33333% - 0.6em); margin-right: 0.8em; } #nonoji_event #vlist03 li:nth-child(3n) { margin-right: 0px; } #nonoji_event #vlist03 li:nth-child(4) { display: none; } /*** button ***/ #nonoji_event .button { font-size: 1.5em; } #nonoji_event .big_btn { margin-top: 6em; margin-bottom: 6em; } #nonoji_event #btn01 { margin-top: 2em; } #nonoji_event #btn02 { margin-bottom: 2em; } /*** youtube ***/ #nonoji_event .ytb_content { margin: 4em -4em; width: calc(100% + 8em); } #nonoji_event .ytb_content iframe { margin-bottom: 4em; max-width: 80%; } /* -------------------------------------------------------------------- FREEPAGE NONOJI EVENT 2019 END --------------------------------------------------------------------- */ /* -------------------------------------------------------------------- 【季節限定】バレンタイン --------------------------------------------------------------------- */ #valentine { display:none;} #valentine_sp #vd_brandlist ul, #valentine_sp .brandDetail .profile, #valentine_sp .brandDetail .items, #valentine_sp #vd_floatingNav #vd_fnBody { zoom: 1;} #valentine_sp #vd_brandlist ul:before, #valentine_sp .brandDetail .profile:before, #valentine_sp .brandDetail .items:before, #valentine_sp #vd_floatingNav #vd_fnBody:before, #valentine_sp #vd_brandlist ul:after, #valentine_sp .brandDetail .profile:after, #valentine_sp .brandDetail .items:after, #valentine_sp #vd_floatingNav #vd_fnBody:after { content: ""; display: table;} #valentine_sp #vd_brandlist ul:after, #valentine_sp .brandDetail .profile:after, #valentine_sp .brandDetail .items:after, #valentine_sp #vd_floatingNav #vd_fnBody:after { clear: both;} #valentine_sp { max-width: 100vw;} #valentine_sp h1 { margin: 0; text-align: center;} #valentine_sp img {max-width: 100%;height: auto;vertical-align: bottom;} #valentine_sp a { text-decoration: none; color: #333333;} #valentine_sp #vd_notice { color: #646261; padding: 10px;} #valentine_sp #vd_notice ul { font-size: 12px; margin: 0; padding: 0;} #valentine_sp #vd_notice ul li { list-style: none; margin-left: 1em;} #valentine_sp #vd_notice ul li:first-letter { margin-left: -1em;} #valentine_sp #vd_brandlist { margin: 0 auto 20px; width: 320px;} #valentine_sp #vd_brandlist ul { margin: 0; padding: 0;} #valentine_sp #vd_brandlist ul li { list-style: none; float: left; width: 25%; text-align: center;} #valentine_sp #vd_brandlist ul li.title { float: none; width: 100%; text-align: center;} #valentine_sp .brandDetail { background-color: #f3efed; margin-bottom: 30px;} #valentine_sp .brandDetail h2 { background-image: url(../img/usr/event_freespace/2021valentine/nameplate-bg.png); background-size: 320px 50px; margin: 0; padding: 10px; color: #ffffff; font-size: 16px; } #valentine_sp .brandDetail h2 span { display: block; font-weight: normal; font-size: 8px;} #valentine_sp .brandDetail .profile { margin: 10px; padding: 0;} #valentine_sp .brandDetail .profile h3 { margin: 0 0 7px 0;} #valentine_sp .brandDetail .profile p { margin: 0; font-size: 12px;} #valentine_sp .brandDetail .profile dt { clear: left; float: left; padding-right: 10px;} #valentine_sp .brandDetail .profile dd { margin: auto; padding-left: 120px; color: #333333;} #valentine_sp .brandDetail .comments { margin: 15px 10px;} #valentine_sp .brandDetail .comments h3{ margin: 0 0 10px 0; color: #311a0f; font-size: 12px;} #valentine_sp .brandDetail .comments p { margin: 0; font-size: 12px;} #valentine_sp .brandDetail .items { margin: 5px auto; padding: 0; max-width: 310px;} @media screen and (orientation: landscape) { #valentine_sp .brandDetail .items { max-width: 620px;} } #valentine_sp .brandDetail .items li { list-style: none; float: left; width: 145px; margin: 5px; position: relative;} #valentine_sp .brandDetail .items li span.sold_out_ { width: 145px; height: 145px; position: absolute; left: 0; top: 0;} #valentine_sp .brandDetail .items li span.new_ { width: 36px; height: 36px; position: absolute; left: 0; top: 0;} #valentine_sp .brandDetail .items li span.new_ img { width: 36px; height: 36px;} #valentine_sp .brandDetail .items li p { font-size: 12px; margin: 8px 0;} #valentine_sp .brandDetail .items li p.price { font-weight: bold;} #valentine_sp #vd_viewAllProducts_sp { text-align: center; margin: 30px 10px 50px;} #valentine_sp #vd_floatingNav_sp { width: auto; } #valentine_sp #vd_floatingNav_sp #fnTgl_sp { position: fixed; right: 0; top: 0; width: 40px; height: 40px; background-color: rgba(81, 35, 15, 0.98); float: none; transition: background-position 0.2s; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25); } #valentine_sp #vd_floatingNav_sp #fnTgl_sp a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-indent: 100%; background-image: url(../img/usr/event_freespace/2021valentine/floating-nav-toggle.png); background-size: 80px 40px; transition: background-position 0.5s; } #valentine_sp #vd_floatingNav_sp #fnTgl_sp a.active { background-position: -40px 0;} #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp { display: none; position: fixed; right: 40px; top: 0; background-color: rgba(98, 46, 22, 0.98); margin: 0; padding: 0; height: 100%; overflow-x: hidden; box-shadow: -3px 4px 3px 0px rgba(0, 0, 0, 0.25); z-index: 300; } #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp ul { overflow: hidden;} @media screen and (orientation: landscape) { #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp { width: 440px;} } #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp li { list-style: none; border-bottom: 1px solid #4A2416; color: #FEFFFF; font-size: 12px; padding: 7px; width: 200px;} #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp li:hover{ background-color: #1B0A06;} @media screen and (orientation: landscape) { #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp li { float: left; margin: 0 3px;} } #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp li a { color: #FEFFFF; text-decoration: none; display: block;} #valentine_sp #vd_floatingNav_sp #vd_fnBody_sp li span { color: #C76830; font-size: 8px; display: block;} /* 【季節限定】バレンタイン2020 ----------------------*/ .valentine2020_sp #vd_brandlist2 {margin-bottom: 30px;background-color: #622e16;} .valentine2020_sp #vd_brandlist2 .title {margin-bottom: 10px;position: relative;} .valentine2020_sp #vd_brandlist2 .title::before { position: absolute; top: 40%; right: 16px; width: 16px; height: 16px; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(135deg); } .valentine2020_sp #vd_brandlist2.is-active .title::before { transform: rotate(-45deg); } .valentine2020_sp #vd_brandlist2 .collapse-body { padding-bottom: 20px; } .valentine2020_sp #vd_brandlist2 .close-btn {display: block;margin: 20px 10px 0;padding: 16px 16px;background: #fff;position: relative;text-align: center;} .valentine2020_sp #vd_brandlist2 .close-btn::before {position: absolute;top: 45%;left: 50%;width: 8px;height: 8px;content: "";border-top: 1px solid #000;border-right: 1px solid #000;transform: translateX(-35px) rotate(-45deg);} .valentine2020_sp #vd_brandlist2 ul {display: flex;flex-wrap: wrap;padding: 0 8px;} .valentine2020_sp #vd_brandlist2 ul > li {width: calc(50% - 4px);margin: 2px;background-color: #EEEAE6;} .valentine2020_sp #vd_brandlist2 ul > li a { display: flex; align-items: center; } .valentine2020_sp #vd_brandlist2 ul > li a .left { width: 42%; } .valentine2020_sp #vd_brandlist2 ul > li a .right { width: 58%; padding: 7px; } .valentine2020_sp .selection-box { width: 100%; margin: 0 auto 30px;} .valentine2020_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } .valentine2020_sp .selection-box h2 { text-align: center;} .valentine2020_sp .selection-box .body_ {padding: 0 10px 10px 10px;background-color: #88622e;background-position: left top;background-repeat: repeat;} .valentine2020_sp .selection-box .body_ .inner_ { padding: 10px; margin-bottom: 20px; background-color: #ffffff;} .valentine2020_sp .selection-box .body_ .inner_:last-child { margin-bottom: 0; } .valentine2020_sp .selection-box .item_spec_ { margin: 0 10px 0; } .valentine2020_sp .selection-box .item_spec_ img { margin-bottom: 10px;} .valentine2020_sp .selection-box .item_spec_ p { font-size: 12px;} .valentine2020_sp .selection-box .item_spec_ p strong { color: #91621e;} .valentine2020_sp .selection-box .item_spec_ .txt_ { margin: 0 0 20px;} .valentine2020_sp .selection-box .item_spec_ .image_ { padding: 0 20px;} .valentine2020_sp .selection-box h3 {margin: 0 auto 20px;} .valentine2020_sp .selection-box ul {overflow: hidden;display: flex;flex-wrap: wrap;margin-right: -10px;margin-bottom: -10px;} .valentine2020_sp .selection-box ul li {width: 50%;padding-right: 10px;padding-bottom: 10px;box-sizing: border-box;} .valentine2020_sp .selection-box ul li:nth-child(2n) { margin-right: 0; } .valentine2020_sp .selection-box ul li .name_ { margin: 0 5px 5px; text-align: center; } .valentine2020_sp .selection-box ul li .name_.white { color: #fff; font-size: 12px; } .valentine2020_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } .valentine2020_sp .selection-box ul li .item_img_ { margin: 0 5px 5px;} .valentine2020_sp .selection-box ul li p {font-size: 10px; margin: 0 5px; color: #fff;} .valentine2020_sp .selection-box ul li a img { margin-bottom: 5px; } .valentine2020_sp .selection-box.bgimg-mof .body_ { background-image: url(../img/usr/event_freespace/2020valentine/mof_bg.jpg); } .valentine2020_sp .selection-box .products-detail li p{ text-align: center;} .valentine2020_sp .selection-box .products-detail li p span{ line-height: 2; font-weight: bold; display: block;} .valentine2020_sp .selection-box .item_spec2_ { margin: 0 10px 0; } .valentine2020_sp .selection-box .item_spec2_ .intro_ {margin-bottom: 10px;} .valentine2020_sp .selection-box .body_ .item_spec2_ .image_ {margin-bottom: 5px;} .valentine2020_sp .selection-box .body_ .item_spec2_ .image_ img {max-width: 100%;border: 1px solid #dcdcdc;} .valentine2020_sp .selection-box .body_ .item_spec2_ .price_ { font-size: 12px; } .valentine2020_sp .brandDetail .profile dt img{ width: 110px;} .valentine2020_sp .row { margin-left: -10px; margin-right: -10px; } .valentine2020_sp .row::after { content: ""; display: block; clear: both; } .valentine2020_sp .row .col { width: 50%; padding-left: 10px; padding-right: 10px; float: left; box-sizing: border-box; } /* -------------------------------------------------------------------- 【季節限定】バレンタイン2020／おすすめチョコレート特集 --------------------------------------------------------------------- */ #chocolate2020 .bnr_area_{ clear: both; margin: 10px; overflow: hidden; } #chocolate2020 .bnr_area_ li{ float: left; margin-right: 2%; width: 32%; } #chocolate2020 .bnr_area_ li:last-child{ margin-right: 0; } /* -------------------------------------------------------------------- アシュフォード --------------------------------------------------------------------- */ #ashford { text-align: center; line-height: 1.8; } #ashford .lead_area_ { border: 2px solid #425478; box-sizing: border-box; margin: 0 10px; padding: 4%; } #ashford .lead_area_ .name_ { font-size: 14px; font-weight: bold; } #ashford .btn_area_ { margin: 3% auto 0; max-width: 504px; padding: 0 10px; } #ashford .btn_list_ { clear: both; overflow: hidden; } #ashford .btn_list_ .btn_item_ { float: left; margin-right: 2%; margin-bottom: 2%; width: 49%; line-height: 0; } #ashford .btn_list_ .btn_item_:nth-child(2n){ margin-right: 0; } #ashford .image_area_ { line-height: 0; margin: 0 10px 3%; } #ashford .image_list { clear: both; overflow: hidden; } #ashford .image_list .image_item_ { float: left; width: 33.333333%; } /* -------------------------------------------------------------------- 帯テンプレ --------------------------------------------------------------------- */ #tmp_headline{ background-color: #23355a; color: #fff; font-size: 1em; line-height: 1.5; margin: 0 10px 3%; text-align: left; text-indent: 1em; padding: 13px 0 12px; } div.event_ #tmp_headline{ width: 100%; margin: 0 auto; } /* -------------------------------------------------------------------- 下層ページh1テンプレ --------------------------------------------------------------------- */ #item_outline { border: solid 2px #23355a; overflow: hidden; clear: both; margin: 0 10px 5%; padding: 3%; line-height: 1.6; box-sizing: border-box; text-align: left; } #item_outline .img_area_ { float: left; margin-right: 5%; width: 40%; line-height: 0; } #item_outline .ttl_ { color: #0d0c04; font-size: 20px; margin-bottom: 2%; } /* -------------------------------------------------------------------- 山崎実業 --------------------------------------------------------------------- */ #yamazkj { text-align: center; line-height: 1.8; } #yamazkj .lead_area_ { margin: 0 auto; max-width: 504px; padding: 0 10px; clear: both; overflow: hidden; } #yamazkj .lead_area_ .name_ { font-size: 14px; font-weight: bold; } #yamazkj .lead_area_ .name_ img{ max-width: 40%; } #yamazkj .lead_area_ .txt_ { font-size: 12px; margin-top: 2%; text-align: left; } #yamazkj .btn_area_ { margin: 3% auto 0; max-width: 504px; padding: 0 10px; } #yamazkj .btn_list_ { clear: both; font-size: 14px; line-height: 1.4; overflow: hidden; text-align: left; } #yamazkj .btn_list_ .btn_item_ { background: #d2d2d2; border-radius: 6px; margin-right: 2%; margin-bottom: 2%; float: left; width: 32%; height: 6em; position: relative; } #yamazkj .btn_list_ .btn_item_:nth-child(3n){ margin-right: 0; } #yamazkj .btn_list_ .btn_item_ a{ color: #0d0c04; display: block; width: 100%; height: 100%; white-space: nowrap; text-decoration: none; } #yamazkj .btn_list_ .btn_item_ p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #yamazkj .btn_list_ .btn_item_ span::before{ content: ""; display: block; background: url(/img/usr/event_freespace/yamazkj/arrow.png) no-repeat; background-size: contain; top: 0; left: 0; height: 0.8em; width: 0.8em; position: absolute; top: 50%; transform: translateY(-50%); } #yamazkj .btn_list_ .btn_item_ span{ display: block; margin-left: 1.2em; } #yamazkj .btn_list_ .btn_item03_ span{ letter-spacing: -0.4px; } #yamazkj .image_area_ { line-height: 0; margin: 0 10px 3%; } #yamazkj .image_list_ { clear: both; overflow: hidden; } #yamazkj .image_list_ .image_item_ { float: left; width: 33.333333%; } /* -------------------------------------------------------------------- 鎌倉歐林洞 --------------------------------------------------------------------- */ #orindo { text-align: center; line-height: 1.8; } #orindo .lead_area_ { box-sizing: border-box; margin: 10px; padding: 2%; } #orindo .lead_area_ .name_ { font-size: 14px; font-weight: bold; } /* -------------------------------------------------------------------- 菓子ショップブランド特集 --------------------------------------------------------------------- */ #sweets_brand .lead_area_ { margin: 0 20px; } #sweets_brand .lead_area_ .txt_ { font-size: 12px; line-height: 1.5; } #sweets_brand .belt_title_ { margin: 20px 10px 0; padding: 5px 15px; color: #FFF; font-size: 20px; line-height: 1.0; } #sweets_brand .belt_title_.spring_ { background: #f7b0c5 url(../img/usr/event_freespace/sweets_brand_list/sweets_brand_spring.png) center right 4px / auto 100% no-repeat; } #sweets_brand .belt_title_.summer_ { background: #91caf5 url(../img/usr/event_freespace/sweets_brand_list/sweets_brand_summer.png) center right 27px / auto 100% no-repeat; } #sweets_brand .belt_title_.autumn_ { background: #f6ad7e url(../img/usr/event_freespace/sweets_brand_list/sweets_brand_autumn.png) center right 7px / auto 100% no-repeat; } #sweets_brand .belt_title_.winter_ { background: #e26e82 url(../img/usr/event_freespace/sweets_brand_list/sweets_brand_winter.png) center right 7px / auto 100% no-repeat; } #sweets_brand .belt_title_.mother_ { background: #f7a7a7 url(../img/usr/event_freespace/sweets_brand_list/sweets_brand_mother.png) bottom right 17px / auto 100% no-repeat; } #sweets_brand_wsweets .belt_title_ { margin: 20px 0 0; padding: 5px 15px; color: #FFF; font-size: 20px; line-height: 1.0; background: #f8d280; } #sweets_brand_jsweets .belt_title_ { margin: 20px 0 0; padding: 5px 15px; color: #FFF; font-size: 20px; line-height: 1.0; background: #b1d09b; } #sweets_brand_coffee .belt_title_ { margin: 20px 0 0; padding: 5px 15px; color: #FFF; font-size: 20px; line-height: 1.0; background: #af8173; } #sweets_brand_wsweets .brand_banner_list_ , #sweets_brand_jsweets .brand_banner_list_ , #sweets_brand_coffee .brand_banner_list_ { display: flex; flex-wrap: wrap; margin: 20px 0 0; } #sweets_brand_wsweets .brand_banner_list_ li , #sweets_brand_jsweets .brand_banner_list_ li , #sweets_brand_coffee .brand_banner_list_ li { width: calc((100% - 10px) / 3); margin: 0 5px 5px 0; } #sweets_brand_wsweets .brand_banner_list_ li:nth-of-type(3n) , #sweets_brand_jsweets .brand_banner_list_ li:nth-of-type(3n) , #sweets_brand_coffee .brand_banner_list_ li:nth-of-type(3n) { margin-right: 0; } #brand_wsweets #item_outline { border-color: #f8d280; } #brand_wsweets #tmp_headline { background-color: #f8d280; } #brand_jsweets #item_outline { border-color: #b1d09b; } #brand_jsweets #tmp_headline { background-color: #b1d09b; } #brand_coffee #item_outline { border-color: #af8173; } #brand_coffee #tmp_headline { background-color: #af8173; } /* 【季節限定】バレンタイン2021 ----------------------*/ .valentine2021_sp #vd_brandlist2 {margin-bottom: 30px;background-color: #622e16;} .valentine2021_sp #vd_brandlist2 .title {margin-bottom: 10px;position: relative;} .valentine2021_sp #vd_brandlist2 .title::before { position: absolute; top: 40%; right: 16px; width: 16px; height: 16px; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(135deg); } .valentine2021_sp #vd_brandlist2.is-active .title::before { transform: rotate(-45deg); } .valentine2021_sp #vd_brandlist2 .collapse-body { padding-bottom: 20px; } .valentine2021_sp #vd_brandlist2 .close-btn {display: block;margin: 20px 10px 0;padding: 16px 16px;background: #fff;position: relative;text-align: center;} .valentine2021_sp #vd_brandlist2 .close-btn::before {position: absolute;top: 45%;left: 50%;width: 8px;height: 8px;content: "";border-top: 1px solid #000;border-right: 1px solid #000;transform: translateX(-35px) rotate(-45deg);} .valentine2021_sp #vd_brandlist2 ul {display: flex;flex-wrap: wrap;padding: 0 8px;} .valentine2021_sp #vd_brandlist2 ul > li {width: calc(50% - 4px);margin: 2px;background-color: #EEEAE6;} .valentine2021_sp #vd_brandlist2 ul > li a { display: flex; align-items: center; } .valentine2021_sp #vd_brandlist2 ul > li a .left { width: 42%; } .valentine2021_sp #vd_brandlist2 ul > li a .right { width: 58%; padding: 7px; } .valentine2021_sp .selection-box { width: 100%; margin: 0 auto 30px;} .valentine2021_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } .valentine2021_sp .selection-box h2 { text-align: center;} .valentine2021_sp .selection-box .body_ {padding: 0 10px 10px 10px;background-color: #88622e;background-position: left top;background-repeat: repeat;} .valentine2021_sp .selection-box .body_ .inner_ { padding: 10px; margin-bottom: 20px; background-color: #ffffff;} .valentine2021_sp .selection-box .body_ .inner_:last-child { margin-bottom: 0; } .valentine2021_sp .selection-box .item_spec_ { margin: 0 10px 0; } .valentine2021_sp .selection-box .item_spec_ img { margin-bottom: 10px;} .valentine2021_sp .selection-box .item_spec_ p { font-size: 12px;} .valentine2021_sp .selection-box .item_spec_ p strong { color: #91621e;} .valentine2021_sp .selection-box .item_spec_ .txt_ { margin: 0 0 20px;} .valentine2021_sp .selection-box .item_spec_ .image_ { padding: 0 20px;} .valentine2021_sp .selection-box h3 {margin: 0 auto 20px;} .valentine2021_sp .selection-box ul {overflow: hidden;display: flex;flex-wrap: wrap;margin-right: -10px;margin-bottom: -10px;} .valentine2021_sp .selection-box ul li {width: 50%;padding-right: 10px;padding-bottom: 10px;box-sizing: border-box;} .valentine2021_sp .selection-box ul li:nth-child(2n) { margin-right: 0; } .valentine2021_sp .selection-box ul li .name_ { margin: 0 5px 5px; text-align: center; } .valentine2021_sp .selection-box ul li .name_.white { color: #fff; font-size: 12px; } .valentine2021_sp .selection-box ul li .photo_ { margin: 0 5px 5px; } .valentine2021_sp .selection-box ul li .item_img_ { margin: 0 5px 5px;} .valentine2021_sp .selection-box ul li p {font-size: 10px; margin: 0 5px; color: #fff;} .valentine2021_sp .selection-box ul li a img { margin-bottom: 5px; } .valentine2021_sp .selection-box .products-detail li p{ text-align: center;} .valentine2021_sp .selection-box .products-detail li p span{ line-height: 2; font-weight: bold; display: block;} .valentine2021_sp .selection-box .item_spec2_ { margin: 0 10px 0; } .valentine2021_sp .selection-box .item_spec2_ .intro_ {margin-bottom: 10px;} .valentine2021_sp .selection-box .body_ .item_spec2_ .image_ {margin-bottom: 5px;} .valentine2021_sp .selection-box .body_ .item_spec2_ .image_ img {max-width: 100%;border: 1px solid #dcdcdc;} .valentine2021_sp .selection-box .body_ .item_spec2_ .price_ { font-size: 12px; } .valentine2021_sp .brandDetail .profile dt img{ width: 110px;} .valentine2021_sp .row { margin-left: -10px; margin-right: -10px; } .valentine2021_sp .row::after { content: ""; display: block; clear: both; } .valentine2021_sp .row .col { width: 50%; padding-left: 10px; padding-right: 10px; float: left; box-sizing: border-box; } /* -------------------------------------------------------------------- おせち2022 --------------------------------------------------------------------- */ #osechi2022 h2 img.pc { display: none; } #osechi2022 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2022 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2022 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2022 h1 { margin: 0 0 20px 0;} #osechi2022 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2022 #section00 { margin-bottom: 20px; } #osechi2022 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} #osechi2022 #section03 { width:98%; margin:0 auto 55px; background: url("../img/usr/event_freespace/2022osechi/bg01_sp.png"); position: relative; text-align: center; padding-bottom: 5%;} #osechi2022 #section03 h2 { text-align:center; position:relative;} #osechi2022 #section03 ul { width:100%; overflow: hidden;} #osechi2022 #section03 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2022 #section03 ul .intro_{text-align: center; margin: 0 0 -25%;} #osechi2022 #section03 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2022 #section03 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2022 #section03 ul li .name_ { margin-bottom:14px; padding-left: 18px;} #osechi2022 #section03 ul li .intro_ { position:static; left:0; top:11%; width: 100%; letter-spacing: 0.03em;} #osechi2022 #section03 ul li .intro_ span { display: block;} #osechi2022 #section03 ul li .img_ {margin-top:18%} #osechi2022 #section03 ul li .pri_ { position: absolute; bottom:0;} #osechi2022 #section03 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2022 #section03 ul li .mrT10{margin-top:10%} #osechi2022 #section03 .cate03_btnBox{padding-bottom: 5%;} #osechi2022 #section03 .cate03_btnBox a img{width: 95%; margin: 0 auto;} #osechi2022 #section03 ul #cate03_item01{border: none; padding-top: 0;} #osechi2022 #section02 { width:98%; margin:0 auto 35px; background: url("../img/usr/event_freespace/2022osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2022 #section02 h2 { text-align: center; position: relative; top: -15px; margin: 0 0 20px;} #osechi2022 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2022 #section02 ul li + li{margin-top: 3%;} #osechi2022 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2022 #section02 ul li .desc_, #osechi2022 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2022 #section02 ul li:first-child .desc_, #osechi2022 #section02 ul li:first-child .img_ { padding-top: 0; padding-bottom: 4%;} #osechi2022 #section02 ul li .desc_ { padding: 7% 3% 0; width: 100%; box-sizing: border-box;} #osechi2022 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2022 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2022 #section02 ul li .desc_ .btn_ {line-height: 4;} #osechi2022 #section02 ul li .desc_ .btn_ a {margin-left: 6%; } #osechi2022 #section02 ul li .img_ {width: 100%; text-align: center;} #osechi2022 .section03 {text-align: center; padding: 5% 0;} #osechi2022 .section03 p{color: #63190f; padding: 1% 0;} #osechi2022 .section03 a img{width: 95%;} #osechi2022 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("../img/usr/event_freespace/2022osechi/bg03.png"); } #osechi2022 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} #osechi2022 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2022 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2022 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2022 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2022 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} /* -------------------------------------------------------------------- おせち2023 --------------------------------------------------------------------- */ #osechi2023 h2 img.pc { display: none; } #osechi2023 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2023 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2023 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2023 h1 { margin: 0 0 20px 0;} #osechi2023 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2023 #section00 { margin-bottom: 20px; } #osechi2023 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} #osechi2023 #section03 { width:98%; margin:0 auto 55px; background: url("/img/usr/event_freespace/2023osechi/bg01_sp.png"); position: relative; text-align: center; padding-bottom: 5%;} #osechi2023 #section03 h2 { text-align:center; position:relative;} #osechi2023 #section03 ul { width:100%; overflow: hidden;} #osechi2023 #section03 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2023 #section03 ul .intro_{text-align: center; margin: 0 0 -25%;} #osechi2023 #section03 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2023 #section03 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2023 #section03 ul li .name_ { margin-bottom:14px; /* padding-left: 18px; */ } #osechi2023 #section03 ul li .intro_ { position:static; left:0; top:11%; width: 100%; letter-spacing: 0.03em;} #osechi2023 #section03 ul li .intro_ span { display: block;} #osechi2023 #section03 ul li .img_ {margin-top:18%} #osechi2023 #section03 ul li#cate03_item01 .img_ { margin-top: 15%; margin-bottom: 5%; } #osechi2023 #section03 ul li .pri_ { position: absolute; bottom:0;} #osechi2023 #section03 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2023 #section03 ul li .mrT10{margin-top:10%} #osechi2023 #section03 .cate03_btnBox{padding-bottom: 5%;} #osechi2023 #section03 .cate03_btnBox a img{width: 95%; margin: 0 auto;} #osechi2023 #section03 ul #cate03_item01{border: none; padding-top: 0;} #osechi2023 #section02 { width:98%; margin:0 auto 35px; background: url("/img/usr/event_freespace/2023osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2023 #section02 h2 { text-align: center; position: relative; top: -15px; margin: 0 0 20px;} #osechi2023 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2023 #section02 ul li + li{margin-top: 3%;} #osechi2023 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2023 #section02 ul li .desc_, #osechi2023 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2023 #section02 ul li:first-child .desc_, #osechi2023 #section02 ul li:first-child .img_ { padding-top: 0; padding-bottom: 4%;} #osechi2023 #section02 ul li .desc_ { padding: 7% 3% 0; width: 100%; box-sizing: border-box;} #osechi2023 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2023 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2023 #section02 ul li .desc_ .btn_ {line-height: 4;} /* #osechi2023 #section02 ul li .desc_ .btn_ a {margin-left: 6%; } */ #osechi2023 #section02 ul li .img_ {width: 100%; text-align: center;} #osechi2023 .section03 {text-align: center; padding: 5% 0;} #osechi2023 .section03 p{color: #63190f; padding: 1% 0;} #osechi2023 .section03 a img{width: 95%;} #osechi2023 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("/img/usr/event_freespace/2023osechi/bg03.png"); } #osechi2023 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} #osechi2023 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2023 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2023 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2023 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2023 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} /* -------------------------------------------------------------------- おせち2024 --------------------------------------------------------------------- */ #osechi2024 h2 img.pc { display: none; } #osechi2024 { width: 100%; margin: 0 0 20px 0; overflow: hidden;} #osechi2024 .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} #osechi2024 .memo_ { margin-bottom: 10px; font-size: 1.0em; color:#646261;} #osechi2024 h1 { margin: 0 0 20px 0;} #osechi2024 .pagetop_ { padding: 10px 5% 20px; text-align: right;} #osechi2024 #section00 { margin-bottom: 20px; } #osechi2024 #section00 .reservation_banner_{width: 98%; margin: 0 auto;} #osechi2024 #section03 { width:98%; margin:0 auto 55px; background: url("/img/usr/event_freespace/2023osechi/bg01_sp.png"); position: relative; text-align: center; padding-bottom: 5%;} #osechi2024 #section03 h2 { text-align:center; position:relative;} #osechi2024 #section03 ul { width:100%; overflow: hidden;} #osechi2024 #section03 ul .name_{text-align: center; margin: 0 0 2%;} #osechi2024 #section03 ul .intro_{text-align: center; margin: 0 0 0;} #osechi2024 #section03 ul li { width:100%; margin: 0 0 17%; position: relative; float: left; box-sizing: border-box; padding: 0 5%;} #osechi2024 #section03 ul li + li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2024 #section03 ul.wide li{ border-top: 1px solid #e2c2a4; padding-top: 7%;} #osechi2024 #section03 ul li .name_ { margin-bottom:14px; /* padding-left: 18px; */ } #osechi2024 #section03 ul li .intro_ { position:static; left:0; top:11%; width: 100%; letter-spacing: 0.03em;} #osechi2024 #section03 ul li .intro_ span { display: block;} #osechi2024 #section03 ul li .img_ {margin-top:0;} #osechi2024 #section03 ul li .pri_ { position: absolute; bottom:0;} #osechi2024 #section03 ul li .btn_ { position: absolute; right:5%; bottom:-10%;} #osechi2024 #section03 ul li .mrT10{margin-top:10%} #osechi2024 #section03 .cate03_btnBox{padding-bottom: 5%;} #osechi2024 #section03 .cate03_btnBox a img{width: 95%; margin: 0 auto;} #osechi2024 #section03 ul #cate03_item01{border: none; padding-top: 0;} #osechi2024 #section02 { width:98%; margin:0 auto 35px; background: url("/img/usr/event_freespace/2023osechi/bg02_sp.png"); position: relative; text-align: center;} #osechi2024 #section02 h2 { text-align: center; position: relative; top: -15px; margin: 0 0 20px;} #osechi2024 #section02 ul li { width: 100%; border-top: 1px solid #d4ceb2;} #osechi2024 #section02 ul li + li{margin-top: 3%;} #osechi2024 #section02 ul li:first-child { border-top: 0; margin-top: -35px;} #osechi2024 #section02 ul li .desc_, #osechi2024 #section02 ul li .img_ { vertical-align: middle; padding: 20px 0;} #osechi2024 #section02 ul li:first-child .desc_, #osechi2024 #section02 ul li:first-child .img_ { padding-top: 0; padding-bottom: 4%;} #osechi2024 #section02 ul li .desc_ { padding: 7% 3% 0; width: 100%; box-sizing: border-box;} #osechi2024 #section02 ul li .desc_ .name_ { margin-bottom: 27px;} #osechi2024 #section02 ul li .desc_ .intro_ { margin-bottom: 29px; } #osechi2024 #section02 ul li .desc_ .btn_ {line-height: 4;} /* #osechi2024 #section02 ul li .desc_ .btn_ a {margin-left: 6%; } */ #osechi2024 #section02 ul li .img_ {width: 100%; text-align: center;} #osechi2024 .section03 {text-align: center; padding: 5% 0;} #osechi2024 .section03 p{color: #63190f; padding: 1% 0;} #osechi2024 .section03 a img{width: 95%;} #osechi2024 #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("/img/usr/event_freespace/2023osechi/bg03.png"); } #osechi2024 #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} #osechi2024 #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} #osechi2024 .section_box_ { margin-bottom: 25px; font-size: 14px;} #osechi2024 #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} #osechi2024 #section04 ul li .icon_ { width: 75px; float: left;} #osechi2024 #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} #osechi2024 #section03 ul li#cate03_item07{ border-top: 1px solid #d4ceb2; height: 500px; } #osechi2024 #section03 ul li#cate03_item07 .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; } #osechi2024 #section03 ul li#cate03_item07 .intro_{ position: absolute; top: 80px; margin-bottom: 20px; } #osechi2024 #section03 ul li#cate03_item07 .img_{ position: absolute; top: 150px; } #osechi2024 #section03 ul li#cate03_item07 .pri_{ left: 20px; bottom: 0; } #osechi2024 #section03 ul li#cate03_item07 .btn_{ right: 20px; bottom: -40px; } /*============================== 2024クリスマス ==============================*/ #christmas_cake .online{ margin-bottom: 20px;} #christmas_cake #section07.cake2024 .title_{margin-top:20px;} #christmas_cake #section07.cake2024 {background: #f0e9df url("img/usr/event_freespace/christmas_cake2023/section07_bg.png") center top no-repeat !important; text-align: center; padding: 20px 0px;} #christmas_cake #section07.cake2024 .item05_{width: 100%;} /* #christmas_cake #section07.cake2024 .item05_ .item_{ display: flex; flex-direction: column; justify-content: center; align-items: center;;} */ #christmas_cake #section07.cake2024 .item05_ .item_ .img_{margin: 0;} #christmas_cake #section06.cake2024 .cate1 img.title1{height: 28px; width: auto; object-fit: contain;} #christmas_cake #section06.cake2024 .cate1 img.title1{height: 28px; width: auto; object-fit: contain;} #christmas_cake #section06.cake2024 {background: #f0e9df ; text-align: center; padding: 20px;} #christmas_cake #section06.cake2024 .cate2 + img{width: 230px !important;} /* #christmas_cake #section07 ul li { background:url(/img/usr/event_freespace/christmas_cake2023/bg_item.png) no-repeat;} */ /*============================== おせちページ共通(2025~) ==============================*/ .osechi_freespace_ .check_ { margin-bottom: 10px; font-weight: bold; color:#d40520; font-size: 13px;} /* #section03　京急限定おせち */ .osechi_freespace_ #section03 { width:100%; margin:30px 0 55px 0; text-align: center; background-size: cover; box-sizing: border-box; background: url("../img/usr/event_freespace/osechi_common/bg01.png") repeat center top; } /* .osechi_freespace_ #section02 h2, .osechi_freespace_ #section03 h2 { position:relative; } position:absolute; .osechi_freespace_ #section02 h2 img, .osechi_freespace_ #section03 h2 img{ top: 0; left: 0; z-index: 100; } */ .osechi_freespace_ #section03 ul.column, .osechi_freespace_ #section03 ul.wide_ { padding: 0 3%; } .osechi_freespace_ #section03 ul.column li, .osechi_freespace_ #section03 ul.wide_ li { text-align: center; border-bottom: solid 1px #e2c2a4; padding: 20px 3% 0; } .osechi_freespace_ #section03 ul.wide_ li { border-bottom: none; } .osechi_freespace_ #section03 ul.column li:first-child { padding-top: 0; } .osechi_freespace_ #section03 ul.column li .name_, .osechi_freespace_ #section03 ul.wide_ li .name_{ padding: 10px 0; height: 25px; } .osechi_freespace_ #section03 ul.column li .name_ img, .osechi_freespace_ #section03 ul.wide_ li .name_ img{ width: auto; height: 100%; object-fit: contain; } .osechi_freespace_ #section03 ul.column li .intro_, .osechi_freespace_ #section03 ul.wide_ li .intro_{ padding: 10px 0 0; } .osechi_freespace_ #section03 ul.column li .img_, .osechi_freespace_ #section03 ul.wide_ li .img_{ padding: 10px 0 0; align-items: baseline; display: flex; justify-content: center; align-items: baseline; } .osechi_freespace_ #section03 ul.column li .cate03_price_wrap, .osechi_freespace_ #section03 ul.wide_ li .cate03_price_wrap{ position: relative; height: 100px; padding-top: 10px; margin-top: -50px; } .osechi_freespace_ #section03 ul.column li .cate03_price_wrap .pri_, .osechi_freespace_ #section03 ul.wide_ li .cate03_price_wrap .pri_{ position: absolute; left: 20px; /* margin-top: -35px; */ } .osechi_freespace_ #section03 ul.column li .cate03_price_wrap .btn_, .osechi_freespace_ #section03 ul.wide_ li .cate03_price_wrap .btn_{ position: absolute; right: -10px; bottom: 20px; } .osechi_freespace_ #section03 ul.column li .cate03_price_wrap .btn_ a, .osechi_freespace_ #section03 ul.wide_ li .cate03_price_wrap .btn_ a{ display: block; width: 100%; height: 100%; } /* section02 新春おせちラインナップ */ .osechi_freespace_ #section02 { width: 100%; margin: 0 0 60px; padding-bottom: 30px; background: url("../img/usr/event_freespace/osechi_common/bg02.png") repeat center top; -webkit-background-size: cover; background-size: cover; background-position: center top; box-sizing: border-box; position: relative; } .osechi_freespace_ #section02 ul{ padding: 0 3%; } .osechi_freespace_ #section02 ul li { width: 100%; border-bottom: 1px solid #f1b3af; text-align: center; padding-top: 30px; padding-bottom: 20px; } .osechi_freespace_ #section02 ul li:first-child { padding-top: 0; } .osechi_freespace_ #section02 ul li:last-child { border: none; } .osechi_freespace_ #section02 ul li .desc_ { margin-bottom: 20px; } .osechi_freespace_ #section02 ul li .desc_ .name_ { margin-bottom: 20px; } .osechi_freespace_ #section02 ul li .desc_ .intro_ { font-size: 14px; color: #680b28; font-weight: 500; padding: 0 5%; margin-bottom: 20px; } .osechi_freespace_ #section02 ul li .desc_ .intro_ span{ display: block; margin-top: 15px; font-weight: bold; } .osechi_freespace_ #section02 ul li .desc_ .btn_ > img { margin-bottom: 15px; } .osechi_freespace_ #section02 ul li .desc_ .btn_ a { margin-top: 10px; } /* おせち全商品一覧はこちら */ .osechi_freespace_ .section_forAll { text-align: center; padding-top: 20px; } .osechi_freespace_ .section_forAll img{ width: 90%; } .osechi_freespace_ #section_haneda { text-align: center; margin-bottom: 30px; position: relative; } .osechi_freespace_ #section_haneda > img { width: 100%; } .osechi_freespace_ #section_haneda .haneda_btn { position: absolute; width: 100px; bottom: 10px; right: 10px; } /* 説明 */ .osechi_freespace_ #section04 { width: 98%; box-sizing: border-box; padding: 5%; margin: 0 auto; overflow: hidden; background: url("../img/usr/event_freespace/osechi_common/bg03.png")} .osechi_freespace_ #section04 h2 { margin-bottom: 10px; border-bottom: dotted 1px #bad8d0; padding-bottom: 1%;} .osechi_freespace_ #section04 h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px;} .osechi_freespace_ .section_box_ { margin-bottom: 25px; font-size: 14px;} .osechi_freespace_ #section04 ul li { margin-bottom: 10px; overflow: hidden; font-size: 14px;} .osechi_freespace_ #section04 ul li .icon_{ height: 20px; width: auto; margin-right: 5px; float: left; } .osechi_freespace_ #section04 ul li .icon_intro_ { width: 100%; padding: 3px 0;} .osechi_freespace_ #section04 .section04_04_img_{margin-top: 10px;} .osechi_freespace_ #section04 p{ line-height: 1.2em; } .osechi_freespace_ #section04 p.lh2{ line-height: 1.8; } /* 販売終了 */ .osechi_freespace_ .item_finish_{ position: absolute; width: 90%; height: 920px; background-color: rgba(0, 0, 0, 0.5); left: 5%; bottom: 130px; color: #fff; font-size: 24px; letter-spacing: 0.5em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; display: flex; justify-content: center; align-items: center; }