@charset "UTF-8"; @import url("https://use.fontawesome.com/releases/v5.8.2/css/all.css"); @import url("../lib/iconfont/style.css"); html { color: #000; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, address { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select, button { *font-size: 100%; } legend { color: #000; } img, a img { vertical-align: bottom; border: 0px; } ul, ol, li, dl, dt, dd { list-style-type: none; } table { border-collapse: collapse; } pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; } .shop_header { font-size: 15px; } header nav .gn__inTitle, footer .sc_foot_desc a, footer .footer_menu dl dt, footer .footer_list ul li, footer .ad_foot_desc address, .common_navi_btn .guidenav .guidenav_guide li a, .tag_list_name a, #shoppage .pickUp__gr, .cat3_view article.item tr th, #cat3_view article.item tr th { font-size: 14px; } footer .ad_foot_desc .copyright, .cat3_view article.item tr td, #cat3_view article.item tr td, .cat_items article.item .desc .fromto { font-size: 12px; } .ico_jobs, .ico_new2, .ico_coupon { font-size: 11px; } header nav .gn__inSubttl { font-size: 10px; } /* のID名ルール施設名のアルファベットのクラス名ルール・ファイル名 */ body { background: #FFF; color: #333333; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; line-height: 1.6em; position: relative; } /*IE10以上でフォントをメイリオ*/ @media all and (-ms-high-contrast: none) { body { font-family: "メイリオ", "Meiryo", sans-serif; } } a { text-decoration: none; color: #333333; } a:hover { text-decoration: none; opacity: 0.8; } img { max-width: 100%; } a.hoverlink { display: none; } /*商品画像を背景で読み込む共通*/ .img_bg_css { display: block; width: 100%; height: 100%; min-height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; } /*ニュース画像がなくlogoに置き換わる箇所　共通*/ .img_bg_css.no_img_logo { background-size: 70% auto; } img.no_img_logo { background-image: url(../img/default_bg_logo.png); background-position: center; background-size: contain; } /* ロゴ画像がない時用に常に背景にSCのロゴを掲出*/ /*.item .image { background-image: url(../img/default_bg_logo.png); background-position: center; background-size: contain; } */ /*画像をimgで設置するがcssのcoverのようにする*/ .img_objfit { width: 100%; height: 100%; } .img_objfit img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .img_objfit img.no_img_logo { -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } body.pc .sp_view { display: none; } .ico_new { font-family: "Cantarell", sans-serif; font-weight: 700; color: #E93722; } .ico_jobs, .ico_new2, .ico_coupon { display: inline-block; text-decoration: none; padding: 0 2px; border-radius: 2px; line-height: 140%; margin: 0 0px 0 3px; vertical-align: middle; } .ico_jobs { border: 1px solid #005160; color: #005160; } .ico_new2 { color: #E93722; font-weight: bold; font-family: "Cantarell", sans-serif; vertical-align: baseline; } .ico_coupon { border: 1px solid #E93722; color: #E93722; } span.sale { color: #e33; } .arw_r { position: relative; } .arw_r:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 4px solid transparent; left: 92%; border-left: 5px solid #005160; } .to-top { position: fixed; bottom: 20px; right: 20px; z-index: 45; width: 50px; height: 50px; } .to-top a { position: absolute; width: 100%; height: 100%; text-indent: -9999em; display: block; background: #aaa; border-radius: 50%; opacity: 0.7; } .to-top a:before { font-family: "font Awesome 5 Free"; content: "\f062"; font-weight: 900; font-size: 22px; width: 100%; height: 100%; display: block; text-indent: 0; text-align: center; line-height: 50px; position: absolute; color: #fff; top: 0; left: 0; } #main { width: 100%; margin: 0 auto; } #contents { clear: both; padding: 0 0 40px; margin: 0; } #contents:after { content: ""; display: block; height: 0px; clear: both; } .inner { width: 80%; max-width: 1400px; min-width: 960px; margin: 0 auto; position: relative; } .inner:after { content: ""; display: block; height: 0px; clear: both; } #contents h2 { padding: 16px 0; margin: 0 auto; font-size: 18px; font-weight: bold; text-align: center; } #contents > h2 { background-image: url(../img/bg_h2whiteback.png), url(../img/bg_pattern1.png); background-repeat: repeat-y,repeat; background-position: center bottom,center 10px; background-size: 960px 80px, auto; } #contents-main { float: left; width: calc(100% - 320px); padding: 20px 30px; } #contents-main.all { width: 100%; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; } #contents-main h3 { padding: 16px; font-weight: bold; font-size: 16px; background: #e3e8e9; text-align: center; } #sub { float: right; width: 240px; margin: 30px 0 0 0; } body.view header { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: 10px auto; background: rgba(255, 255, 255, 0.9); z-index: 100; } body.view header:before { content: ""; position: absolute; display: block; top: 0; width: 100%; height: 16px; } body.view header h1 { display: none; } body.view header .scname { font-size: 24px; padding: 46px 0 0; margin: 0; } body.view header .head_lang { position: absolute; top: 0; right: 0; } body.view header .head_lang li { display: inline-block; vertical-align: top; } body.view header .head_lang li a { background: #333; color: #fff; font-family: "Cantarell", sans-serif; font-weight: 700; display: block; text-align: center; font-size: 12px; line-height: 26px; -webkit-transition-duration: .1s; transition-duration: .1s; padding: 0 10px; } body.view header .head_lang li a::before { content: "\e903"; font-family: "iconKitte"; color: #fff; font-size: 16px; vertical-align: top; margin-right: 2px; } body.view header .head_lang li a:hover { opacity: 1; padding-top: 3px; } body.view header .head_lang li:first-of-type a { margin-right: 10px; } body.view header .head_lang li.jpmem a:before { display: none; } body.view header .head_icons { position: absolute; display: inline-block; top: 50px; right: 0px; } body.view header .head_icons ul li { float: left; width: 32px; height: 32px; padding: 0 5px; text-align: right; } body.view header .head_icons ul li a { display: block; width: 100%; height: 100%; border-radius: 50%; text-align: center; } body.view header .head_icons ul li a i { font-size: 20px; line-height: 42px; color: #fff; } body.view header .head_icons ul li.fb a { background: #333; } body.view header .head_icons ul li.fb a i { font-size: 26px; line-height: 40px; } body.view header .head_icons ul li.tw a { /*background: #00acee;*/ } body.view header .head_icons ul li.ig a { background: transparent; } body.view header .head_icons ul li.ig a i { font-size: 36px; color: #333; line-height: 33px; } body.view header .head_icons ul li.line a i { font-size: 36px; color: #333; line-height: 33px; } body.view.pc.gn_off header nav { float: right; margin-top: 55px; } body.view.pc.gn_off header nav li { width: 200px; } body.view.pc.gn_off header .scname { padding: 60px 0 0; margin: 0 0 0 0px; width: 400px; float: left; } header .logo { width: 154px; height: 50px; margin: 0 auto; padding: 15px 0 30px; line-height: 0; } header .logo img { width: 100%; vertical-align: middle; } header:after { content: ""; display: block; height: 0px; clear: both; } header nav { border-bottom: 4px solid #e3e8e9; } header nav ul.inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header nav ul.inner::after { display: none; } header nav ul { margin: 10px 0 0 0; } header nav ul li { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; } header nav ul li.active a::after { background: #E93722; height: 4px; } header nav:last-of-type a { padding-right: 0; } header nav a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 8px 0; /**/ position: relative; } header nav a::after { content: ""; display: block; width: 100%; height: 0; -webkit-transition-duration: .2s; transition-duration: .2s; position: absolute; bottom: -4px; } header nav a:hover::after { background: #E93722; height: 4px; } /*ロゴ画像がない場合　body.no_logo */ body.no_logo header .logo { display: none; } body.no_logo header nav ul li { width: 20%; max-width: none; } header nav .gn__inWrap { width: 100%; background: rgba(255, 255, 255, 0.8); margin: 0 auto; position: absolute; -webkit-transition-duration: .2s; transition-duration: .2s; top: calc(100% + 4px); left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 40px 20px 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*最初は非表示*/ display: none; height: 0; } header nav .active .gn__inWrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } header nav ul li .gn__inItem { width: calc((100% / 3) - 10px); margin: 0 10px 10px 0; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; } header nav ul li .gn__inItem a { display: block; background: #fff; border: 1px solid #bcc6c8; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition-duration: .2s; transition-duration: .2s; } header nav ul li .gn__inItem a::after { content: "\f105"; background: transparent; top: 0; bottom: 0; margin: auto; height: 1em; right: 0; width: 30px; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 22px; color: #E93722; position: absolute; line-height: 1em; right: 4px; } header nav ul li .gn__inItem a.exLink::after { content: "\f2d2"; color: #bcc6c8; font-weight: normal; font-size: 18px; right: 8px; } header nav ul li .gn__inItem a:hover { opacity: 1; border-color: #E93722; } header nav ul li.about .gn__inItem { width: calc((100% / 4) - 10px); height: 70px; } header nav ul li.about .gn__inItem a { padding: 10px 18px; } body.bf0.pc header nav li.top > a:after, body[class*="floor"].pc header nav li.floor > a:after, body.bf6.pc header nav li.shopnavi > a:after, body.bf7.pc header nav li.shopnavi > a:after, body.bf8.pc header nav li.shopnavi > a:after, body[class*="gourmet"].pc header nav li.shopnavi > a:after, body[class*="gift"].pc header nav li.shopnavi > a:after, body[class*="shoplist"].pc header nav li.shopnavi > a:after, body[class*="eventnews"].pc header nav li.event > a:after, body.calendar.pc header nav li.event > a:after, body.bf2.pc header nav li.snews > a:after, body.item_news.pc header nav li.snews > a:after, body.item_coupon.pc header nav li.snews > a:after, body[class*="tag"].pc header nav li.snews > a:after, body.favorite.pc header nav li.snews > a:after, body.guide_facilities.pc header nav li.facility > a:after, body.guide_eventspace.pc header nav li.eventspace > a:after, body.guide_index.pc header nav li.about > a:after, body.guide_access.pc header nav li.about > a:after { background: #E93722; height: 4px; } header nav .gn__inImg { width: 80px; height: 80px; float: left; background: transparent center / cover; margin: 0 10px 0 0; } header nav .gn__inTitle { line-height: 1.4em; } header nav li.facility .gn__inWrap li:nth-child(3) .gn__inTitle { letter-spacing: -0.1em; } header nav li.facility .gn__inWrap li:nth-child(3) .gn__inTitle:first-line { font-size: 10px; } header nav .gn__inSubttl { line-height: 1.4em; } .foot_bnr { width: 80%; margin: 50px auto; overflow: hidden; } .foot_bnr img { border: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } .foot_bnr .static ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .foot_bnr .static ul li { width: calc(100%/3); margin: 0 5px; } .pc .foot_bnr { max-width: 1400px; min-width: 960px; } .pc .foot_bnr li { padding: 1px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #banner_mini ul li img { width: 100%; max-width: 100%; } footer { margin: 0; } footer .inner { padding: 20px 0 0; width: 960px; } footer .sc_foot_desc { background: #e3e8e9; color: #333; } footer .sc_foot_desc a { color: #333; } .footer__sBnr { padding: 20px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__sBnr li { width: calc((100% / 3) - (30px / 3) * 2); height: 90px; } .footer__sBnr li::after { content: ""; clear: both; display: block; } .footer__sBnr li a { display: block; background: #fff; border: 1px solid #bcc6c8; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .footer__sBnr li a::after { content: "\f105"; background: transparent; top: 0; bottom: 0; margin: auto; height: 1em; right: 0; width: 30px; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 22px; color: #E93722; position: absolute; line-height: 1em; } .footer__sBnr li .sBnr__zine img { width: 86%; padding-left: 6%; } .footer__sBnr li .sBnr__recruit img { width: 83%; padding: 0 0 2% 6%; } .footer__sBnr li .sBnr__epos img { width: 86%; padding: 0 0 0 3%; } footer .footer_menu { padding: 0 0 50px; border-top: 4px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .footer_menu dl { width: calc(100% / 3); margin: 0; padding: 30px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } footer .footer_menu dl dt { font-weight: bold; margin: 0 0 6px; } footer .footer_menu dl li::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #E93722; margin-right: 6px; } footer .footer_menu dl.footer-facility, footer .footer_menu dl.footer-eventspace { width: calc(100% / 2); } footer .footer_list { padding: 0; border-bottom: 4px solid #e3e8e9; } footer .footer_list ul { padding: 12px 0 18px; text-align: center; } footer .footer_list ul li { display: inline-block; letter-spacing: normal; padding: 0px 20px 0 16px; line-height: 100%; border-right: 1px solid #333; } footer .footer_list ul li:last-of-type { border: none; } footer .footer_list ul li i { margin-left: 4px; } footer .ad_foot_desc { padding: 40px 0; position: relative; } footer .ad_foot_desc .foot__logo { width: 150px; display: block; float: left; margin-right: 28px; } footer .ad_foot_desc address { line-height: 2em; } footer .ad_foot_desc address strong { display: block; } footer .ad_foot_desc address .tel { display: block; } footer .ad_foot_desc .copyright { font-family: "Cantarell", sans-serif; font-weight: bold; } footer .ad_foot_desc .others { position: absolute; bottom: 50px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } footer .ad_foot_desc .others__logo { width: 100px; height: 50px; margin-left: 10px; } footer .ad_foot_desc .others__logo a { display: block; border: 1px solid #bcc6c8; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; } .footer.shopsearch { background: #e3e8e9; } .footer.shopsearch h4 { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 20px 0 18px; position: relative; } .footer.shopsearch h4::after { content: ""; display: block; position: absolute; margin: auto; left: 0; right: 0; bottom: 10px; width: 160px; height: 4px; background: #E93722; } .shop_catlist { background: #e3e8e9; width: 960px; margin: 0 auto; border-radius: 4px; } .shop_catlist .shoplist { padding: 0 10px 20px; } .shop_catlist h4 { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 20px 0 6px; margin: 0 0 24px; position: relative; font-size: 18px; position: relative; } .shop_catlist h4::after { content: ""; display: block; width: 160px; height: 4px; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto; background: #E93722; } .shop_catlist ul#this_cat_shoplist { text-align: center; } .shop_catlist ul#this_cat_shoplist li { display: inline-block; margin: 0 4px 10px; } .shop_catlist ul#this_cat_shoplist li a { line-height: 25px; padding: 2px 6px; background: #fff; border-radius: 4px; display: inline-block; font-size: 14px; } .footer.shopsearch .tag_list_name a { background: #fff; } .footer.shopsearch #cat_title_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer.shopsearch #cat_title_list:before, .footer.shopsearch #cat_title_list:after { width: calc((100% + 20px) / 4 - 20px); margin: 0; display: block; content: ""; } .footer.shopsearch #cat_title_list:before { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer.shopsearch #cat_title_list .catttl { width: calc(100% / 4 - 10px); margin: 8px 0; } .footer.shopsearch #cat_title_list .catttl a { display: block; width: 100%; height: 100%; background: #eeeeee; border-radius: 4px; border: 1px solid #bcc6c8; background: #fff; padding: 10px 25px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; font-weight: bold; } .footer.shopsearch #cat_title_list .catttl a:after { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f105"; position: absolute; top: 10px; right: 15px; display: block; color: #E93722; font-size: 20px; } .common_navi_btn .guidenav { width: 960px; margin: 0 auto; padding: 20px 0; } .common_navi_btn .guidenav .guidenav_guide { overflow: hidden; } .common_navi_btn .guidenav .guidenav_guide li { width: 16%; width: calc((100% / 6) - 1px); float: left; border-right: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .common_navi_btn .guidenav .guidenav_guide li:first-of-type { border-left: 1px solid #bcc6c8; } .common_navi_btn .guidenav .guidenav_guide li a { display: block; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 1.2em; } .common_navi_btn .guidenav .guidenav_guide li a *[class*='iconkitte'] { font-size: 40px; display: block; margin-bottom: 10px; } .common_navi_btn .guidenav .guidenav_guide li a *[class*='iconkitte']::before { color: #333; } .common_navi_btn .guidenav .guidenav_guide .cnt { position: absolute; top: 4px; right: 22px; display: block; width: 40px; background: #333; border-radius: 100px; color: #fff; font-family: "Cantarell", sans-serif; line-height: 20px; font-weight: bold; } .common_navi_btn .subGuide { width: 960px; margin: 0 auto; padding: 0 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .common_navi_btn .subGuide_list { width: 400px; text-align: center; font-size: 14px; margin: 0 18px; } .common_navi_btn .subGuide_list a { border: 1px solid #aaa; display: block; width: 100%; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 16px 26px 16px 60px; } .common_navi_btn .subGuide_list span[class*='iconkitte'] { font-size: 34px; position: absolute; top: .35em; left: 30px; } .common_navi_btn .subGuide_list span[class*='iconkitte']::before { color: #333; } .common_navi_btn .subGuide_list em::after { content: "\f105"; font-family: "font Awesome 5 Free"; font-weight: bold; color: #E93722; position: absolute; right: 16px; font-size: 20px; } .common_navi_btn .subGuide_list em::before { content: ""; vertical-align: top; color: #E93722; font-size: 20px; font-family: "Cantarell", sans-serif; font-weight: bold; margin: 0 15px 0 0; } .common_navi_btn .subGuide_list a[href*='gift'] em::before { content: "GIFT GUIDE"; } .common_navi_btn .subGuide_list a[href*='gourmet'] em::before { content: "GOURMET GUIDE"; } body.view table.table01 { border-collapse: collapse; width: 100%; border-top: 4px solid #e3e8e9; border-bottom: 4px solid #e3e8e9; } body.view table.table01 tr { border-bottom: 1px solid #bcc6c8; } body.view table.table01 tr:last-child { border-bottom: none; } body.view table.table01 th, body.view table.table01 td { padding: 20px 10px; font-size: 14px; line-height: 1.3em; -webkit-box-sizing: border-box; box-sizing: border-box; } body.view table.table01 th { background: #e3e8e9; font-weight: bold; text-align: center; } body.view table.table01 td { padding-left: 20px; } .sidemenu { border-top: 1px solid #bcc6c8; border-bottom: 1px solid #bcc6c8; } .sidemenu dt { display: none; font-family: "Cantarell", sans-serif; font-weight: 700; font-size: 20px; text-align: center; padding: 0 0 10px; } .sidemenu dd > a { display: block; padding: 16px; background: #e3e8e9; font-weight: bold; position: relative; line-height: 1.6em; } .sidemenu dd > a:after { font-family: "font Awesome 5 Free"; content: "\f105"; font-size: 24px; color: #E93722; position: absolute; right: 8px; top: calc(50% - 12px); } .sidemenu dd { border-bottom: 1px solid #bcc6c8; } .sidemenu dd:last-child { border-bottom: none; } .sidemenu dd ul { font-size: 90%; padding: 0 0 0 8px; background: #e3e8e9; } .sidemenu dd ul li { list-style-position: outside; padding: 10px 0 10px 10px; background: #fff; border-top: 1px dotted #bcc6c8; } .sidemenu dd ul li:last-child { padding-bottom: 10px; } .sidemenu dd ul li a { line-height: 1.5em; display: inline-block; } .sidemenu dd:last-child ul li:last-child { margin-bottom: 10px; } .sidemenu span.num { font-family: "Cantarell", sans-serif; font-weight: bold; letter-spacing: 0.1em; font-size: 90%; } #sub #sub-navi01 dl dd dl dt { background: #eeeeee; color: #43B2EF; border: none; border-radius: 8px; margin: 6px 0; } #sub #sub-navi01 dl dd dl dt.catttl { position: relative; cursor: pointer; } #sub #sub-navi01 dl dd dl dt.catttl .fa { position: absolute; right: 10px; top: 26%; } #sub #sub-navi01 dl dd dl dt.catttl.up .fa { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #sub #sub-navi01 dl dd dl dd.shoplist { display: none; margin: 0 5px; } #sub #sub-navi01 dl dd dl dd.shoplist ul li { border-bottom: 1px dashed #ccc; } #sub #sub-navi01 dl dd dl dd.shoplist ul li a { padding: 8px 12px 8px 6px; line-height: 18px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #sub #sub-navi01 dl dd dl dd.shoplist ul li:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 5px solid transparent; left: 98%; border-left: 6px solid #43B2EF; } #sub #sub-navi01.sub_lsit { margin: 0 0 32px; } #sub #sub-navi01.sub_lsit dl dt a { position: relative; padding: 10px; background: #eeeeee; border-radius: 4px; display: block; text-decoration: none; font-size: 16px; text-align: center; color: #005160; } #sub #sub-navi01.sub_lsit dl dt a:before { content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #005160; left: 90%; position: absolute; top: 15px; } #sub #sub-navi01.sub_lsit dl dd dl dt { padding: 0; } #sub #sub-navi01.sub_lsit dl dd.box dl dd { padding: 0; } #sub #sub-navi01.sub_lsit dl dd.box dl dd a { text-decoration: none; padding: 10px 5px; display: block; } #sub #sub-navi01.sub_lsit dl dd.box dt, #sub #sub-navi01.sub_lsit dl dd.box dd, #sub #sub-navi01.sub_lsit dl dd.box li { font-size: small; } #sub #sub-navi01.sub_lsit dl dd.box a { line-height: 1.5; } #sub #sub-navi01 dl dl dt:hover a, #sub #sub-navi01.sub_lsit dl dl dt:hover a { background: #005160; color: #fff; } #sub #sub-navi01 dl dl dt:hover a:before, #sub #sub-navi01.sub_lsit dl dl dt:hover a:before { border-left-color: #fff; } #sub #sub-navi01 dl dl li, #sub #sub-navi01.sub_lsit dl dd.box dl dd { border-bottom: 1px dashed #ccc; font-size: 14px; } #sub #sub-navi01 dl dd.box dl dd a:hover { background: #eeeeee; } #sub .sc_facility dl { margin: 24px 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bcc6c8; padding: 12px; } #sub .sc_facility #sc_map { height: 190px; width: 100%; margin: 10px 0 4px; background: #eeeeee; border: 4px solid #e3e8e9; -webkit-box-sizing: border-box; box-sizing: border-box; } #sub .sc_facility #sc_map .sc_point { color: #0099ff; font-weight: bold; } #sub .sc_facility dt { margin: 4px 0 0; text-align: center; font-size: 16px; font-weight: bold; } #sub .sc_facility dt .fas { margin: 0 4px 0 -6px; font-size: 18px; } #sub .sc_facility dd.location p, #sub .sc_facility dd.parking ul li { text-align: center; padding: 8px 0; line-height: 16px; } #sub .sc_facility dd.parking ul li { margin-bottom: 1px; } #sub .sc_facility dd p a { display: block; } #sub .sc_facility dd a.gmap_link { text-align: center; font-size: 12px; display: block; padding: 0; text-decoration: underline; } #sub .sc_facility dd a.access_link { display: block; font-size: 14px; text-align: center; text-decoration: none; background: #fff; padding: 12px 0; margin: 6px 0; line-height: 1.4em; font-weight: bold; border-radius: 60px; position: relative; border: 1px solid #bcc6c8; } #sub .sc_facility dd a.access_link:after { font-family: "font Awesome 5 Free"; content: "\f105"; font-weight: bold; display: inline; padding-right: 4px; font-size: 18px; color: #E93722; position: absolute; right: 8px; } #sub #sub-navi02 { margin-bottom: 16px; } #sub #sub-navi02 ul { border: 1px solid #aaa; border-radius: 8px; overflow: hidden; } #sub #sub-navi02 ul li { border-bottom: 1px solid #aaa; } #sub #sub-navi02 ul li:last-child { border: none; } #sub #sub-navi02 ul li a { display: block; text-align: center; padding: 10px 0; position: relative; } #sub #sub-navi02 ul li a:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 5px solid transparent; left: 92%; border-left: 6px solid #43B2EF; } #sub #sub-navi02 ul li.cal .fa { color: #43B2EF; font-size: 1.2em; margin-right: 0.4em; } #sub .bnr-sns { margin-bottom: 16px; } #sub .bnr-sns li a { display: block; padding: 10px; text-align: center; color: #fff; font-size: 2.2em; position: relative; } #sub .bnr-sns li a:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 5px solid transparent; left: 92%; border-left: 6px solid #fff; } #sub .bnr-sns li a:hover { opacity: 0.9; } #sub .bnr-sns li a span { display: none; } #sub .bnr-sns li.bnr_fb a { background: #3B5997; } #sub .bnr-sns li.bnr_tw a { background: #1DA1F3; } #sub .bnr-sns li.bnr_inst a { background: #E54060; } #sub .bnr-sns li.bnr_line a { background: #00BA01; } #sub #banner_mini ul { border: 1px solid #aaa; padding: 16px; border-radius: 8px; overflow: hidden; } #sub #banner_mini ul li { margin: 0 0 8px; } #sub #banner_mini ul li:last-child { margin: 0; } .sidemenu .side_shoplist dt { font-size: 14px; cursor: pointer; padding: 7px 0; } .sidemenu .side_shoplist dt:after { font-family: "font Awesome 5 Free"; content: "\f055"; display: inline-block; padding-left: 5px; } .sidemenu .side_shoplist dt.up:after { font-family: "font Awesome 5 Free"; content: "\f056"; } .sidemenu .side_shoplist dd ul li a::before { font-family: "font Awesome 5 Free"; content: "\f0da"; font-weight: 900; display: inline; padding-right: 4px; font-size: 11px; } #h4_shopsearch_tag { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 18px 0 20px; } #h4_shopsearch_tag:before { content: "#"; margin: 0 3px 0 0; } .tag_list { padding: 0 20px 15px; text-align: center; } .tag_list_name { display: inline-block; margin: 0 5px 10px; border-radius: 4px; } .tag_list_name a { background: #e3e8e9; padding: 3px 10px; display: block; border-radius: 4px; border: 1px solid #bcc6c8; line-height: 1.6em; } .tag_list_name a:before { content: "#"; margin: 0 3px 0 0; color: #E93722; font-family: "Cantarell", sans-serif; font-weight: bold; font-size: 18px; vertical-align: bottom; display: inline-block; } #h4_shopsearch_mdcat { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 20px 0 18px; } #h4_shopsearch_mdcat:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f0c1"; margin: 0 4px 0 0; } .mdlistiew { padding: 0 20px 20px; text-align: center; } .mdlistiew .mdcat { display: inline-block; margin: 4px; padding: 0; } .mdlistiew .mdcat a { display: block; padding: 8px 10px; font-weight: bold; line-height: 1.0em; border: 4px solid #e3e8e9; background: #fff; font-size: 14px; } .mdlistiew .mdcat a:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f0c1"; margin: 0 4px 0 0; } .item .social { margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0; text-align: center; } .item .social:before { font-family: "font Awesome 5 Free", "Cantarell", sans-serif; font-size: 18px; font-weight: bold; content: "\f0d7　SHARE ON　\f0d7"; margin-bottom: 8px; display: block; color: #333; } .item .social a { display: inline-block; border-right: 1px solid #bcc6c8; overflow: hidden; width: 40px; height: 40px; line-height: 40px; padding: 0 14px 0 16px; text-decoration: none !important; } .item .social a:last-of-type { border-right: none; } .item .social a:before { font-family: "Font Awesome 5 Brands"; font-weight: 400; font-size: 39px; vertical-align: middle; margin-right: 100%; } .item .social .twitter.btn::before { content: "\f081"; color: #29A2F0; } .item .social .fb.btn::before { content: "\f09a"; color: #1877f2; font-size: 36px; } .item .social .line.btn::before { content: "\f3c0"; color: #06C755; } .goods_like_btn { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .goods_like_btn p { display: inline-block; background: #e3e8e9; border-radius: 50%; padding: 10px; text-align: center; width: 50px; height: 50px; font-family: "Cantarell", sans-serif; } .goods_like_btn p i, .goods_like_btn p span { display: block; font-size: 1.5em; color: #E93722; } .goods_like_btn p span { font-weight: bold; } .goods_like_btn p i { display: block; font-size: 1.5em; color: red; } .goods_like_btn .fa-heart { color: #E93722; } .goods_like_btn.mini { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; } .goods_like_btn.mini p { background: none; height: auto; border: 1px solid #bcc6c8; border-radius: 50px; padding: 0px 12px; line-height: 23px; /**/ } .goods_like_btn.mini p i { display: inline-block; font-size: 1em; margin-right: 2px; color: #E93722; position: relative; top: 0; color: #E93722; } .goods_like_btn.mini p span { display: inline-block; font-size: 1em; letter-spacing: 1px; line-height: 1em; color: #E93722; border-radius: 2px; position: relative; font-family: "Cantarell", sans-serif; /*&:before{ content: ""; position: absolute; width:4px; height:4px; background: #fff; border-left:1px solid$KEY_COLOR_2 ; border-bottom:1px solid $KEY_COLOR_2; -webkit-transform: rotate(45deg); transform: rotate(45deg); left:-3px; top:6px; }*/ } /*ショップページ＆各item_****.jspのヘッダー部分共通*/ /*--shop_header*--*/ .shop_header { background: url(../img/bg_pattern1.png) repeat center; } .shop_header .inner { background: #fff; margin: 0 auto 0; position: relative; } .shop_header .inner #shop_title { position: relative; padding: 30px 0 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 240px; } .shop_header .inner #shop_title .bg_shop_image { position: absolute; right: 0; top: 0; display: block; width: 60%; height: 100%; background-position: center; background-size: cover; z-index: 1; } .shop_header .inner #shop_title .bg_shop_image:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(16%, white), color-stop(99%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, white 0%, white 16%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .shop_header .inner #shop_title .shop_name { width: 50%; z-index: 10; position: absolute; top: 20px; left: 42px; } .shop_header .inner #shop_title .shop_category_detail { background: #e3e8e9; border-radius: 4px; display: inline-block; padding: 5px 12px; line-height: 1.4em; margin: 0 0 10px; font-size: 14px; white-space: nowrap; } .shop_header .inner #shop_title h2 { font-size: 24px; font-weight: bold; line-height: 30px; /*共通スタイルを無効か*/ padding: 0; margin: 0; border: none; margin: 0 0 2px; text-align: left; background: none; } .shop_header .inner #shop_title .top_logo { margin: 20px 0 0; } .shop_header .inner #shop_title .top_logo img { max-height: 60px; } .shop_header .inner .shopmenu { position: absolute; right: 10px; bottom: 4px; z-index: 10; } .shop_header .inner .shopmenu li { display: inline-block; overflow: hidden; margin: 0 2px; } .shop_header .inner .shopmenu li a { font-size: 13px; /**/ background: #333; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height: 100px; color: #fff; text-align: center; padding: 24px 0 0; line-height: 140%; font-weight: bold; } .shop_header .inner .shopmenu li a:hover { text-decoration: none; } .shop_header .inner .shopmenu li a:after { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f107"; display: block; font-size: 22px; padding: 8px 0 0; } .shop_header .inner .shopmenu li a span { display: block; } .pc .shop_header > .inner { width: 80%; min-width: 960px; max-width: 1400px; border-bottom: 1px solid #bcc6c8; } .shop_header .inner #shop_status dl { border-bottom: 1px solid #bcc6c8; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .shop_header .inner #shop_status dl:first-of-type { border-top: 1px solid #bcc6c8; } .shop_header .inner #shop_status dl.tel, .shop_header .inner #shop_status dl.floor { width: 50%; float: left; border: none; } .shop_header .inner #shop_status dl.eigyouhour dd { white-space: pre-wrap; } .shop_header .inner #shop_status dt { background: #fff; font-size: 20px; line-height: 60px; width: 60px; text-align: center; } .shop_header .inner #shop_status dd { line-height: 1.5em; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 19px 19px 19px 0; } body.pc .shop_header .inner #shop_status dl.eigyouhour dd { /*赤丸リンクボタンの干渉除け　PCのみ*/ padding: 20px 360px 20px 0; } /*個別ニュース、クーポン、リクルート　ページのヘッダーを調整*/ body.item_recruit .shop_header #shop_title, body.item_coupon .shop_header #shop_title, body.item_news .shop_header #shop_title { min-height: 220px; border-bottom: 1px solid #bcc6c8; } body.item_recruit .shop_header #shop_title h2, body.item_coupon .shop_header #shop_title h2, body.item_news .shop_header #shop_title h2 { width: 100%; } body.item_recruit .shop_header #shop_status, body.item_coupon .shop_header #shop_status, body.item_news .shop_header #shop_status { display: none; width: 50%; float: right; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } body.item_recruit .shop_header #shop_status dl.eigyouhour dd.eigyouhour, body.item_coupon .shop_header #shop_status dl.eigyouhour dd.eigyouhour, body.item_news .shop_header #shop_status dl.eigyouhour dd.eigyouhour { padding: 10px 10px 10px 8px; } body.item_recruit .shop_header .inner .shopmenu, body.item_coupon .shop_header .inner .shopmenu, body.item_news .shop_header .inner .shopmenu { right: 0px; top: 100px; -webkit-transform: scale(0.8); transform: scale(0.8); } body.item_recruit .shop_header .inner, body.item_coupon .shop_header .inner, body.item_news .shop_header .inner { margin: 0 auto 0; } /*--shop_header*--*/ .bf1 #contents-main.all { padding: 0 0 40px; } #shoppage { /* padding:0 16px;*/ } .view #shoppage #shop_info { padding: 0 0 40px; padding: 0 0 10px; } .view #shoppage #shop_info > .section { border: 4px solid #e3e8e9; } #shoppage #shop_info .intro { padding: 36px 36px 40px; overflow: hidden; } #shoppage #shop_info .desc { font-size: 1.1em; line-height: 1.5em; } #shoppage #shop_info .desc h4 { font-weight: bold; margin: 0 0 20px; font-size: 18px; } #shoppage #shop_info .desc pre { line-height: 1.6em; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 15px; } #shoppage #shop_info .image { float: right; width: 400px; margin: 0 0 0 32px; border: 1px solid #bcc6c8; } #shoppage #shop_info .image img { width: 100%; } /*シーン*/ #shoppage .pickUp { margin-top: -10px; } .pickUp__scene { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 26px; margin: 10px 0 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pickUp__scene li { width: calc((100% / 3) - 20px); margin: 0 10px; background: #e3e8e9; } .pickUp__scene .pickUp__detail { width: 100%; display: block; padding: 14px 26px; display: block; font-size: 14px; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .pickUp__scene .pickUp__detail::before { content: "SCENE"; font-family: "Cantarell", sans-serif; color: #E93722; display: inline-block; margin: 0 26px 0 -10px; } /*席数等*/ #shoppage .pickUp__gr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 36px; margin: -16px 0 30px; } #shoppage .pickUp__gr .pickUp__grDetail { border: 4px solid #e3e8e9; border-width: 0 0 4px; padding: 10px; margin-right: 10px; font-size: 14px; } #shoppage .pickUp__gr .pickUp__grDetail::before { content: ""; font-family: "font Awesome 5 Free"; color: #E93722; margin: 0 6px 0 0; font-size: 20px; font-weight: bold; vertical-align: bottom; min-width: 26px; display: inline-block; text-align: center; } #shoppage .pickUp__gr .pickUp__grDetail .chairNum { /*席数内訳*/ display: inline-block; margin: 0 0 0 10px; } #shoppage .pickUp__gr .pickUp__grDetail.chair::before { content: "\f6c0"; } #shoppage .pickUp__gr .pickUp__grDetail.room::before { content: "\f52b"; } #shoppage .pickUp__gr .pickUp__grDetail.view::before { content: "\f185"; } #shoppage .pickUp__gr .pickUp__grDetail.baby::before { content: "\f77c"; } #shoppage .pickUp__gr .pickUp__grDetail.kids::before { content: "\f5d1"; } #shoppage .pickUp__gr .pickUp__grDetail.book::before { content: "\f095"; } #shoppage .pickUp__gr .pickUp__grDetail.party::before { content: "\f79f"; } #shoppage .pickUp__gr .pickUp__grDetail.togo::before { content: "\f290"; } #shoppage .pickUp__gr .pickUp__grDetail.eatin::before { content: "\f2e7"; } #shoppage .pickUp__gr .pickUp__grDetail.drink::before { content: "\f0fc"; } /*WEB予約ボタン*/ .shopBooking { text-align: center; margin: 30px 0 26px; } .shopBooking__btn { display: inline-block; color: #333; border: 2px solid #E93722; width: 60%; min-width: 600px; border-radius: 100px; font-size: 15px; padding: 8px; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-box-shadow: 2px 2px 0 #e4e9ea; box-shadow: 2px 2px 0 #e4e9ea; } .shopBooking__btn i { margin: 0 8px; font-size: 20px; vertical-align: text-bottom; } .shopBooking__btn i[class*='calendar'] { color: #E93722; } .shopBooking__btn:hover { background: #E93722; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 0 rgba(228, 233, 234, 0); box-shadow: 0 0 0 rgba(228, 233, 234, 0); } .shopBooking__btn:hover i[class*='calendar'] { color: #fff; } #shoppage #shop_info .data { clear: both; } #shoppage #shop_info table.table01 { border: none; border-top: 1px solid #bcc6c8; } #shoppage #shop_info table.table01 th, #shoppage #shop_info table.table01 td { padding: 20px 26px; } #shoppage #shop_info table.table01 tr.shop-dealitem td p { word-break: break-all; } #shoppage #shop_info .data table.table01 td em { margin: 0 4px 4px 0; display: inline-block; font-size: 14px; padding: 6px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.0em; border-radius: 4px; } #shoppage #shop_info .data table.table01 tr.shop-gourmet2 em { color: #005160; background: #e3e8e9; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em { /* color: #555555; background: $LIGHT_COLOR_1;*/ } /*営業時間*/ #shoppage .shop-eigyouhour td { white-space: pre-wrap; line-height: 1.5em; } /*ギフト対応*/ #shoppage .shop_giftItem { display: inline-block; border: 1px solid #bcc6c8; font-size: 14px; line-height: 1em; padding: 8px 10px; border-radius: 4px; margin: 0 10px 0 0; } #shoppage .shop_giftItem i { color: #E93722; margin: 0 8px 0 2px; font-size: 15px; } /*支払サービス*/ #shoppage #shop_info tr.shop-generic1 td, #shoppage #shop_info tr.shop-generic2 td, #shoppage #shop_info tr.shop-generic3 td { padding: 10px 26px 0px; } /*支払いサービスのアイコン*/ #shoppage #shop_info .data table.table01 tr.shop-generic1 em, #shoppage #shop_info .data table.table01 tr.shop-generic2 em, #shoppage #shop_info .data table.table01 tr.shop-generic3 em, #shoppage #shop_info .data table.table01 tr.shop-generic4 em { background-image: url(../img/shop-generic-payment.png); display: inline-block; width: 50px; height: 36px; background-position: center; background-size: 1018px auto; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; padding: 0; /*border:1px solid #000;*/ margin: 0 4px 0px 0; } /*generic1*/ #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment0 { background-position: -450px 2px; width: 40px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_1 { background-position: 0px 2px; width: 65px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_2 { background-position: -70px 2px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_3 { background-position: -125px 2px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_4 { background-position: -181px 2px; width: 40px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_5 { background-position: -226px 2px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment1_6 { background-position: -283px 2px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment2 { background-position: -344px 2px; } #shoppage #shop_info .data table.table01 tr.shop-generic1 em.payment3 { background-position: -404px 2px; width: 40px; } /*generic2*/ #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_1 { background-position: 2px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_2 { background-position: -50px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_3 { background-position: -104px -49px; width: 40px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_4 { background-position: -150px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_5 { background-position: -200px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_6 { background-position: -252px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_7 { background-position: -305px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_8 { background-position: -358px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment1_9 { background-position: -411px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment2 { background-position: -473px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment3 { background-position: -530px -49px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment4 { background-position: -588px -49px; width: 55px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment5 { background-position: -654px -49px; width: 55px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment6 { background-position: -717px -49px; width: 34px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment7 { background-position: -761px -49px; width: 96px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment8 { background-position: -866px -49px; width: 96px; } #shoppage #shop_info .data table.table01 tr.shop-generic2 em.payment9 { background-position: -965px -49px; width: 56px; } /*generic3*/ #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment1 { background-position: 2px -95px; width: 84px; } #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment2 { background-position: -89px -95px; width: 44px; } #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment3 { background-position: -139px -95px; width: 59px; } #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment4 { background-position: -206px -95px; width: 76px; } #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment5 { background-position: -296px -95px; width: 54px; } #shoppage #shop_info .data table.table01 tr.shop-generic3 em.payment6 { background-position: -360px -95px; width: 70px; } /*generic1_en*/ #shoppage #shop_info .data table.table01 tr.shop-generic1_en span.taxfree_icn { display: inline-block; background: #f00; color: #fff; font-family: "Cantarell", sans-serif; font-weight: bold; padding: 4px 6px; } #shoppage #shop_info .data table.table01 td em i { margin-right: 4px; } #shoppage #shop_info .data table.table01 td span.attention { display: block; font-size: 10px; line-height: 1.4em; margin: 0 0 10px; } /*white-space: preのオプション*/ .shop-eigyouhour td p, .shop-tokuten td p, .shop-service td { white-space: pre-wrap; } #shoppage #shop_info table.table01 tr { border-bottom: 1px solid #bcc6c8; } #shoppage #shop_info table.table01 th { vertical-align: middle; font-weight: bold; width: 26%; text-align: left; font-size: 15px; padding: 20px 16px 20px 36px; background: #fff; border-right: 4px solid #e3e8e9; } #shoppage #shop_info table.table01 tr.shop-map td { font-weight: bold; } #shoppage #shop_info table.table01 tr.shop-map td a { display: inline-block; margin: -6px 20px; background: #e3e8e9; font-family: "Cantarell", sans-serif; padding: 0 14px; border-radius: 4px; font-size: 15px; font-weight: bold; line-height: 30px; border: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } #shoppage #shop_info table.table01 tr.shop-map td a::after { content: "\f105"; font-family: "font Awesome 5 Free"; margin-left: 10px; font-size: 20px; font-weight: bold; color: #e93722; vertical-align: middle; } #shoppage #shop_info table.table01 tr.shop-map td a::before { content: ""; } #shoppage #shop_info table.table01 tr.shop-map td a:hover::before { display: inline-block; } #shoppage #shop_info table.table01 tr.shop-dealitem td { font-size: 0.8em; } /*網掛けアリ*/ #shoppage #shop_info table.table01 .marked th { background: #e3e8e9; font-weight: bold; } #shoppage #shop_info table.table01 .marked i { margin-right: 16px; font-size: 20px; } #shoppage #shop_info .siteurl { position: relative; text-align: center; } #shoppage #shop_info .siteurl p { width: 20%; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; margin: 10px 0; } #shoppage #shop_info .siteurl p a { display: block; padding: 10px 18px 10px 10px; text-align: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; font-weight: bold; position: relative; font-size: 15px; } #shoppage #shop_info .siteurl p a i, #shoppage #shop_info .siteurl p.shop-url a::before { font-size: 20px; margin: 0 10px 0 4px; font-weight: normal; vertical-align: top; vertical-align: text-bottom; } #shoppage #shop_info .siteurl p:first-child { margin-left: 16px; } #shoppage #shop_info .siteurl p a:after { content: ""; display: inline-block; border: 6px solid transparent; border-left-color: #fff; position: absolute; right: 8px; top: calc(50% - 6px); } #shoppage #shop_info .siteurl p.shop-url a::before { content: "\f2d2"; font-family: "font Awesome 5 Free"; } .cat_items { margin: 16px 0 36px; margin: 35px 0 36px; } .cat_items h3 { border: 1px solid #ccc; padding: 8px 16px; font-weight: bold; font-size: 1.1em; } .pc .cat_items:not(#cat3_view):not(.cat3_view) .morelink { display: none; } /* cat(n)_viewの見出し・ショップ情報の見出し */ #cat1_view h3, #cat3_view h3, #contents-main article.main.item h3, .view #shop_info h3, #contents-main .h3__shopCommon { background: none; text-align: center; border: none; font-size: 12px; font-weight: normal; margin: 20px 0 24px; padding: 10px 0 6px; position: relative; border-bottom: 4px solid #e3e8e9; /**/ line-height: 1.6em; } .pc.view #shop_info h3, .pc #contents-main .h3__shopCommon.in { margin-bottom: 0; border-bottom: 0; z-index: 1; } #contents-main article.main.item h3 { display: block; } #cat1_view h3::before, #cat3_view h3::before, article.main.item .gcat.cat1::before, article.main.item .gcat.cat2::before, article.main.item .gcat.cat3::before, .view #shop_info h3::before, #contents-main .h3__shopCommon::before { content: ""; width: 160px; height: 4px; display: block; background: #E93722; left: 0; right: 0; margin: auto; bottom: -4px; position: absolute; } #cat1_view h3::after, #cat3_view h3::after, article.main.item .gcat.cat1::after, article.main.item .gcat.cat2::after, article.main.item .gcat.cat3::after, .view #shop_info h3::after, #contents-main h3.h3__shopCommon::after { display: block; font-family: "Cantarell", sans-serif; font-size: 18px; font-weight: bold; line-height: 1.2em; } /* cat(n)_viewの見出し・ショップ情報の見出し - 文字*/ #cat1_view h3::after { content: "SHOP NEWS"; } #cat3_view h3::after { content: "HELP WANTED"; } article.main.item .gcat.cat1::after { content: "SHOP NEWS"; } article.main.item .gcat.cat2::after { content: "COUPON"; } .view #shop_info h3::after { content: "SHOP DETAIL"; } article.main.item .gcat.cat3::after { content: "HELP WANTED"; } /*********************/ /*店長ボイス(cat5 view)*/ #cat5_view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #cat5_view h3 { width: 200px; border: 0; padding: 0; margin: 0; font-family: "Cantarell", sans-serif; font-weight: bold; font-size: 22px; background: none; } #cat5_view .cat5_view_today { color: #005160; } #cat5_view article.item { width: calc( 100% - 215px); margin-left: 15px; position: relative; background: #bcc6c8; border-radius: 10px; } #cat5_view article.item::after { content: ""; display: block; position: absolute; bottom: 25px; left: -8px; width: 13px; height: 13px; background: #bcc6c8; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #cat5_view article.item h4 { padding: 20px 25px; color: #777; } #cat5_view article.item h4 .item_main { font-weight: bold; color: #555555; } /**/ #cat1_view { overflow: hidden; margin: 0 0 36px; } #cat1_view article.item { width: 50%; float: left; margin: 10px 0px 0; padding: 20px 20px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 300px; } .pc #cat1_view article.item .morelink { display: none; } .cat_items article.item .image, .bf5 article.item .image { float: right; height: 100%; width: 200px; text-align: center; overflow: hidden; position: relative; margin: 10px 0 0 20px; border: 1px solid #bcc6c8; border-width: 1px; } .cat_items article.item .desc, .bf5 article.item .desc { width: calc(100% - 222px); position: relative; min-height: 100%; } .cat_items article.item .image a { color: #43B2EF; } .cat_items article.item .image img, .bf5 article.item .image img { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: none; } .cat_items article.item .image .morelink { display: inline-block; margin: 3px auto; text-align: center; width: 90px; background: #fff; border: 1px solid #43B2EF; border-radius: 20px; font-size: 0.9em; padding: 2px 10px; position: relative; } .cat_items article.item .image .morelink:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 4px solid transparent; left: 88%; border-left: 5px solid #43B2EF; } /*各ニュース・クーポン・求人情報にショップ名読込⇒標準で非表示*/ body.bf1 .cat_items article.item .shopname, body.item_news .cat_items article.item .shopname, body.item_coupon .cat_items article.item .shopname, body.item_recruit .cat_items article.item .shopname { display: none; } /*商品リスト時は、mdカテゴリリストの非表示*/ .cat_items article.item .mdlistiew.itemlist { display: none; } .cat_items article.item .desc h4 { word-break: break-all; line-height: 1.3em; } /*セール赤く*/ .cat_items article.item .desc .sale.icon + h4 a { color: #e33; } .cat_items article.item .desc h4 a { font-weight: bold; font-size: 14px; } .cat_items article.item.cat2 .desc h4 a { display: block; } .cat_items article.item .desc .price { padding: 8px 0 0; font-size: 14px; line-height: 150%; word-break: break-all; } .cat_items article.item .desc .date, .cat_items article.item .desc .price_date, article.shopnewsitem .date, article.recruititem .date { font-size: 12px; font-weight: bold; font-family: "Cantarell", sans-serif; color: #333; } /*sale時*/ #cat1_view article.item.sale .price { color: #e33; } /*****もっと見るボタン[汎用]*****/ .morelink { /* width: 80px; height: 80px; position: absolute; bottom: 0; right: 0; display: block; overflow: hidden; font-family: $FONT_FAMILY_EN; text-align: center; */ } .morelink:hover { text-decoration: none; } .morelink span { display: inline-block; background: #e3e8e9; font-family: "Cantarell", sans-serif; padding: 2px 10px; border-radius: 4px; font-size: 14px; font-weight: bold; line-height: 1.6em; border: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } .morelink span em { font-weight: inherit; } .morelink span:after { content: "\f105"; font-family: "font Awesome 5 Free"; margin-left: 10px; font-size: 20px; font-weight: bold; color: #E93722; vertical-align: middle; } /******もっと見るボタン[汎用]以上*****/ .cat3_view article.item .morelink, #cat3_view article.item .morelink { /*求人情報のみ*/ bottom: 0; } /* クーポン表示関連：①もっと見るボタン　②クーポン強調表示(フキダシ) */ #cat1_view .item.cat2 .desc h4::before { /*フキダシ中身*/ content: "COUPON"; text-align: center; font-family: "Cantarell", sans-serif; font-weight: bold; color: #E93722; border: 1px solid #E93722; line-height: 1.1em; font-size: 12px; padding: 4px 7px; margin: 0 0 4px; display: inline-block; } /*画像がないときはフキダシを消す*/ /*#cat1_view .item.cat2.noimg .desc::before, #cat1_view .item.cat2.noimg .desc::after{ display: none; }*/ /* 求人関連 ※#cat3_view はショップページ、個別ページ下部の一覧 ※.cat3_view　は求人一覧用の指定 */ .pc #recruit #goodslist-header-navi { margin-top: -30px; } .pc #recruit #goodslist-header-navi .cat dd:first-of-type a { border: 1px solid #bcc6c8; border-width: 0 1px; } .cat3_view article.item, #cat3_view article.item { position: relative; float: none; overflow: hidden; padding: 0px 20px 24px; margin: 0 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .cat3_view article.item:not(:first-of-type), #cat3_view article.item:not(:first-of-type) { padding-top: 40px; border: 4px solid #e3e8e9; border-width: 4px 0 0; } .cat3_view article.item .date, #cat3_view article.item .date { color: #333; font-size: 12px; line-height: 1em; margin-bottom: 4px; font-family: "Cantarell", sans-serif; } .cat3_view article.item .shopname, #cat3_view article.item .shopname { font-weight: bold; font-size: 14px; } .cat3_view article.item h4, #cat3_view article.item h4 { color: #333; float: left; width: calc(100% - 232px); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-weight: bold; font-size: 14px; border: 4px solid #e3e8e9; border-width: 4px; margin: 10px 0 20px; padding: 15px; } .cat3_view article.item.noimg h4, .cat3_view article.item.noimg table.table01, #cat3_view article.item.noimg h4, #cat3_view article.item.noimg table.table01 { width: 100%; } .cat3_view article.item table, #cat3_view article.item table { width: calc(100% - 232px); margin-bottom: 24px; border: 1px solid #bcc6c8; } .cat3_view article.item tr, #cat3_view article.item tr { border-color: #bcc6c8; } .cat3_view article.item tr th, .cat3_view article.item tr td, #cat3_view article.item tr th, #cat3_view article.item tr td { padding: 12px 8px; } .cat3_view article.item tr th, #cat3_view article.item tr th { width: 60px; width: 95px; font-weight: normal; } .cat3_view article.item tr td, #cat3_view article.item tr td { padding-left: 20px; } .cat3_view article.item a.morelink span, #cat3_view article.item a.morelink span { border: 1px solid #bcc6c8; display: inline-block; background: #e3e8e9; margin: 0; padding: 2px 10px; font-size: 14px; line-height: 1.6em; border-radius: 4px; font-family: "Cantarell", sans-serif; font-weight: bold; } .cat3_view article.item a.morelink span::after, #cat3_view article.item a.morelink span::after { content: "\f105"; font-family: "font Awesome 5 Free"; color: #E93722; margin: 0 0 0 8px; font-size: 16px; display: inline-block; vertical-align: top; } .sale.icon, .newgoods_conf #goods_title.formitem .sale, .cat_items article.item .desc .sale { background: #e33; color: #fff; display: block; width: 39px; padding: 4px 8px; font-size: 1em; font-weight: bold; line-height: 1em; letter-spacing: 1px; font-size: 12px; margin: 0 4px 4px 0; font-family: "Cantarell", sans-serif; } .cat_items article.item .goodscomment { padding: 10px 0 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 1.4em; } .cat_items article.item .read_more a { font-size: 12px; color: #bcc6c8; } .cat_items article.item .tag_list { text-align: left; padding: 0; border: none; } .cat_items article.item .tag_list li { display: inline; margin-right: 0.5em; white-space: normal; } .cat_items article.item .tag_list li a { text-decoration: underline; } /* ショップページ　クーポン表示 */ body.view.index.bf3 #coupon article.item .cat_name, body.popup.coupon article.item .cat_name, #shoppage article.item.cat2 .cat_name { display: none; } .cat_items article.item.cat2 .desc h4 { padding: 0px 0 12px; margin: 0; /* overflow: hidden; word-break: break-all; */ } .cat_items article.item .desc .fromto { padding: 0 0 8px; } .cat_items article.item .desc .fromto dt { font-weight: bold; padding: 1px 5px; background: #e3e8e9; display: inline-block; margin-right: 5px; } .pc .cat_items article.item .desc .fromto dd { display: inline-block; } body.view.index.bf3 #coupon article.item.noimg .desc .fromto dd, body.view.index.bf3 #coupon article.item.noimg .desc .coupon_bikou dd, body.popup.coupon article.item.noimg .desc .fromto dd, body.popup.coupon article.item.noimg .desc .coupon_bikou dd, #shoppage article.item.cat2.noimg .desc .fromto dd, #shoppage article.item.cat2.noimg .desc .coupon_bikou dd { width: auto; } body.view.index.bf3 #coupon article.item .print, body.popup.coupon article.item .print, #shoppage article.item.cat2 .print { position: absolute; bottom: 8px; left: 0; width: 100%; text-align: center; margin: 5px auto; } body.view.index.bf3 #coupon article.item .print a, body.popup.coupon article.item .print a, #shoppage article.item.cat2 .print a { width: 160px; display: inline-block; padding: 16px; color: #fff; background: #f24664; border-radius: 8px; position: relative; letter-spacing: 1px; } body.view.index.bf3 #coupon article.item .print a:after, body.popup.coupon article.item .print a:after, #shoppage article.item.cat2 .print a:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 4px solid transparent; left: 88%; border-left: 5px solid #FFF; } body.view.index.bf3 #coupon article.item .print a i, body.popup.coupon article.item .print a i, #shoppage article.item.cat2 .print a i { margin-right: 4px; } /*全体*/ .shopnewsitem.item { width: 900px; padding: 0 0; margin: 0 auto 40px; } .shopnewsitem.item::after { /*clearfix*/ width: 900px; padding: 0 20px; content: ""; clear: both; display: block; } /*h3を横いっぱいにする*/ .pc.item_news #contents > .inner, .pc.item_coupon #contents > .inner, .pc.item_recruit #contents > .inner, .pc.item_news #contents-main.all, .pc.item_coupon #contents-main.all, .pc.item_recruit #contents-main.all { max-width: none; min-width: 0; width: 100%; padding: 0; } .pc.item_news article.shopnewsitem, .pc.item_coupon article.shopnewsitem, .pc.item_recruit article.shopnewsitem { width: 100%; } .pc.item_news article .inner, .pc.item_coupon article .inner, .pc.item_recruit article .inner { width: 900px; padding: 0 0; margin: 0 auto 40px; } /*以上*/ .shopnewsitem.item .date { margin: 20px 80px 0; } .shopnewsitem.item .imgarea { background: #eee; padding: 0 0; margin: 0 80px; } .shopnewsitem.item.noimg .imgarea { display: none; } /*アイテム一覧　メイン画像*/ .shopnewsitem .slick-list { margin: 0 0 10px; } .shopnewsitem .main_img { height: 500px; } .shopnewsitem .main_img img { display: block; margin: 20px auto 0; top: 0; position: relative; max-height: 100%; } .shopnewsitem .main_img img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*アイテム一覧　サムネイル画像*/ .shopnewsitem .thum_imgs { width: 600px; margin: 0 auto; } .shopnewsitem .thum_img { width: 120px; height: 120px; border: 4px solid transparent; margin: 0 10px 20px; overflow: hidden; } .shopnewsitem .thum_img span { display: block; width: 120px; height: 120px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 auto; cursor: pointer; } .shopnewsitem .thumb-current { border: 4px solid #E93722; } .shopnewsitem .slick-prev, .slick-next { cursor: pointer; } .shopnewsitem .slider.slider-nav.thum_imgs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shopnewsitem .slick-arrow { position: absolute; top: 560px; z-index: 1000; font-size: 30px; color: #E93722; } .shopnewsitem .slick-next { right: 6px; } .shopnewsitem .slick-prev { left: 6px; } /*items 左側*/ .shopnewsitem .desc { width: 740px; width: 100%; padding: 0 80px; margin: 0 0 40px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .shopnewsitem .desc h4 { font-size: 20px; font-weight: bold; margin: 16px 0; } .shopnewsitem .desc .price { font-weight: bold; } .shopnewsitem.sale .desc .price { color: #e33; } .shopnewsitem .desc .goodscomment { border: 4px solid #e3e8e9; border-width: 4px 0 0; margin: 16px 0; padding: 16px 0; font-size: 14px; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; } .shopnewsitem .mdlistiew { margin: 10px 0; padding: 0; text-align: left; } .shopnewsitem .mdlistiew li { margin: 0 5px 5px 0; } .shopnewsitem .link { text-align: center; padding-bottom: 30px; margin-bottom: 30px; border: 1px solid #bcc6c8; border-width: 0 0 1px; } .shopnewsitem .link a { text-align: center; text-decoration: none; background: #fff; padding: 20px; border-radius: 8px; position: relative; font-weight: 700; font-size: 16px; min-width: 40%; display: inline-block; border: 1px solid #bcc6c8; border-radius: 4px; padding: 16px 20px; } .shopnewsitem .link a::after { font-family: "font Awesome 5 Free"; margin: 0 0 0 10px; font-size: 22px; display: inline-block; content: "\f105"; font-weight: bold; vertical-align: middle; position: absolute; right: 8%; color: #E93722; } .shopnewsitem .tag_list { padding: 10px 0px; text-align: left; border-bottom: none; clear: both; } .shopnewsitem .tag_list_name { margin: 0 5px 5px 0; } /*ソーシャルボタン、いいねボタン*/ .shopnewsitem .goods_like_btn { width: calc(60% - 90px); margin: 0 0 20px 80px; border: 4px solid #e3e8e9; padding-top: 20px; height: 120px; } .shopnewsitem .goods_like_btn:before { font-family: "font Awesome 5 Free", "Cantarell", sans-serif; font-size: 18px; font-weight: bold; color: #333; content: "\f0d7　LIKE IT　\f0d7"; margin-bottom: 8px; display: block; } .shopnewsitem .goods_like_btn p { display: inline-block; padding: 0 0 20px; text-align: center; width: 100%; height: auto; border-radius: 0; background: none; } .shopnewsitem .goods_like_btn p:before { content: "このニュースにいいね！する"; color: #333; margin-right: 16px; font-size: 16px; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; } .shopnewsitem .goods_like_btn p i, .shopnewsitem .goods_like_btn p span { display: inline-block; margin-right: 8px; font-size: 1.5em; vertical-align: middle; color: #E93722; } .shopnewsitem .goods_like_btn p i { -webkit-animation: like_anime 4s ease infinite; animation: like_anime 4s ease infinite; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes like_anime { 0% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 5.55556% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 11.11111% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 16.66667% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 22.22222% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 27.77778% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 30.55556% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes like_anime { 0% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 5.55556% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 11.11111% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 16.66667% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 22.22222% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } 27.77778% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); } 30.55556% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .shopnewsitem .social { float: right; border: 4px solid #e3e8e9; margin: 0 80px 20px 0; width: calc(40% - 90px); height: 120px; } /*アイテム1記事の際のほかのアイテム一覧でいいねボタン非表示*/ body.item_news .goods_like_btn.mini p { /*display: none;*/ } /*セール*/ .shopnewsitem.cat1.sale .sale.icon { width: 100px; letter-spacing: 1.5px; line-height: 24px; height: 25px; font-size: 19px; padding: 0; text-align: center; } /*クーポン*/ .shopnewsitem.cat2 .desc { width: calc(100% - 160px); margin: 0 80px 40px; padding: 20px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .shopnewsitem.cat2 .desc h4 { color: #333; margin: 0; padding: 0 0 16px; border: 4px solid #e3e8e9; border-width: 0 0 4px; line-height: 1.4em; word-break: break-word; } .shopnewsitem.cat2 .desc dl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #bcc6c8; border-width: 0 0 1px; } .shopnewsitem.cat2 .desc dl:last-of-type { border: 4px solid #e3e8e9; border-width: 0 0 4px; } .shopnewsitem.cat2 .desc dt, .shopnewsitem.cat2 .desc dd { padding: 20px; font-size: 16px; line-height: 1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; } .shopnewsitem.cat2 .desc dt { background: #e3e8e9; width: 20%; font-weight: bold; text-align: center; } .shopnewsitem.cat2 .desc dd { width: 80%; } .shopnewsitem.cat2 .desc .print a { width: 40%; border-radius: 4px; display: block; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 16px; font-size: 18px; border: 1px solid #E93722; color: #333; text-align: center; margin: 30px auto 20px; -webkit-transition-duration: .2s; transition-duration: .2s; } .shopnewsitem.cat2 .desc .print a:hover { background: #E93722; color: #fff; opacity: 1; } .shopnewsitem.cat2 .desc .print a:hover::before { color: #fff; } .shopnewsitem.cat2 .desc .print a:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f02f"; margin-right: 8px; color: #E93722; -webkit-transition-duration: .2s; transition-duration: .2s; } .shopnewsitem.cat2 .mdlistiew { width: 600px; padding: 20px 40px 0 80px; clear: both; } .pc .sp_couponview { display: none; } /*tag*/ /*求人情報　item_recruite.jsp*/ .pc .recruititem.item h4 { color: #333; margin: 10px auto 20px; padding: 20px 30px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-weight: bold; font-size: 18px; line-height: 1.5em; border: 4px solid #e3e8e9; } .pc .recruititem.item .date { margin: 20px 80px 0; } .pc .recruititem.item .imgarea { background: #e3e8e9; padding: 20px 0; margin: 0 80px 20px; } .pc .recruititem.item .imgarea img { display: block; margin: 0 auto; max-height: 480px; max-width: 480px; } .pc .recruititem.item .desc { width: 800px; padding: 0 80px; margin: 20px 0 40px; } .pc .recruititem.item.cat3 th { width: 30%; padding: 10px 25px; text-align: center; font-weight: bold; } .pc .recruititem.item.cat3 td { padding: 16px 20px 16px 25px; line-height: 1.3em; } .other_jobs .cat_items h3 { display: none; } #contents-main .other_jobs h3 { background: none; text-align: center; border: none; font-size: 12px; font-weight: normal; margin: 20px 0 24px; padding: 10px 0 6px; position: relative; border: 4px solid #e3e8e9; border-width: 0 0 4px; line-height: 1.6em; } #contents-main .other_jobs h3:before { content: ""; width: 160px; height: 4px; display: block; background: #E93722; left: 0; right: 0; margin: auto; bottom: -4px; position: absolute; } #contents-main .other_jobs h3:after { content: "HELP WANTED"; display: block; font-family: "Cantarell", sans-serif; font-size: 18px; font-weight: bold; line-height: 1.2em; } /*共通戻るボタン*/ .return_shop, .return_list { clear: both; margin: 20px 0; line-height: 1em; text-align: center; } .return_shop a, .return_list a { display: inline-block; padding: 16px 24px; border-radius: 4px; background: #e3e8e9; font-size: 14px; border: 1px solid #bcc6c8; } .return_shop a:before, .return_list a:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f104"; font-size: 20px; margin-right: 8px; vertical-align: middle; color: #E93722; } /* --------------------------------------------- div#goodslist-header-navi --------------------------------------------- */ .pc div#goodslist-header-navi { padding: 20px 0; } .pc div#goodslist-header-navi dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pc div#goodslist-header-navi dl a { font-size: 15px; padding: 2px 18px; border-right: 1px solid #bcc6c8; position: relative; } .pc div#goodslist-header-navi dl a::after { -webkit-transition-duration: .2s; transition-duration: .2s; position: absolute; content: ""; display: block; width: calc(100% - 36px); height: 0; background: #E93722; bottom: -8px; left: 0; right: 0; margin: auto; } .pc div#goodslist-header-navi dl .current a, .pc div#goodslist-header-navi dl a:hover { opacity: 1; } .pc div#goodslist-header-navi dl .current a::after, .pc div#goodslist-header-navi dl a:hover::after { height: 4px; } .pc div#goodslist-header-navi dt.all { font-family: "Cantarell", sans-serif; font-weight: bold; } /* ----------------------------------------- goodslist.jspを基本に.NewsItemList ※この見せ方のページは、class="NewsItemList" ※上位のスタイルを上書きするために#contents-main が必要 ----------------------------------------- */ #contents .NewsItemList #items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #contents .NewsItemList .item { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 32px; position: relative; overflow: hidden; margin: 6px 0 0; } #contents .NewsItemList .item .news_box { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .NewsItemList .item p.image { width: 160px; height: 210px; float: right; position: relative; border: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .NewsItemList .item p.image .ico_new { top: -16px; right: -10px; } #contents .NewsItemList .item p.image a { display: block; width: 100%; height: 100%; } #contents .NewsItemList .item p.image .no_img_logo { border: none; background-size: 100px auto; } .pc #contents .NewsItemList .item .desc { width: calc(100% - 175px); position: relative; padding: 25px 0 0 0; } #contents .NewsItemList .item .desc .goods { font-size: 14px; font-weight: bold; border: none; padding: 0; background: none; text-align: left; position: relative; line-height: 20px; word-break: break-all; } #contents .NewsItemList .item.sale .desc .goods a { color: #e33; } #contents .NewsItemList .item.cat2 .desc .goods:before { text-align: center; font-family: "Cantarell", sans-serif; color: #E93722; display: block; font-size: 12px; border: 1px solid #E93722; border-width: 1px; padding: 0 8px; vertical-align: top; margin: -4px 0 4px; } #contents .NewsItemList .item.cat2 .desc .goods:before { content: "COUPON"; width: 5.5em; } #contents .NewsItemList .item.cat2 .desc .goods a { line-height: 18px; margin-left: 2px; } #contents .NewsItemList .item .desc .name { font-size: 12px; line-height: 16px; margin-top: 10px; } #contents .NewsItemList .item .desc .price { font-weight: bold; font-size: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #contents .NewsItemList .item .desc .price .tax { font-size: 80%; margin-left: .3em; } #contents .NewsItemList .item .date { position: absolute; font-size: 12px; line-height: 1em; margin: 4px 0 12px; font-family: "Cantarell", sans-serif; font-weight: bold; } #contents .NewsItemList .item .desc .date .ico_new { margin-left: 4px; } #contents .NewsItemList .item .goods_like_btn.mini { left: 32px; right: auto; bottom: 66px; } #contents .NewsItemList .item .morelink { position: absolute; bottom: 28px; left: 32px; } #contents .price_date { padding: 0 28px; margin: 20px 0 0; font-size: 10px; } /* --------------------------------------------- ニュース一覧など　次へボタン --------------------------------------------- */ #goodslist-navi { margin: 40px 0 0; overflow: hidden; } #goodslist-navi .back { float: left; } #goodslist-navi .next { float: right; } #goodslist-navi form input[type="submit"] { color: #000; padding: 12px 12px 12px 15px; font-size: 16px; border-radius: 4px; border: none; cursor: pointer; border: 1px solid #bcc6c8; background: #e3e8e9; text-shadow: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; } body.index #search-category, body.index #search-on, body.index #search-floor { margin-bottom: 32px; } body.index .search { padding: 0 20px 0; } body.index .search h3 { margin-bottom: 20px; } body.index .search #search-all { clear: both; } body.index .search .search_block { margin: 0 0 32px; } body.index .search .search_block { text-align: center; overflow: hidden; } body.index .search .search_block ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.index .search .search_block ul li { width: calc(100% / 4 - 8px); margin: 0 4px 10px; display: block; border-radius: 8px; } body.index .search .search_block ul li a { display: block; width: 100%; height: 100%; padding: 20px 35px 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; font-weight: bold; border-radius: 4px; border: 1px solid #bcc6c8; } body.index .search .search_block ul li a:after { content: "\f105"; font-family: "font Awesome 5 Free"; color: #E93722; font-size: 24px; font-weight: bold; position: absolute; right: 10px; top: calc(100% / 2 - 0.5em); } body.index .search .search_block ul li a:hover:before { border-left-color: #fff; } body.index .search div#search-all { margin: 0 0 10px; padding-left: 0px; } body.index .search div#search-all div.title p { margin: 0 24px 4px; text-align: right; font-size: 10px; } body.index .search div.title h4 { padding: 16px; font-weight: bold; font-size: 16px; background: #e3e8e9; text-align: center; margin-bottom: 20px; } body.index div#searchcat table.table01, body.index div#searchon table.table01 { clear: both; } body.index div.search table.table01 td { padding: 16px 8px; } body.index div.search table.table01 td.tel, body.index div.search table.table01 td.hour, body.index div.search table.table01 td.floor { font-size: 12px; line-height: 16px; } body.index div.search table.table01 th { display: none; } body.index div.search table.table01 td.name { width: 38%; padding: 16px 8px 16px 16px; } body.index div.search table.table01 td.name p { font-size: 16px; line-height: 20px; } body.index div.search table.table01 td.name a { font-weight: bold; } body.index div.search table.table01 td.name .biz { font-size: 14px; } body.index div.search table.table01 td.logo { width: 120px; text-align: center; border-right: 4px solid #e3e8e9; padding: 20px 20px 20px 0; } body.index div.search table.table01 td.logo img { width: 100px; margin: 0 auto; } body.index div.search table.table01 td.tel { width: 15%; padding-left: 20px; } body.index div.search table.table01 td.tel p:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f095"; margin: 0 4px 0 0; font-size: 14px; } body.index div.search table.table01 td.hour { width: 25%; white-space: pre-wrap; } body.index div.search table.table01 td.hour p:before { font-family: "font Awesome 5 Free"; font-weight: normal; content: "\f017"; margin: 0 4px 0 0; font-size: 14px; } body.index div.search table.table01 td.floor { text-align: center; position: relative; padding-right: 24px; } body.index div.search table.table01 td.floor a { font-weight: bold; } body.index div.search table.table01 td.floor:after { content: "\f105"; font-family: "font Awesome 5 Free"; color: #E93722; font-size: 24px; font-weight: bold; position: absolute; right: 10px; top: calc(100% / 2 - 0.4em); } body.index div.search table.table01 tr:first-child { border-top: 4px solid #e3e8e9; } body.index div.search table.table01 td .ico_jobs, body.index div.search table.table01 td .ico_new2, body.index div.search table.table01 td .ico_coupon { display: none; } body.index div.search #shop-icon { display: none; margin: 8px 16px; } body.index div.search #shop-icon ul li { display: inline-block; margin-right: 20px; font-size: 90%; } body.pc.index div#category-navi { padding: 0 0 30px; } body.pc.index div#category-navi ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.pc.index div#category-navi ul a { font-size: 15px; padding: 2px 18px; border-right: 1px solid #bcc6c8; position: relative; } body.pc.index div#category-navi ul a::after { -webkit-transition-duration: .2s; transition-duration: .2s; position: absolute; content: ""; display: block; width: calc(100% - 36px); height: 0; background: #E93722; bottom: -8px; left: 0; right: 0; margin: auto; } body.pc.index div#category-navi ul li:first-child a { border-left: 1px solid #bcc6c8; } body.pc.index div#category-navi ul .current a, body.pc.index div#category-navi ul a:hover { opacity: 1; } body.pc.index div#category-navi ul .current a::after, body.pc.index div#category-navi ul a:hover::after { height: 4px; } /* --------------------------------------------- 目的・シーンから探す　scene.jsp --------------------------------------------- */ body.scene #contents-main.scene h3 { margin-bottom: 20px; } body.scene .scene section { padding: 20px 20px 0; } body.scene .scene .scene_box ul { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.scene .scene .scene_box ul li { margin: 0 4px; width: calc(100% / 4 - 8px); } body.scene .scene .scene_box ul li .imgbnr { border: 1px solid #bcc6c8; } body.scene .scene .scene_box ul li .txt p:before { font-family: "font Awesome 5 Free"; font-weight: bold; content: "\f0d8"; margin: 0 4px 0 0; color: #E93722; font-size: 18px; } body.scene .scene .news_box ul { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.scene .scene .news_box ul li { width: calc(100% / 4 - 8px); margin: 0 4px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } body.scene .scene .news_box ul li i { display: block; font-size: 32px; margin-bottom: 4px; } body.scene .scene .news_box ul li a { padding: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; border-radius: 8px; border: 1px solid #bcc6c8; } body.scene .scene .news_box ul li .num { display: block; text-align: center; border-radius: 50%; color: #005160; font-size: 16px; font-family: "Cantarell", sans-serif; letter-spacing: 0.05em; font-weight: bold; line-height: 1em; padding-top: 4px; } body.scene .scene .favorite_box .item { width: 20%; height: 240px; padding: 16px; margin: 10px 0 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; } body.scene .scene .favorite_box .item .ranking_box { width: 100%; height: 100%; overflow: hidden; } body.scene .scene .favorite_box .item .rank { position: absolute; background: #8E6B4F; display: block; color: #fff; text-align: center; font-family: "Cantarell", sans-serif; font-weight: bold; z-index: 10; top: 14px; left: -40px; padding: 4px 60px 4px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 16px; } body.scene .scene .favorite_box .item:nth-of-type(1) .rank { background: #B29C60; } body.scene .scene .favorite_box .item:nth-of-type(2) .rank { background: #919191; } body.scene .scene .favorite_box .item .image { height: 140px; position: relative; } body.scene .scene .favorite_box .item .image .img_bg_css.no_img_logo { background-size: 70px auto; } body.scene .scene .favorite_box .item .goods_like { float: left; padding-top: 14px; margin: 0 8px 0 0; width: 40px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: #005160; background: #e3e8e9; font-family: "Cantarell", sans-serif; text-align: center; font-size: 14px; line-height: 1.4em; } body.scene .scene .favorite_box .item .goods_like i { display: block; } body.scene .scene .favorite_box .item .desc { margin-top: 10px; } body.scene .scene .favorite_box .item .title { display: block; margin: 0 0 2px 0; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.scene .scene .favorite_box .item .name.subtitle, body.scene .scene .favorite_box .item .floor { line-height: 16px; font-size: 12px; } body.index div#coupon, body.index div#recruit, body.index div#service { padding: 0 0; } body.index div#coupon h2, body.index div#recruit h2, body.index div#service h2 { margin-left: -16px; margin-right: -16px; } body.index div#coupon div.title, body.index div#recruit div.title, body.index div#service div.title { margin: 0 0 16px; overflow: hidden; } body.index div#coupon div.title h3 a, body.index div#recruit div.title h3 a, body.index div#service div.title h3 a { color: #fff; text-decoration: none; } body.index div#searchcat div.title p, body.index div#searchon div.title p, body.index div#coupon div.title p, body.index div#recruit div.title p, body.index div#service div.title p { float: right; text-align: right; font-size: 10px; } body.index div#coupon div.item, body.index div#recruit table.table01, body.index div#service table.table01 { margin: 16px 0; } /* --------------------------------------------- ショップサービス bf=4 --------------------------------------------- */ body.index.bf4 .ServiceItemList { margin: 20px 0; } .pc body.index.bf4 div#goodslist-header-navi { padding-top: 0; } body.index.bf4 div#service table.table01 { margin: 0 auto 40px; width: 100%; } body.index.bf4 div#service table.table01 .name { width: 30%; padding: 20px; } body.index.bf4 div#service table.table01 .name a { font-weight: bold; font-size: 16px; } body.index.bf4 div#service table.table01 .name .floor { font-size: 12px; } body.index.bf4 div#service table.table01 .logo { width: 140px; text-align: center; } body.index.bf4 div#service table.table01 .logo .img_bg_css.no_img_logo { border: none; } body.index.bf4 div#service table.table01 .service { border-left: 4px solid #e3e8e9; } body.index.bf4 div#service table.table01 .service p { white-space: pre-wrap; padding: 0 16px; } /* --------------------------------------------- クーポン　bf=3 --------------------------------------------- */ body.index.bf3 .cat_items { overflow: hidden; padding: 0 20px; } body.index.bf3 .cat_items article { overflow: hidden; position: relative; border-bottom: 1px solid #bcc6c8; padding: 10px 10px 30px; } body.index.bf3 .cat_items article .morelink { bottom: 0px; } body.index.bf3 .cat_items article .shopname { display: block; padding: 5px 0 0; } body.index.bf3 .cat_items article .shopname a { color: #005160; } body.index.bf3 .goods_like_btn.mini { bottom: auto; left: auto; position: static; } /* --------------------------------------------- 求人情報　bf=5 --------------------------------------------- */ .pc .index.bf5 #goodslist-header-navi { margin-top: -30px; } .pc .index.bf5 #goodslist-header-navi dl dd:first-of-type a { border-left: 1px solid #bcc6c8; } body.voice .VoiceItemList { margin: 20px; } body.voice .VoiceItemList article { overflow: hidden; margin: 0 10px 10px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 47%; display: inline-block; width: calc(50% - 24px); } body.voice .VoiceItemList article .detail { padding: 20px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background: #bcc6c8; border-radius: 10px; } body.voice .VoiceItemList article .detail::after { content: ""; display: block; position: absolute; bottom: -6px; left: 40px; width: 13px; height: 13px; background: #bcc6c8; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.voice .VoiceItemList article .detail .goodsname { font-weight: bold; } body.voice .VoiceItemList article .detail .sendtime { position: absolute; background: #005160; color: #fff; display: block; top: -10px; padding: 0px 8px; font-size: 12px; font-weight: bold; border-radius: 40px; left: 10px; } body.voice .VoiceItemList article .shopname { display: block; float: left; width: 280px; padding: 20px 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body.voice .VoiceItemList article .shopname span { display: block; font-size: 12px; } body.voice .VoiceItemList article .shopname a { font-weight: bold; text-decoration: underline; font-size: 16px; } body.voice .VoiceItemList article .logoimg { vertical-align: middle; float: right; width: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0; } body.voice .VoiceItemList article .logoimg img { width: 100px; max-width: auto; max-height: 100px; } #event_lists .events { padding: 20px; overflow: hidden; position: relative; margin: 10px 0 0; border-top: 1px solid #bcc6c8; } #event_lists .events .c1 { float: right; margin-left: 24px; } #event_lists .events .c1 p.image { overflow: hidden; max-height: 280px; } #event_lists .events .c1 p.image img { width: 240px; } #event_lists h4 { margin: 16px 0 16px 0; font-weight: bold; overflow: hidden; font-size: 16px; } #event_lists h4 a { text-decoration: underline; } #event_lists .table01 { width: calc(100% - 280px); margin: 20px 0; border-collapse: collapse; border-spacing: 0; } #event_lists .table01 th, #event_lists .table01 td { padding: 10px; font-size: 12px; } #event_lists .table01 th { width: 25%; } .event-cat-title { clear: both; margin: 16px 0; } .event-cat-title .cat_title { padding: 12px 16px; font-weight: bold; font-size: 16px; background: #e3e8e9; text-align: center; } #ev-navi { text-align: center; margin: 10px 0; } .ev-navi_bottom { text-align: center; padding: 24px; } .ev-navi_bottom .ev-navi-cal, #ev-navi .ev-navi-cal { margin-left: 16px; display: inline-block; vertical-align: top; } .ev-navi_bottom .ev-navi-cal i { font-size: 18px; margin-right: 10px; } .ev-navi_bottom .ev_all_link { display: inline-block; vertical-align: top; } .pc #ev-navi, .pc .ev-navi_bottom { display: none; } .ev-navi-article { width: 192px; display: inline-block; text-align: left; } .ev-navi-article dl { position: relative; } .ev-navi-article dl dt { border: 1px solid #bcc6c8; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-right: 40px; text-align: center; font-size: 14px; border-radius: 0; font-size: 4.375vw; } .ev-navi-article dl dt::before { content: ""; display: inline-block; width: 0; border-left: 1px solid #bcc6c8; height: 24px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; } .ev-navi-article dl dt::after { content: ""; font-family: "font Awesome 5 Free"; font-weight: bold; color: inherit; font-size: 16px; color: #333; position: absolute; right: 0px; top: 0px; width: 40px; text-align: center; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .ev-navi-article dl dt.active::after, .ev-navi-article dl dt.up::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 769px) { .ev-navi-article dl dt { font-size: 14px; } } .ev-navi-article dl dd { display: none; position: absolute; top: 42px; left: 0; width: 100%; border: 1px solid #bcc6c8; border-top: none; z-index: 20; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-radius: 0; font-size: 4.0625vw; } .ev-navi-article dl dd li, .ev-navi-article dl dd > dd, .ev-navi-article dl dd > dt { display: block; } .ev-navi-article dl dd li:not(:last-of-type), .ev-navi-article dl dd > dd:not(:last-of-type), .ev-navi-article dl dd > dt:not(:last-of-type) { border-bottom: 1px solid #e3e8e9; } .ev-navi-article dl dd li > a, .ev-navi-article dl dd > dd > a, .ev-navi-article dl dd > dt > a { padding: 4px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; } .ev-navi-article dl dd li > a::after, .ev-navi-article dl dd > dd > a::after, .ev-navi-article dl dd > dt > a::after { content: ""; font-family: "font Awesome 5 Free"; font-weight: bold; color: inherit; font-size: 16px; display: inline-block; color: #E93722; position: absolute; left: auto; right: 0px; top: calc(100% / 2 - 12px); bottom: auto; width: 1em; } @media screen and (min-width: 769px) { .ev-navi-article dl dd { font-size: 13px; } } .ev-navi_bottom .ev-navi-cal a, #ev-navi .ev-navi-cal a, .ev-navi_bottom .ev_all_link a { display: inline-block; padding: 8px 24px; font-size: 14px; border: 1px solid #bcc6c8; } #ev-navi .ev-navi-cal a { font-size: 18px; } #ev-navi .ev-navi-cal a:after { font-family: "font Awesome 5 Free"; margin: 0 0 0 20px; font-size: 20px; display: inline-block; content: "\f105"; font-weight: bold; color: #E93722; } #ev-navi .ev-navi-cal a .fa { margin-right: 6px; } #ev-navi .ev-navi-cal a:after { font-family: "font Awesome 5 Free"; margin: 0 0 0 10px; font-size: 20px; display: inline-block; content: "\f105"; font-weight: bold; color: #E93722; } .ev-navi_bottom .ev_all_link a:before { font-family: "font Awesome 5 Free"; content: "\f0d9"; font-weight: 900; display: inline; padding-right: 8px; font-size: 18px; color: #E93722; } .ev-navi_bottom .ev-navi-cal a .fa, .ev-navi_bottom #ev-navi .ev-navi-cal a .fa, .ev-navi_bottom .ev_all_link a .fa { margin-right: 12px; font-size: 18px; } .events .e_category { font-size: 12px; display: inline-block; background: #333; color: #fff; padding: 0 6px; } body.view.eventnews #more-btn { text-align: center; margin: 0px 16px 16px; } body.eventnews #more-btn span { display: block; background: #e3e8e9; padding: 10px 20px; cursor: pointer; } /* --------------------------------------------- イベントニュース　item_eventnews.jsp --------------------------------------------- */ body.item_eventnews .item { overflow: hidden; border-bottom: 4px solid #e3e8e9; } body.item_eventnews #contents-main .item .title h3 { font-size: 18px; margin: 0 0 10px; text-align: left; } body.item_eventnews #contents-main .item .subtitle h4 { padding: 0 16px 10px; border-bottom: 1px dotted #bcc6c8; line-height: 1.4em; } body.item_eventnews #contents-main .item .images { margin: 24px 0; } body.item_eventnews #contents-main .item .images .image { margin: 0 0 16px 0; text-align: center; } body.item_eventnews #contents-main .item .images .image img { max-width: 560px; max-height: 420px; } body.item_eventnews #contents-main .item .images .image .caption_in { display: block; width: 100%; padding: 5px; } body.item_eventnews #contents-main .item .images .subimg { text-align: center; margin: 10px auto 20px; } body.item_eventnews #contents-main .item .images .subimg li { width: 130px; height: 130px; display: inline-block; background: #eeeeee; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0 5px; } body.item_eventnews #contents-main .item .images .subimg li span { display: table-cell; width: 130px; height: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 130px; margin: 0 auto; vertical-align: middle; } body.item_eventnews #contents-main .item .images .subimg li img { max-width: 100%; max-height: 100%; cursor: pointer; vertical-align: middle; display: block; margin: 0 auto; text-align: center; } body.item_eventnews #contents-main .item.noimg .images .desc { float: none; width: 100%; } body.item_eventnews #contents-main .item .desc { overflow: hidden; } body.item_eventnews #contents-main .item .desc a { text-decoration: underline; } body.item_eventnews #contents-main .item .desc .ev_content { margin-bottom: 20px; word-break: break-word; font-size: 14px; } body.item_eventnews #contents-main .item .desc .section { margin: 20px 0; } body.item_eventnews #contents-main .item .desc .remarks { padding: 16px; } body.item_eventnews #contents-main .item .desc .remarks dt { margin-bottom: 4px; font-weight: bold; } body.item_eventnews #contents-main .item .desc .remarks dd { font-size: 12px; line-height: 18px; white-space: pre-wrap; } body.item_eventnews #contents-main .item .desc .link { text-align: center; margin: 30px 0; } body.item_eventnews #contents-main .item .desc .link a { text-align: center; text-decoration: none; padding: 20px 30px 20px 20px; border-radius: 4px; position: relative; font-weight: 700; font-size: 16px; min-width: 40%; display: inline-block; border: 1px solid #E93722; } body.item_eventnews #contents-main .item .desc .link a:after { font-family: "font Awesome 5 Free"; margin: 0 0 0 10px; font-size: 18px; color: #E93722; display: inline; content: "\f105"; font-weight: bold; position: absolute; right: 10px; } body.item_eventnews #contents-main .item .desc table.table01 th i { font-size: 20px; } body.item_eventnews #contents-main .item .desc table.table01 td { white-space: pre-wrap; } body.item_eventnews #contents-main .item .social { border-top: 4px solid #e3e8e9; margin-top: 40px; } body.item_eventnews #contents-main　.tag_list{ padding: 20px 15px 0; } body.item_eventnews #contents-main　.item .desc .tag_list a{ text-decoration: none; } /*tag list*/ #contents-main .event_tags { margin: 40px 0 0; text-align: center; background: #e3e8e9; } #contents-main .event_tags .event_tags-title { border: none; position: relative; margin-bottom: 10px; padding-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents-main .event_tags .event_tags-title em { font-family: "Cantarell", sans-serif; font-weight: bold; font-size: 18px; } #contents-main .event_tags .event_tags-title:before { content: "#"; font-family: "Cantarell", sans-serif; color: #E93722; margin: 0px 5px 0 0; } #contents-main .event_tags .event_tags-title:after { content: ""; position: absolute; display: block; width: 4em; height: 4px; background: #E93722; left: 0; right: 0; margin: auto; bottom: 0; } #contents-main .event_tags p { padding: 0 0 10px; margin: -5px 0 0; font-size: 14px; } #contents-main .event_tags .tag_list { padding-bottom: 8px; } #contents-main .event_tags .tag_list .tag_list_name a { background: #fff; } body.item_eventnews #contents-main #event_list { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; border: 4px solid #e3e8e9; } body.item_eventnews #contents-main #event_list .p_title { margin-top: -57px; width: 100%; } body.item_eventnews #contents-main #event_list .p_title h4 { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 0 0 12px; margin-bottom: 0; position: relative; } body.item_eventnews #contents-main #event_list .p_title h4:after { content: ""; position: absolute; display: block; width: 10em; height: 4px; background: #E93722; left: 0; right: 0; margin: auto; bottom: 0; } body.item_eventnews #contents-main #event_list .events { width: calc(100% / 3); padding: 0 18px; border-right: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } body.item_eventnews #contents-main #event_list .events:last-of-type { border: none; } body.item_eventnews #contents-main #event_list .events strong { font-size: 14px; } body.item_eventnews #contents-main #event_list .events .term { font-size: 12px; margin-top: 2px; word-break: break-all; } body.item_eventnews #contents-main #event_list .events h4 { font-weight: bold; line-height: 18px; margin-bottom: 4px; } body.item_eventnews #contents-main #event_list .events .subtitle { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; padding: 0 0 3px 0px; display: none; } body.item_eventnews #contents-main #event_list .events a { text-decoration: underline; } body.item_eventnews #contents-main #event_list .events .e_category { margin-bottom: 4px; } /* --------------------------------------------- イベントカレンダー　calendar.jsp --------------------------------------------- */ .cal_contents #event_lists h3 { border-bottom: 4px solid #eee; } .cal_contents #date_list02 { display: none; } /*---------------------- Shop Guide　関連の共通メニュー ----------------------*/ .shop_guide_menu ul { height: 70px; margin: 0 0 20px; border-bottom: 1px solid #bcc6c8; } .shop_guide_menu ul li { float: left; width: calc(100% / 3); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; height: 70px; vertical-align: bottom; border-right: 4px solid #fff; } .shop_guide_menu ul li a { display: inline-block; text-align: center; background: #eeeeee; width: 100%; height: 70px; line-height: 70px; position: relative; } .shop_guide_menu ul li.current a { position: relative; background: #555555; border-bottom: none; margin-top: 0; line-height: 70px; height: 70px; font-weight: bold; font-size: 18px; color: #fff; } .shop_guide_menu ul li.current a:after { content: ""; display: block; position: absolute; bottom: -23px; width: 0; height: 0; border: 12px solid transparent; left: 36%; left: calc(50% - 12px); border-top: 12px solid #555555; } #contents.favorite #favorite .item { border-bottom: 4px solid #e3e8e9; margin: 0 0 10px 0; padding: 20px 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #contents.favorite #favorite .item::after { content: ""; display: block; clear: both; } #contents.favorite #favorite .item .ranking_box { min-height: 100px; /*#contents.favorite #favorite .order の height と同値*/ } #contents.favorite #favorite .item .order { display: block; width: 100px; height: 200px; height: 240px; margin: 0 30px 0 0; background: #8A6B4F; font-family: "Cantarell", sans-serif; font-weight: 700; color: #fff; text-align: center; font-size: 26px; float: left; line-height: 100px; letter-spacing: 0.05em; } #contents.favorite #favorite .item:nth-of-type(1) .order { background: #AE9860; line-height: 20px; } #contents.favorite #favorite .item:nth-of-type(1) .order::before { font-family: "font Awesome 5 Free"; content: "\f521"; display: block; margin: 24px 0 10px 0; } #contents.favorite #favorite .item:nth-of-type(2) .order { background: #8D8D8D; } #contents.favorite #favorite .item .image { display: block; width: 160px; height: 240px; float: right; margin: 0 0 0 0; overflow: hidden; position: relative; border: 1px solid #bcc6c8; } #contents.favorite #favorite .item .image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } #contents.favorite #favorite .item .desc { display: block; width: calc(100% - 320px); float: left; } #contents.favorite #favorite .item .goods.title { margin: 0 0 20px 0; padding: 20px 0; display: block; border-bottom: 1px dotted #bcc6c8; font-size: 18px; line-height: 24px; } #contents.favorite #favorite .item .goods.title a { font-weight: bold; } /*いいねカウンター*/ #contents.favorite #favorite .goods_like_btn.mini { position: static; margin: 15px 0 15px; } #contents.favorite #favorite .goods_like_btn.mini p { width: auto; padding: 4px 30px; } #contents.favorite #favorite .item .fa-heart { font-size: 19px; margin: 0 8px 0 0; } #contents.favorite #favorite .item .cnt { display: inline-block; /* color: #555555; */ /* border: 2px solid #005160; */ border-radius: 3px; padding: 2px 0 3px 0; position: relative; font-family: "Cantarell", sans-serif; font-weight: bold; font-size: 22px; } /*morebtn*/ #contents.favorite #favorite .item .morelink { position: static; } #contents.favorite #favorite .item .morelink span { margin: 0; } /*タグ　タイトル部*/ #contents.tag .tag-title { position: relative; background: transparent; padding: 30px 0 10px 0; font-size: 18px; } #contents.tag .tag-title::after { content: ""; background: #e93722; position: absolute; display: block; width: 180PX; height: 4px; left: 0; right: 0; margin: auto; bottom: -4px; } #contents.tag .tag-title::before { content: "#"; font-family: "Cantarell", sans-serif; color: #E93722; font-size: 22px; margin: 0px 5px 0 0; vertical-align: middle; } #contents.tag .tag-title_main { vertical-align: middle; } #contents.tag .tag-title_count { font-size: 16px; font-weight: bold; background: #333; color: #fff; display: inline-block; width: 40px; height: 1.3em; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; margin-left: 8px; font-family: "Cantarell", sans-serif; font-weight: 700; line-height: 1.3em; } /*タグ　アイテムリスト*/ #contents #tag { text-align: center; } #contents #tag .goodslist { overflow: hidden; border: 4px solid #e3e8e9; border-bottom: none; padding: 20px 15px 0; } #contents #tag .goodslist .item { width: calc(100% / 3); height: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0 0; padding: 16px; float: left; text-align: left; position: relative; } #contents #tag .goodslist .item .news_box { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents #tag .goodslist .item p.image { width: 140px; height: 180px; float: right; border: 1px solid #bcc6c8; /**/ position: absolute; top: 5px; right: 14px; } #contents #tag .goodslist .item p.image a { display: block; width: 100%; height: 100%; } #contents.tag .price_date { font-size: 10px; padding: 10px; } #contents #tag .item .desc, #contents #tag .date { width: calc(100% - 150px); position: relative; padding: 0; } #contents #tag .ico_new2 { display: none; } #contents #tag .goodslist .item .goods { font-weight: bold; border: none; padding: 0; background: none; text-align: left; font-size: 14px; /* max-height:3.5em;*/ overflow: hidden; position: relative; margin: 0 0 2px 0px; line-height: 20px; } #contents #tag .goodslist .item .name { font-size: 12px; } #contents #tag .goodslist .item .price { display: none; font-weight: bold; font-size: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #contents #tag .goodslist .item .date { font-size: 12px; font-weight: bold; line-height: 1em; font-family: "Cantarell", sans-serif; } #contents #tag .goodslist .item .name { line-height: 150%; } #contents #tag .goods_like_btn, #contents #tag .morelink { display: none; } /*タグ　もっと見るボタン*/ #contents #tag .more-button-wrap { text-align: center; padding: 10px 0 40px; text-align: center; padding: 10px 0 25px; border: 4px solid #e3e8e9; border-top: none; margin: 0 0 15px; } #contents #tag .more-button-wrap:last-of-type { position: relative; margin-bottom: 60px; } #contents #tag .more-button-wrap:last-of-type:after { content: "OTHER TAGS"; display: inline-block; text-align: center; font-family: "Cantarell", sans-serif; position: absolute; bottom: -70px; font-size: 18px; font-weight: bold; border-bottom: 4px solid #E93722; left: calc(50% - 3.5em); } #contents #tag .tag_list_name:first-of-type { margin-top: 25px; } /*下部に並ぶタグ一覧(×フッター)*/ #contents #tag .tag_list_name a { padding: 7px 18px; } #contents #tag .tag_list_name a::before { vertical-align: unset; } #contents #tag .tag_list-tagname { font-weight: bold; } #contents #tag .tag_list-tagcount { font-size: 14px; font-weight: bold; background: #fff; display: inline-block; width: 24px; height: 24px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; padding-top: 0; margin-left: 8px; font-family: "Cantarell", sans-serif; font-weight: 700; } /*下部に並ぶタグ一覧（tagitemlist）*/ #contents .trendtag_list { background: #e3e8e9; width: 960px; margin: 0 auto; } #contents .trendtag_list h4 { font-family: "Cantarell", sans-serif; font-weight: bold; text-align: center; font-size: 18px; padding: 20px 0 6px; margin: 0 0 24px; position: relative; font-size: 18px; position: relative; } #contents .trendtag_list h4::after { content: ""; display: block; width: 160px; height: 4px; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto; background: #E93722; } /*#contents .trendtag_list h4 { font-family: $FONT_FAMILY_EN; font-weight: bold; text-align: center; font-size: 22px; padding: 20px 0 18px; } #contents .trendtag_list h4:before { content: "#"; margin: 0 5px 0 0; color: $KEY_COLOR_1; }*/ /*一覧へ戻るボタン*/ /*#contents.tag .return_list { clear: both; margin: 20px 0; line-height: 1em; text-align: center; } #contents.tag .return_list a { display: inline-block; padding: 10px 24px; border-radius: 24px; background: #eeeeee; font-size: 14px; } #contents.tag .return_list a:before { font-family: $ICON_FONT; font-weight: bold; content: "\f0d9"; font-size: 20px; margin-right: 8px; vertical-align: middle; }*/ /*Tag一覧ページのみ*/ .tagitemlist #contents.tag .tag-title { padding-top: 0; } .tagitemlist #contents.tag h3.tag-title::before { vertical-align: top; } .tagitemlist .tag_list_name a { background: #fff; } #contents.tag .NewsItemList { border: 4px solid #eaeaea; padding: 15px; } #contents #feature .feature { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; border-bottom: 4px solid #eeeeee; } #contents #feature .feature .image { display: block; float: right; width: 500px; height: 100px; margin: 0 0 0 20px; } #contents #feature .feature .title { padding: 10px 0; font-weight: bold; font-size: 18px; } #contents #feature .feature .date { font-size: 12px; } /*ピックアップガイド個別ページ*/ #contents #feature .feature article .content1 { white-space: pre-wrap; } #contents #feature .feature article .content2 { font-size: 10px; } body.item_feature #contents article h3 { border: none; margin: 0 0 20px; padding: 0; overflow: hidden; border: 4px solid #e3e8e9; border-width: 0 0 4px; background: none; } body.item_feature #contents article h3 .title { font-size: 18px; padding: 0 0 20px; } body.item_feature #contents article h3 .image { width: 100%; margin: 0 0 20px; } body.item_feature #contents article h3 .image img { width: 100%; } body.item_feature #contents-main .NewsItemList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 0 40px; } body.item_feature #contents-main .NewsItemList .item { border: 1px solid #bcc6c8; border-width: 0 0 1px; padding: 30px 0 60px; width: 100%; float: none; height: auto; overflow: hidden; } body.item_feature #contents-main .NewsItemList .item .image { border: none; } body.item_feature #contents-main .NewsItemList .item .name { padding-right: 100px; } body.item_feature #contents-main .NewsItemList .item .name a { font-size: 14px; font-weight: bold; text-decoration: underline; } body.item_feature #contents-main .NewsItemList .item .date, body.item_feature #contents-main .NewsItemList .item .morelink { display: none; } body.item_feature #contents-main .NewsItemList .item .desc .goods { font-size: 18px; line-height: 1.6em; margin: 0 0 10px; } body.item_feature #contents-main .NewsItemList .goodscomment { white-space: pre-wrap; font-size: 14px; line-height: 1.6em; } body.item_feature.pc #contents-main .NewsItemList .item .image { float: left; width: 40%; } body.item_feature.pc #contents-main .NewsItemList .item .desc { float: right; padding-top: 0; width: 58%; } body.item_feature.pc #contents-main .NewsItemList .item .goods_like_btn.mini { bottom: 30px; left: 42%; } body.item_feature.pc #contents-main .NewsItemList .item .name { margin-top: 10px; font-size: 14px; } body.item_feature #contents .content1, body.item_feature #contents .content2 { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 20px; text-align: center; } .bf2 #contents .voice { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 40px; } #contents .voice .p_title { width: 20%; text-align: center; } #contents .voice .p_title h2 { font-family: "Cantarell", sans-serif; font-weight: 700; font-size: 22px; background: #fff; margin: 0; padding: 0 0 12px; border-bottom: 0; width: auto; } #contents .voice .p_title ul { width: 100%; padding: 0; } #contents .voice .p_title ul li { width: 100%; } #contents .voice .swiper-container_voice { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } #contents .voice ul li { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } #contents .voice .swiper-container_voice.one_item ul li { width: 100%; } #contents .voice ul .logoimg a { border-radius: 12px; float: left; width: 70px; height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 4px; } #contents .voice ul .detail { width: calc(100% - 110px); float: right; margin: 0 20px 0 0; padding: 12px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; min-height: 70px; background: #bcc6c8; border-radius: 10px; } #contents .voice ul .detail::after { content: ""; display: block; position: absolute; width: 13px; height: 13px; top: 30px; left: -8px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #bcc6c8; } #contents .voice ul .goodsname { font-weight: bold; } #contents .voice ul .shopname a { display: block; font-size: 12px; } #contents .btn-more { display: inline-block; background: #e3e8e9; font-family: "Cantarell", sans-serif; padding: 0 14px; border-radius: 4px; font-size: 14px; font-weight: bold; line-height: 1.6em; border: 1px solid #bcc6c8; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .btn-more em { font-weight: inherit; } #contents .btn-more:after { content: "\f105"; font-family: "font Awesome 5 Free"; margin-left: 10px; font-size: 20px; font-weight: bold; color: #E93722; vertical-align: middle; } .shopnews_tab { height: 70px; margin: 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .shopnews_tab li { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; height: 70px; vertical-align: bottom; border-right: 4px solid #fff; } .shopnews_tab li:last-child { border-right: 0; } .shopnews_tab li a { display: inline-block; text-align: center; background: #e3e8e9; width: 100%; height: 70px; line-height: 70px; position: relative; } .shopnews_tab li a::after { content: "\f105"; font-family: "font Awesome 5 Free"; font-weight: bold; font-size: 24px; vertical-align: bottom; margin-left: 25px; color: #e83722; position: absolute; right: 25px; -webkit-transition-duration: .2s; transition-duration: .2s; } .shopnews_tab li a:hover::after { right: 20px; } .shopnews_tab li.current a { position: relative; background: #333; border-bottom: none; margin-top: 0; line-height: 70px; height: 70px; font-weight: bold; color: #fff; font-size: 20px; } .shopnews_tab li.current a:after { content: "\f107"; color: #fff; bottom: -24px; right: 0; left: 0; font-size: 90%; margin-left: 0; } .shopnews_tab li.current a:hover::after { bottom: -28px; } .shopnews_tab li a .num { font-size: 17px; font-family: "Cantarell", sans-serif; font-weight: bold; margin-left: 4px; /* line-height: 20px; text-align: center; color: $KEY_COLOR_3; display: block; width: 40px; height: 20px; border-radius: 100px; box-sizing: border-box; opacity: 1.0; background: #fff; position: absolute; top: 5px; right: 10px;*/ } .shopnews_tab li a .num::before { content: "("; } .shopnews_tab li a .num::after { content: ")"; } .shopnews_tab li:nth-child(4) a:before { content: "#"; font-family: "Cantarell", sans-serif; margin: 0 4px 0 0; color: #005160; } #free_page_area .fp_content { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #free_page_area .fp_content img { max-width: 100%; } /*基本設定*/ #free_page_area h2 { text-align: left; } .fp_content h3 { margin: 16px 0; border: 1px solid #ccc; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 16px; background: #fff; } #free_page_area .fp_content h4 { font-weight: bold; margin: 8px 16px 4px; } #free_page_area .fp_content p { margin: 0 16px 16px; } #free_page_area .fp_content .table02 { border-collapse: collapse; width: 100%; word-break: break-all; } #free_page_area .fp_content .table02 th { background: #EAEAEA; font-weight: bold; border: 1px solid #ccc; padding: 12px 8px; } #free_page_area .fp_content .table02 td { border: 1px solid #ccc; padding: 12px 8px; } #sc_map iframe { width: 100%; height: 100%; border: 0; }