/* --------------------------------------- CSS初期化 --------------------------------------- */ @import"../lib/font_icn/css/font-awesome.min.css"; @import url('https://fonts.googleapis.com/css?family=Muli'); 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,strong,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;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE*/ input,textarea,select,button{*font-size:100%;} /*because legend doesn't inherit in IE */ 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; /* Mozilla */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ white-space:pre-wrap; /* CSS3 */ word-wrap:break-word; /* IE 5.5+ */ font-family: 'Muli',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; } a {text-decoration:none; color:#333; } a:hover {text-decoration:underline; color:#444; } .cfix{} .cfix:after{ content:""; display: block; height: 0px; clear: both; } /* のID名ルール施設名のアルファベットのクラス名ルール・管理画面共通 kanri　⇒ knr ・本部管理のみ master →　ms ・モール管理のみ dev ・ショップ管理のみ kgm ・ファイル名 */ /* --------------------------------------------- 共通部分をスタイルする --------------------------------------------- */ body{ background:#FFF; font-size:90%; color:#333; font-family: 'Muli',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; line-height:150%; position:relative; } /*IE10以上でフォントをメイリオ*/ @media all and (-ms-high-contrast: none){ body{ font-family: "メイリオ", "Meiryo", sans-serif; } } .to-top { position: fixed; bottom: 10px; right: 10px; width: 100px; background: rgba(0, 0, 0,.7); border-radius: 3px; font-size: 12px; z-index: 1000; } .to-top a { display: block; color: #fff; padding: 7px 5px 5px; text-align: center; text-decoration: none; } .to-top a:before { content:"▲"; line-height: 110%; display:block; text-align: center; } .to-top:hover { background: rgba(0, 0, 0,.6); } .ico_jobs, .ico_new, .ico_coupon{ display:inline-block; text-decoration: none; color:#fff; font-size:0.8em; padding:0 2px; border-radius:2px; line-height: 140%; margin:0 0px 0 3px; } .ico_jobs{background: #00A395;} .ico_new{color:#333;font-weight:bold;font-size:0.8em;text-transform:lowercase;background: #FF0;} .ico_coupon{background: #E84466;} span.sale{color:red;} .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 #E84466; } a:hover { opacity: 0.9; } img{ max-width:100%; } a.hoverlink { display: none; } /* --------------------------------------------- スマホコンテンツを非表示 --------------------------------------------- */ body.pc .sp_view{ display:none; } /* --------------------------------------------- 基本レイアウト(view,dev,kgm) --------------------------------------------- */ #main { width: 100%; margin: 0 auto; } /*#main:before{ content:"テスト"; display: inline-block; position:fixed; top:0; left:0; background:rgba(255,0,4,0.66); color:#fff; padding:4px; } */ header{ } #contents { clear: both; padding: 0; margin:30px 0 40px; } #contents:after { content:""; display: block; height: 0px; clear: both; } .inner { width:960px; margin:0 auto; } .inner:after { content:""; display: block; height:0px; clear: both; } header .logo{ float: left; max-width:200px; padding:20px 25px 0 0px; } header .logo img{ max-width:100%; max-height:100px; } header:after{ content:""; display: block; height:0px; clear: both; } header nav ul { margin:10px 0 0 0; } header nav ul li { float:left; box-sizing: border-box; display: inline-block; max-width:173px; } header nav ul li a{ display: block; box-sizing: border-box; text-align: center; padding:10px 10px 10px 0px; color:#555; } header nav ul li a:before { content:"●"; display: inline-block; color:#ccc; float: left; font-size:0.9em; margin-right:14px; } header nav ul li:last-of-type a { padding-right:0; } header nav ul li:last-of-type a:after { content:"●"; display: inline-block; color:#ccc; float: right; font-size:0.9em; margin-left:14px; } #contents-main { float:left; width:700px; } #contents-main.all { width:100%; } #contents-main h2{ border: 2px solid #ccc; border-radius: 16px; padding: 25px 20px; margin: 0 0 15px; font-size:20px; font-weight:bold; background: #fff; } #contents-main h2 span{ float: right; font-size: 0.8em; padding-top: 2px; opacity: 0.6; } #contents-main h3 { border: 1px solid #ccc; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 16px; background: #fff; } #sub { float:right; width:240px; } footer { margin:60px 0 50px 0 ; } footer .inner{ padding:20px 0 0; } footer .sc_foot_desc { background:#E4F4F1; text-align: center; } footer .sc_foot_desc ul { margin:0 0 16px; } footer .sc_foot_desc ul li{ display: inline-block; padding:0px 20px; line-height: 100%; border-right:1px solid #333; } footer .sc_foot_desc ul li:last-of-type{ border:none; } footer .sc_foot_desc address { font-weight:bold; display: block; margin:0; padding:0; overflow: hidden; } footer .sc_foot_desc address strong{ display:block; font-weight:bold; } footer .sc_foot_desc address .hours{ display: block; } footer .sc_foot_desc address .hours .hours_sub{ font-size:0.9em; } footer #footer_desc { float:left; width:650px; } footer #footer_desc dt{ float:left; width:70px; } footer #footer_desc dd{ padding:10px 0; } footer #footer_desc dt img{ width:100%; } footer #footer_desc dd ul li{ display: inline-block; padding:0px 8px; font-size:12px; line-height: 100%; border-right:1px solid #333; } footer .copyright { float:right; text-align: right; font-size:11px; padding:10px 0 0 ; width:310px; } footer .copyright img { width:140px; } #banner_mini {} #banner_mini ul li img{ width:100%; max-width:100%; } /* --------------------------------------------- .viewh表示側　共通設定　（） --------------------------------------------- */ body.view header { background: url(../img/bg_head.png) repeat-x center 134px; background-size: auto 4px; box-sizing:border-box; height:150px; } body.view header .inner{ position:relative; } body.view header h1{ display:none; } body.view header .scname{ font-size:24px; padding:42px 0 0 ; margin:0 0 0 30px; } body.view header .lang{ position: absolute; display: inline-block; top:20px; right:10px; } body.view header .lang a{ color:#555; } body.view header .lang i{ font-size:1.1em; margin-right:5px; } body.view.pc.gn_off header nav { float:right; margin-top:55px; } body.view.pc.gn_off header .scname { padding: 60px 0 0; margin: 0 0 0 0px; width:400px; float: left; } body.view #contents { } body.view table.table01 { border-collapse: collapse; width:100%; } body.view table.table01 tr{ } body.view table.table01 th, body.view table.table01 td{ padding:12px 8px; /*border:1px solid #ccc;*/ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } body.view table.table01 th{ background:#eee; text-align:center; font-weight:bold; } /* ----------------------------------------------------- サイドナビ部 ----------------------------------------------------- */ body.view #sub #sub-navi01{ margin-bottom:16px; } body.view #sub #sub-navi01 dl dt{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; text-align: center; } body.view #sub #sub-navi01 dl dd dl dt{ background: #eee; color:#E84466; border:none; border-radius: 8px; margin:6px 0; } body.view #sub #sub-navi01 dl dd dl dt.catttl{ position: relative; cursor: pointer; } body.view #sub #sub-navi01 dl dd dl dt.catttl .fa{ position: absolute; right:10px; top:26%; font-size:1.3em; } body.view #sub #sub-navi01 dl dd dl dt.catttl.up .fa{ transform: rotate(180deg); } body.view #sub #sub-navi01 dl dd dl dd.shoplist{ display: none; margin:0 5px; } body.view #sub #sub-navi01 dl dd dl dd.shoplist ul li{ border-bottom:1px dashed #ccc; } body.view #sub #sub-navi01 dl dd dl dd.shoplist ul li a{ padding:8px 12px 8px 6px; line-height: 18px; display:block; box-sizing: border-box; position: relative; } body.view #sub #sub-navi01 dl dd dl dd.shoplist ul li a:after{ content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 5px solid transparent; left: 98%; border-left: 6px solid #E84466; } /*イベントニュース、フロアガイド用*/ body.view #sub #sub-navi01.sub_lsit { margin:0 0 32px; } body.view #sub #sub-navi01.sub_lsit dl dd dl dt { padding:0; } body.view #sub #sub-navi01.sub_lsit dl dt a{ position:relative; padding:10px; background:#eee; border-radius:3px; display:block; text-decoration:none; font-size:16px; text-align:center; color:#E84466; } body.view #sub #sub-navi01.sub_lsit dl dt a:before { content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #E84466; left: 90%; position: absolute; top: 15px; } body.view #sub #sub-navi01 dl dl dt:hover a, body.view #sub #sub-navi01.sub_lsit dl dl dt:hover a{ background:#E84466; color:#fff; } body.view #sub #sub-navi01 dl dl dt:hover a:before, body.view #sub #sub-navi01.sub_lsit dl dl dt:hover a:before{ border-left-color: #fff; } body.view #sub #sub-navi01.sub_lsit dl dd.box dl dd{ padding:0; } body.view #sub #sub-navi01 dl dl li, body.view #sub #sub-navi01.sub_lsit dl dd.box dl dd{ border-bottom:1px dashed #ccc; font-size:14px; } body.view #sub #sub-navi01.sub_lsit dl dd.box dl dd a{ text-decoration:none; padding:10px 5px; display:block; } body.view #sub #sub-navi01.sub_lsit dl dd.box dl dd a:hover{ background:#eee; } body.view #sub #sub-navi01.sub_lsit dd.box dt, body.view #sub #sub-navi01.sub_lsit dd.box dd, body.view #sub #sub-navi01.sub_lsit dd.box li { font-size: small; } body.view #sub #sub-navi01.sub_lsit dd.box a { line-height:1.5; } body.view #sub .sc_facility { background: #01A396; border-radius: 16px; padding:5px 15px 20px; box-sizing: border-box; margin-bottom:16px; } body.view #sub .sc_facility #sc_map { height:190px; width:100%; } body.view #sub .sc_facility #sc_map .sc_point{ color:#E84466; font-weight:bold; } body.view #sub .sc_facility dt{ margin:10px 0 5px; color:#fff; text-align: center; font-size:16px; } body.view #sub .sc_facility dt .fa{ margin-right:8px; } body.view #sub .sc_facility dd.location p, body.view #sub .sc_facility dd.parking ul li{ background: #698AC1; background: rgba(255,255,255,0.3); color:#fff; text-align: center; padding:8px ; line-height: 16px; } body.view #sub .sc_facility dd.parking ul li { margin-bottom:1px; } body.view #sub .sc_facility dd p a{ display: block; } body.view #sub .sc_facility dd.location a.gmap_link, body.view #sub .sc_facility dd.parking a.access_link { background: #698AC1; background: rgba(255,255,255,0.3); color:#fff; text-align: center; font-size:12px; padding:8px ; display: block; position: relative; } body.view #sub .sc_facility dd.location a.gmap_link:after, body.view #sub .sc_facility dd.parking a.access_link:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 5px solid transparent; left: 92%; border-left: 6px solid #fff ;} body.view #sub #sub-navi02{ margin-bottom:16px; } body.view #sub #sub-navi02 ul{ border:1px solid #aaa; border-radius:8px; overflow: hidden; } body.view #sub #sub-navi02 ul li{ border-bottom:1px solid #aaa; } body.view #sub #sub-navi02 ul li:last-child{ border: none; } body.view #sub #sub-navi02 ul li a{ display: block; text-align: center; padding:10px 0; position: relative; } body.view #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 #EF9098; } body.view #sub #sub-navi02 ul li.cal .fa{ color:#00A395; font-size:1.2em; margin-right:0.4em; } body.view #sub .bnr-sns { margin-bottom:16px; } body.view #sub .bnr-sns li{} body.view #sub .bnr-sns li a{ display: block; padding:10px; text-align: center; color:#fff; font-size:2.2em; position: relative; } body.view #sub .bnr-sns li.bnr_fb a{background: #3B5997;} body.view #sub .bnr-sns li.bnr_tw a{background:#1DA1F3 ;} body.view #sub .bnr-sns li.bnr_inst a{background: #E54060;} body.view #sub .bnr-sns li.bnr_line a{background:#00BA01 ;} body.view #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; } body.view #sub .bnr-sns li a:hover{ opacity: 0.9; } body.view #sub .bnr-sns li a span{ display: none; } body.view #sub .bnr-sns li.bnr_line a span{ display: block; font-weight:bold; background: url(../img/ico_line.png) no-repeat center; background-size: 74px; text-indent: -999999em; padding: 5px 0; } body.view #sub #banner_mini ul { border:1px solid #aaa; padding:16px; border-radius:8px; overflow: hidden; } body.view #sub #banner_mini ul li{ margin:0 0 8px; } body.view #sub #banner_mini ul li:last-child{ margin:0; } /* --------------------------------------------- TOPページ --------------------------------------------- */ /*共通パーツ*/ body.bf0 .parts { margin-bottom:24px; border-radius:16px; overflow: hidden; background: #eee; } body.bf0 .parts:after { content:""; clear: both; display: block; height:0px; } body.bf0 #contents-main .parts .p_title h2{ border: none; padding: 0 8px; font-weight: normal; font-size: 18px; letter-spacing: 0.6px; background: none; margin: 0 0 8px 0; border-radius: 0; } body.bf0 #contents-main .parts .p_title h2 i{ color: #00A395; margin-right: 4px; } /*カレンダー*/ body.bf0 .cal_contents #day_content02 { max-height:500px; overflow-y:scroll !important; } body.bf0 #calendar { background:#fff; border:8px solid #eee; padding:16px; } /*バナー*/ body.bf0 #banner { width:100%; box-sizing: border-box; text-align: center; background: #eee; border-radius: 16px; padding:30px; position: relative; } body.bf0 #banner section.swiper-containe{ margin:0 auto; width:100%; } body.bf0 #banner ul li img, body.bf0 #banner ul li{ width:100%; } body.bf0 #banner ul li { max-height:280px; overflow: hidden; } body.bf0 .swiper-pagination { display: block; width:100%; position:static; text-align: center; z-index: 10; /* margin-bottom:-10px; */} body.bf0 .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; margin:0 3px; border-radius: 0; background: #fff; opacity: 1; } body.bf0 .swiper-pagination-bullet-active { opacity: 1; background: #555; } /*キーテナント*/ body.bf0 #key_logo { padding:25px; } body.bf0 #key_logo article { float:left; width:24%; box-sizing: border-box; overflow: hidden; margin:0.5%; } body.bf0.gn_off #key_logo article{ text-align: center; background: #fff; height:80px; } body.bf0 #key_logo article img{ box-sizing: border-box; padding: 12px 8px; max-height: 80px; background: #fff; } body.bf0 #key_logo article a { overflow: hidden; display: block; text-align: center; background: #fff; height:80px; } /*イベントニュース、ショップニュースMIX*/ body.bf0 .news02{ padding:20px 25px 25px; } body.bf0 .news02 .top_ev_new { width:100%!important; } body.bf0 .news02 .top_ev_new article { width:33.3333333333333333333333%; box-sizing: border-box; } body.bf0 .news02 .top_ev_new article.item .news_box:before { color:#fff; background: #00A395; display: inline-block; position: absolute; top:-1px; right:8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width:54px; height:36px; padding:6px 0 0 ; box-sizing: border-box; font-size:11px; white-space: pre; text-align: center; line-height: 1.0em; z-index: 2; letter-spacing: 0.6px; -moz-opacity: 0.8; opacity: 0.8; } body.bf0 .news02 .top_ev_new article.item.eventnews .news_box:before{ content: "Event&\ANews"; /* \A と　white-space: pre;　で改行できる　*/ } body.bf0 .news02 .top_ev_new article.item.shopnews .news_box:before { content: "Shop\ANews"; background: #E84466; } body.bf0 .news02 .top_ev_new article.item.shopnews.cat2 .news_box:before { content: "Shop\A Coupon"; background: #E84466; } body.bf0 .news02 .top_ev_new article.item.sale .news_box:before { content: "SALE"; color: #f00; letter-spacing: 1px; background: none; font-size: 200%; width: auto; } body.bf0 .news02 .top_ev_new article .news_box{ margin:5px; box-sizing: border-box; border-radius: 8px; position: relative; background: #fff; border: 1px solid #ccc; } body.bf0 .news02 .top_ev_new article .news_box:hover{ background: #f2f2f2; } body.bf0 .news02 .top_ev_new article.noimg .news_box{ padding-top:30px; } body.bf0 .news02 .top_ev_new article .news_box a.hoverlink{ /*一旦非表示*/ display: none; } body.bf0 .news02 .top_ev_new article.noimg .news_box a.hoverlink{ /*画像がない場合に表示*/ display: block; position: absolute; width:100%; height:100%; top:0;left:0; text-indent: -9999em; } body.bf0 .news02 .top_ev_new article .image { border-radius:8px 8px 0 0 /8px 8px 0 0; overflow: hidden; max-height:200px; } body.bf0 .news02 .top_ev_new article .image img{ border-radius:8px 8px 0 0 /8px 8px 0 0; width: 100%; /* transition: 0.5s;*/ } /* body.bf0 .news02 .top_ev_new article .image:hover img{ -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } */ body.bf0 #contents-main .news02 .top_ev_new article .desc h3.title { font-weight:bold; font-size: 0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:none; padding: 0; background: none; } body.bf0 .news02 .top_ev_new article .desc .subtitle{ font-size:0.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.bf0 .news02 .top_ev_new article .desc .price{ font-weight: bold; font-size:90%; } body.bf0 .news02 .top_ev_new article.sale .desc .price{ color:#f00; } body.bf0 .news02 .top_ev_new article .gcat_badge { display:none; } body.bf0 .news02 .top_ev_new article .desc .date{ display: none; } body.bf0 .top_ev_new { /* min-height: 400px;*/ max-height:700px!important; overflow: hidden; position: relative; padding-bottom:80px; } body.bf0 #news .top_ev_new { /* min-height: 400px;*/ max-height: 600px !important; overflow: hidden; position: relative; padding-bottom:80px; } body.bf0 .top_ev_new:after { display: block; position: absolute; bottom:0; width:100%; background:#eee ; height:100px; content:""; background: -moz-linear-gradient(top, rgba(234,234,234,0) 1%, rgba(234,234,234,1) 32%, rgba(234,234,234,1) 50%, rgba(234,234,234,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(234,234,234,0) 1%,rgba(234,234,234,1) 32%,rgba(234,234,234,1) 50%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(234,234,234,0) 1%,rgba(234,234,234,1) 32%,rgba(234,234,234,1) 50%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#eee',GradientType=0 ); /* IE6-9 */ z-index: 3; } body.bf0 .news02 .top_ev_new article .desc { padding:12px; position: relative; } body.bf0 .news02 .top_ev_new article.item .ico_new{ position: absolute; margin: 0; top: -8px; left: -2px; text-align: center; background: #FF0; -webkit-transform: rotate(-6deg) skew(-6deg); -moz-transform: rotate(-6deg) skew(-6deg); -o-transform: rotate(-6deg) skew(-6deg); -ms-transform: rotate(-6deg) skew(-6deg); transform: rotate(-6deg) skew(-6deg); padding: 0px 8px 0 12px; border-radius: 0; color: #333; letter-spacing: 4px; font-size: 0.8em; /*position: absolute; right:0; font-size:0.8em; background: #fff; border-radius: 10px; padding:0px 5px; margin:1px;*/ } body.bf0 .news02 .news_bottom_link { position:absolute; bottom:0px; width:100%; text-align: center; box-sizing: border-box; z-index: 10; } body.bf0 .news02 .news_bottom_link li{ display: inline-block; vertical-align: middle; width:32%; margin:0 2px; text-align: center; letter-spacing: 0.6px; } body.bf0 .news02 .news_bottom_link li a{ display: block; padding:18px 0 0; width:100%; background: #00A395; color:#fff; border-radius: 8px; box-sizing:border-box; height:60px; position:relative; } body.bf0 .news02 .news_bottom_link li a:after { content: ""; display: block; position: absolute; top: 41%; width: 0; height: 0; border: 5px solid transparent; right: 10px; border-left: 6px solid #fff; } body.bf0 .news02 .news_bottom_link li.cal{ width:60px; margin-right:16px; } body.bf0 .news02 .news_bottom_link li.cal a:after{ display:none; } body.bf0 .news02 .news_bottom_link li.cal a i{ font-size:24px; } body.bf0 .news02 .news_bottom_link li.shopnews a{ background: #E84466; } body.bf0 #event.parts { padding:25px; } body.bf0 #event.parts .p_title { position: relative; } body.bf0 #event.parts .p_title ul { position:absolute; right:0; top:0px; } body.bf0 #event.parts .p_title ul li { display:inline-block; } body.bf0 #event.parts .p_title ul li a{ display: inline-block; color: #fff; border-radius: 4px; background: #00A395; padding:2px 12px; text-align: center; } body.bf0 #event.parts dl{ clear: both; padding:16px 4px; border-bottom:1px dashed #ccc; background: #fff; } body.bf0 #event.parts article:last-child dl{ border-bottom:none; } body.bf0 #event.parts dl dt{ float: left; font-size:0.8em; padding:4px 8px 4px ; } body.bf0 #event.parts dl dd { padding:4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.bf0 #event.parts dl dd span{ display:inline-block; padding:2px 0; width:120px; text-align: center; margin:0 4px 0 0; } body.bf0 #event.parts dl dd span:after, body.bf0 #event.parts dl dd span:before{display: none;} body.bf0 #event.parts dl dd strong{ font-weight:bold; } body.bf0 #event.parts dl dd a{ text-decoration:underline; } /*ショップリスト　FULL版、簡易版　共通*/ body.bf0 .parts.shoplist { padding:20px 25px 25px; } body.bf0 .parts.shoplist .shop{ background: #fff; border-radius:8px; margin-bottom:16px; padding:16px; } body.bf0 .parts.shoplist .shop:last-child{ margin-bottom:0; } body.bf0 .parts.shoplist .shop .hidden{ display:none; } body.bf0 .parts.shoplist .shop .sh_logo { float:right; margin-right: 20px; padding: 12px 0; } body.bf0 .parts.shoplist .shop .sh_logo img { /*height:44px;*/ max-width:130px; } body.bf0 #contents-main .parts.shoplist .shop h3 { font-size:1.6em; font-weight:bold; padding:12px 0; border:none; } body.bf0 .parts.shoplist .shop .sh_floor { display:block; padding:4px 0 8px; color:#00A395; border-bottom: 1px dashed #ccc; } body.bf0 .parts.shoplist .shop .sh_det{ padding:4px 0 0; } body.bf0 .parts.shoplist .shop section.desc{ clear:both; overflow: hidden; padding:24px 0; } body.bf0 .parts.shoplist .shop section.desc h5{ font-weight:bold; margin: 0 0 0.6em; } body.bf0 .parts.shoplist .shop section.desc .sh_image{ float:right; width:280px; } body.bf0 .parts.shoplist .shop section.desc .sh_image img:nth-child(2){ display: none; } body.bf0 .parts.shoplist .shop section.desc .sh_image img{ width:100%; border-radius: 8px; margin:0 0 16px 16px; } body.bf0 .parts.shoplist .shop section.detail dl{ overflow:hidden; } body.bf0 .parts.shoplist .shop section.detail dt, body.bf0 .parts.shoplist .shop section.detail dd{ margin:0 0 8px; } body.bf0 .parts.shoplist .shop section.detail dt{ font-weight:bold; float: left; width:150px; } body.bf0 .parts.shoplist .shop section.detail dd { overflow:auto; width:468px; margin-left:150px; } body.bf0 .parts.shoplist .shop section.detail dd a { text-decoration:underline; } body.bf0 .parts.shoplist .shop section.detail dt .fa{ margin-right:5px; font-size:1.2em; color: #E84466; } /*簡易版 PCのみ*/ body.bf0.pc #shoplist02.parts.shoplist { padding:16px 16px; } body.bf0.pc #shoplist02.parts.shoplist .sh_floor { border:none; } body.bf0.pc #shoplist02.parts.shoplist .shop{ width:48%; float:left; box-sizing: border-box; margin:1%; height:110px; padding:4px 10px ; } body.bf0.pc #shoplist02.parts.shoplist .shop h3 { font-size: 1.2em; font-weight: bold; padding: 8px 0; border:none; } body.bf0.pc #shoplist02.parts.shoplist .shop h5 { font-size: 0.92em; line-height:1.2em; color:#00A395; font-weight: bold; border:none; margin-bottom:3px; } body.bf0.pc #shoplist02.parts.shoplist .shop .sh_floor { color:#666; } body.bf0.pc #shoplist02.parts.shoplist .shop .sh_logo { float: right; margin-right: 0px; padding:8px 0 4px 0; height:38px; } body.bf0.pc #shoplist02.parts.shoplist .shop .sh_logo img{ height:100%; } body.bf0.pc #shoplist02.parts.shoplist .shop .sh_det, body.bf0.pc #shoplist02.parts.shoplist .sh_floor { font-size:0.8em; line-height:1.4em; clear: both; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0px 5px 0px 0; } /* --------------------------------------------- ショップページ（kgm共通）bodyは記述しない --------------------------------------------- */ #shoppage { padding:0 16px; } #shoppage #shop_title{ border:2px solid #ccc; border-radius: 16px; padding:20px; margin:0 -16px 15px; } #shoppage #shop_title h2{ font-size:24px; font-weight:bold; float: left; line-height:30px; width:520px; /*共通スタイルを無効か*/ padding:0;margin:0;border:none; } #shoppage #shop_title h2 .kana{ display: block; font-size: 14px; font-weight:normal; line-height: 20px; float: none; padding-top: 0px; opacity: 1; } #shoppage #shop_title .top_logo { float:right; width:100px; height:50px; text-align: center; } #shoppage #shop_title .top_logo img{ max-width: 100%; max-height: 100%; } #shoppage #shop_status .category { float:left; color:#00A395; } #shoppage #shop_status .button{ float: right; width:300px; text-align: right; } #shoppage #shop_status .button .jobs, #shoppage #shop_status .button .coupon{ float:right; display: none; } #shoppage #shop_status .button .jobs a, #shoppage #shop_status .button .coupon a{ color:#fff; border-radius: 20px; padding:3px 18px; background: #eee; position: relative; font-size:0.9em; } #shoppage #shop_status .button .jobs a:after, #shoppage #shop_status .button .coupon a:after { content: ""; display: block; position: absolute; top: 33%; width: 0; height: 0; border: 4px solid transparent; left: 92%; border-left: 5px solid #FFF; } #shoppage #shop_status .button p:last-child{ margin-right:10px; } #shoppage #shop_status .button .jobs a{ background:#00A395 ; } #shoppage #shop_status .button .coupon a{ background:#E84466 ; } #shoppage #shop_info { border:1px solid #00A395; margin:20px 0 ; border-radius:16px; overflow: hidden; padding:0 16px 16px; } #shoppage #shop_info h3{ background: #00A395; color:#fff; padding:10px 16px; margin:0 -16px 20px; font-weight:bold; border:none; border-radius: 0; } #shoppage #shop_info .desc{ font-size:1.1em; line-height: 1.5em; } #shoppage #shop_info .desc h4{ font-weight:bold; margin:0 0 20px; } #shoppage #shop_info .image{ float:right; width:260px; margin:0 0 20px 16px; } #shoppage #shop_info .image img{ border-radius: 16px; width:100%; } #shoppage #shop_info .data{ clear: both; padding:24px 0 10px 0; } #shoppage #shop_info table.table01{ width:100%; border-top:1px solid #ccc; } #shoppage #shop_info table.table01 th, #shoppage #shop_info table.table01 td{ padding:12px; border:none; border-bottom:1px solid #ccc; word-break: break-all; } #shoppage #shop_info table.table01 td p{ } #shoppage #shop_info table.table01 th { background: #eee; vertical-align: top; font-weight:bold; width:130px; } #shoppage #shop_info table.table01 tr.shop-map td a{ display: inline-block; margin-left:12px; background: #00A395; color:#fff; padding:1px 8px; border-radius:2px; font-size:0.9em; } #shoppage #shop_info table.table01 tr.shop-eigyouhour td, #shoppage #shop_info table.table01 tr.shop-categorydetail td{ font-size:1.2em; font-weight:bold; } #shoppage #shop_info table.table01 tr.shop-mail td a, #shoppage #shop_info table.table01 tr.shop-url td a{ text-decoration:underline; color:#00A395; } #shoppage #shop_info table.table01 tr.shop-dealitem td{ font-size:0.8em; } #shoppage .cat_items { margin:36px 0; } #shoppage .cat_items h3{ border:1px solid #ccc; padding:8px 16px; border-radius:20px; font-weight:bold; font-size: 1.1em; } body.view.index.bf3 #coupon article.item, #shoppage article.item { border-radius:16px; background: #eee; margin:16px 0; overflow: hidden; position: relative; padding:24px; box-sizing: border-box; } #shoppage article.item .image{ float: right; width:260px; padding:0 0 16px 16px; background: #eee; text-align: center; } #shoppage article.item .image a{ color:#00A395; } #shoppage article.item .image img{ width:100%; border-radius:12px; border:2px solid #fff; box-sizing: border-box; } #shoppage article.item .image .morelink{ display: inline-block; margin:3px auto; text-align: center; width:90px; background: #fff; border:1px solid #00A395; border-radius:20px; font-size:0.9em; padding:2px 10px; position: relative; } #shoppage 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 #00A395; } #shoppage article.item .desc h4 { border-bottom:2px solid #fff; padding:10px 0; margin:0 0 10px; } #shoppage article.item .desc h4 a{ font-weight:bold; color:#00A395; text-decoration: underline; font-size:1.2em; } #shoppage article.item .desc .price{ font-weight:bold; padding:4px 0; } #shoppage article.item .desc .date, #shoppage article.item .desc .price_date { font-size:0.8em; } /*sale時*/ #shoppage article.item.sale .price { color:#FF0000; } .newgoods_conf #goods_title.formitem .sale, #shoppage article.item .desc .sale { background: #FF0000; color:#fff; display: inline-block; padding:0 6px; font-size:0.9em; letter-spacing: 2px; } #shoppage article.item .goodscomment { border-top:2px solid #fff; padding:10px 0; margin:10px 0 10px; } /* ショップページ　クーポン表示 */ body.view.index.bf3 #coupon article.item, body.popup.coupon article.item, #shoppage article.item.cat2 { border:1px solid #E84466; background: #FFF; padding-bottom:80px; } body.view.index.bf3 #coupon article.item .image, body.popup.coupon article.item .image, #shoppage article.item.cat2 .image{ float: right; width:260px; padding:0 0 0 16px; background: #fff; text-align: center; } body.view.index.bf3 #coupon article.item img, body.popup.coupon article.item .image img, #shoppage article.item.cat2 .image img{ width:100%; border-radius:12px; border:2px solid #fff; box-sizing: border-box; } #shoppage article.item.cat2 .desc .price, #shoppage article.item.cat2 .desc .price_date, #shoppage article.item.cat2 .desc .goodscomment, #shoppage article.item.cat2 .desc .bikou{ display:none; } body.view.index.bf3 #coupon article.item .cat_name, body.popup.coupon article.item .cat_name, #shoppage article.item.cat2 .cat_name { display: none; /*position:absolute; left:-70px; top:15px; background: #E84466; color:#fff; display: inline-block; padding:4px ; width:200px; font-weight:bold; text-align: center; transform: rotate(-45deg);*/ } body.view.index.bf3 #coupon article.item:before, body.popup.coupon article.item:before, #shoppage article.item.cat2:before { content: "今日使えるクーポン"; background: #E84466; color:#fff; display: inline-block; position: absolute; top:-1px; left:8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height:24px; padding:6px 10px 0 ; box-sizing: border-box; font-size:11px; white-space: pre; text-align: center; line-height: 1.0em; z-index: 2; letter-spacing: 0.6px; -moz-opacity: 0.8; opacity: 0.8; /*content: "Shop\A Coupon"; background: #E84466; color:#fff; display: inline-block; position: absolute; top:-1px; right:8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width:54px; height:36px; padding:6px 0 0 ; box-sizing: border-box; font-size:11px; white-space: pre; text-align: center; line-height: 1.0em; z-index: 2; letter-spacing: 0.6px; -moz-opacity: 0.8; opacity: 0.8;*/ } #shoppage article.item.cat2 .desc { } body.view.index.bf3 #coupon article.item .desc h4, body.popup.coupon article.item .desc h4, #shoppage article.item.cat2 .desc h4 { padding:24px 44px 24px 0px; border-bottom:1px dashed #ccc; margin: 0; } body.view.index.bf3 #coupon article.item .desc h4 a, body.popup.coupon article.item .desc h4 a, #shoppage article.item.cat2 .desc h4 a{ font-weight:bold; color:#E84466; font-size:1.1em; text-decoration: underline; } body.view.index.bf3 #coupon article.item .desc .fromto, body.view.index.bf3 #coupon article.item .desc .coupon_bikou, body.popup.coupon article.item .desc .fromto, body.popup.coupon article.item .desc .coupon_bikou, #shoppage article.item.cat2 .desc .fromto, #shoppage article.item.cat2 .desc .coupon_bikou{ padding:8px 0; border-bottom:1px dashed #ccc; overflow: hidden; font-size: 90%; } body.view.index.bf3 #coupon article.item .desc .fromto dt, body.view.index.bf3 #coupon article.item .desc .coupon_bikou dt, body.popup.coupon article.item .desc .fromto dt, body.popup.coupon article.item .desc .coupon_bikou dt, #shoppage article.item.cat2 .desc .fromto dt, #shoppage article.item.cat2 .desc .coupon_bikou dt{ font-weight:bold; display: inline-block; float:left; width:24%; } body.view.index.bf3 #coupon article.item .desc .fromto dd, body.view.index.bf3 #coupon article.item .desc .coupon_bikou dd, body.popup.coupon article.item .desc .fromto dd, body.popup.coupon article.item .desc .coupon_bikou dd, #shoppage article.item.cat2 .desc .fromto dd, #shoppage article.item.cat2 .desc .coupon_bikou dd{ display: inline-block; width:76%; } 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:#E84466 ; 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; } /* --------------------------------------------- popup --------------------------------------------- */ body.popup {} body.popup header .inner, body.popup #contents .inner{ width:100%; max-width:700px; padding:0 8px; box-sizing: border-box; } body.popup header { height:100px; border-top:4px solid #00A395; background: url(../img/bg_head.png) repeat-x center 70px; background-size: auto 4px; } body.popup header .inner{ } body.popup header .inner .close{ position: absolute; right:20px; top:25px; } body.popup header .inner .close a{ display: inline-block; padding: 3px 10px; background: #eee; } body.popup header .inner .close a:before{ content: "×"; display: inline-block; font-size:1.2em; padding:0 3px 0 0; } body.popup header .logo { width: 100px; padding: 10px 10px 0 0px; } body.popup header .scname { font-size: 22px; padding: 24px 0 0; margin: 0 0 0 30px; } body.popup #contents {margin:0;} body.popup #contents-main h2 { padding: 16px 10px;} body.popup article { padding:24px 24px 40px; position: relative; overflow: hidden; border-radius: 16px; } body.popup article .gcat { display:none; } body.popup article .image { text-align:center; margin:0 0 16px; } body.popup article .image img{ max-width:100%; max-height:640px; border-radius:16px; } body.popup article h4 { border:none; padding: 0; margin:4px 0 16px; font-weight:bold; } body.popup article .price { font-weight: bold; padding: 4px 0; } body.popup article.sale .price { color: #FF0000; } body.popup article .desc .bikou, body.popup article .desc .date, body.popup article .desc .price_date { font-size:0.8em; } body.popup article .desc .sale { background: #FF0000; color:#fff; display: inline-block; padding:0 6px; font-size:0.9em; letter-spacing: 2px; } body.popup article .desc .goodscomment { padding:16px; border-radius: 16px; background: #eee; margin:8px 0; } body.popup.coupon article.item .desc h4{ color: #E84466; font-size: 1.1em; } body.popup.recruit #contents #contents-main { padding:0 20px; box-sizing: border-box; } body.popup.recruit #contents #contents-main table{ margin-bottom:8px; } body.popup.recruit #contents #contents-main p{ font-size:0.8em; } /* --------------------------------------------- goodslist bf=2 --------------------------------------------- */ body.index.bf2 div#goodslist-header-navi { margin:24px 0 8px; } body.index.bf2 div#goodslist-header-navi dl { width: 100%; box-sizing: border-box; border-bottom:1px solid #ccc; } body.index.bf2 div#goodslist-header-navi dl:after { content: ""; clear:both; display: block; } body.index.bf2 div#goodslist-header-navi dt, body.index.bf2 div#goodslist-header-navi dd { float: left; margin-right: 8px; margin-bottom: 0px; color: #FFF; } body.index.bf2 #goodslist-header-navi dl dt a, body.index.bf2 #goodslist-header-navi dl dd a { text-decoration: none; color: #333; display: block; height: 100%; padding: 6px; position:relative; font-size:90%; } body.index.bf2 #goodslist-header-navi dl dt a:hover, body.index.bf2 #goodslist-header-navi dl dd a:hover, body.index.bf2 #goodslist-header-navi dl dt.current a, body.index.bf2 #goodslist-header-navi dl dd.current a{ background: #eee; color:#E84466; border-radius:3px; } body.index.bf2 #goodslist-header-navi dl dt.current a:after, body.index.bf2 #goodslist-header-navi dl dd.current a:after { content: ""; display: block; position: absolute; bottom: -14px; width: 0; height: 0; border: 6px solid transparent; left: 42%; border-top: 8px solid #E84466; } body.index.bf2 #items { padding:4px 0; width:100% !important; box-sizing: border-box; } body.index.bf2 #items .item { width:33.33333333333%; box-sizing: border-box; } body.index.bf2 #items .item .news_box{ margin:8px; border:1px solid #ccc; box-sizing: border-box; border-radius:8px; overflow: hidden; position: relative; } body.index.bf2 #items .item.noimg .news_box{ padding-top:30px; } /*body.index.bf2 #items .item section .gcat_badge { position: absolute; left: -95px; top: -25px; font-size:0.9em; background: #00A395; color: #fff; display: inline-block; padding:50px 4px 4px; width: 200px; font-weight: bold; text-align: center; transform: rotate(-45deg); } */ body.index.bf2 #items .item .news_box .gcat_badge { display:none; } body.index.bf2 #items .item .news_box:before { color:#fff; background: #E84466; display: inline-block; position: absolute; top: -1px; right: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: 54px; height: 36px; padding: 6px 0 0; box-sizing: border-box; font-size: 11px; white-space: pre; text-align: center; line-height: 1.0em; z-index: 2; letter-spacing: 0.6px; -moz-opacity: 0.8; opacity: 0.8; } body.index.bf2 #items .item.cat2 .news_box:before { content: "Shop\A Coupon"; background: #E84466; } body.index.bf2 #items .item.sale .news_box:before { content: "SALE"; color: #f00; letter-spacing: 1px; background: none; font-size: 200%; width: auto; } body.index.bf2 #items .item .image { overflow: hidden; max-height:200px; } body.index.bf2 #items .item img{ width:100%; transition: 0.5s; } /* body.index.bf2 #items .item img:hover{ -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } */ body.index.bf2 #items .item .desc { padding:12px; position: relative; } body.index.bf2 #items .item .date{ font-size:70%; color:#777; } body.index.bf2 #items .item h3.goods{ font-size: 90%; font-weight:bold; line-height: 140%; margin: 4px 0; border:none; padding:0; background: none; } body.index.bf2 #items .item .price{ font-weight:bold; font-size: 90%; } body.index.bf2 #items .item.sale .price{ color:#f00; } body.index.bf2 #items .item.cat2 .price{ display:none; } body.index.bf2 #items .item .name{ font-size: 80%; } body.index.bf2 #items .item .ico_new{ position: absolute; margin: 0; top: -8px; left: -2px; text-align: center; background: #FF0; -webkit-transform: rotate(-6deg) skew(-6deg); -moz-transform: rotate(-6deg) skew(-6deg); -o-transform: rotate(-6deg) skew(-6deg); -ms-transform: rotate(-6deg) skew(-6deg); transform: rotate(-6deg) skew(-6deg); padding: 0px 12px 0 16px; border-radius: 0; color: #333; letter-spacing: 4px; font-size: 80%; /*position: absolute; right:0; font-size:0.8em; background: #fff; border-radius: 10px; padding:0px 5px; margin:1px;*/ } body.index #goodslist-navi { margin:20px 8px; overflow: hidden; } body.index #goodslist-navi .back{float:left;} body.index #goodslist-navi .next{float:right;} body.index #goodslist-navi form input[type="submit"]{ padding:5px 12px 5px 15px; font-size:16px; border-radius:4px; border:1px solid #aaa; cursor: pointer; background:#eee; text-shadow: -1px -1px 0px rgba(255,255,255,1); } /* --------------------------------------------- ショップ検索用　index.jsp bf=8 --------------------------------------------- */ body.view.index #search-category, body.view.index #search-on, body.view.index #search-floor{ margin-bottom:32px; } body.view.index .search #search-all{ clear:both; } body.view.index..search dl.search_block{ margin:0 0 32px; } body.view.index .search dl.search_block dt, body.view.index .search #search-all h3{ margin:0 16px 16px; padding:8px 8px 8px 12px; border: 1px solid #ccc; border-radius:8px; font-size:16px; font-weight:bold; } body.view.index .search dl.search_block dd{ margin:0 16px 0; } body.view.index .search dl.search_block dd a{ display: inline-block; background:#eee; color:#E84466; padding:16px 40px; margin:0 0 4px 0; text-align:center; border-radius:3px; font-size:16px; text-decoration:none; font-weight:bold; letter-spacing:2px; } body.view.index .search dl.search_block dd a:before { content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #E84466; margin:0 4px 2px 0; } body.view.index .search dl.search_block dd a:hover{ background:#E84466; color:#fff; } body.view.index .search dl.search_block dd a:hover:before { border-left-color: #fff; } body.view.index .search div#search-all{ margin:0 0 10px; padding-left:0px; } body.view.index .search div#search-all div.title p{ margin:0 24px 4px; text-align:right; font-size:10px; } body.view.index div#searchcat div.title, body.view.index div#searchon div.title, body.view.index .search #shop-icon{ width:924px; margin:0 auto; } body.view.index div#searchcat table.table01, body.view.index div#searchon table.table01{ clear:both; } body.view.index div.search table.table01{ margin:0 auto; width:924px; } body.view.index div.search table.table01 td.biz, body.view.index div.search table.table01 td.tel, body.view.index div.search table.table01 td.hour, body.view.index div.search table.table01 td.floor{ font-size:12px; } body.view.index div.search table.table01 th.biz, body.view.index div.search table.table01 td.biz, body.view.index div.search table.table01 th.tel, body.view.index div.search table.table01 td.tel, body.view.index div.search table.table01 th.hour, body.view.index div.search table.table01 td.hour, body.view.index div.search table.table01 th.floor, body.view.index div.search table.table01 td.floor{ border-left:1px dashed #ccc; } body.view.index div.search table.table01 td.name a{ font-weight:bold; text-decoration:none; } body.view.index div.search table.table01 td.floor a{ background:#00A395; color:#fff; padding:8px 16px; text-align:center; border-radius:3px; text-decoration:none; font-weight:bold; white-space: nowrap; } body.view.index div.search table.table01 .name{ width:300px; } body.view.index div.search table.table01 .logo{ width:100px; text-align:center; } body.view.index div.search table.table01 .logo img{ width:90px; margin:0 auto; } body.view.index div.search table.table01 .biz{ width:180px; } body.view.index div.search table.table01 .tel{ width:120px; text-align:center; } body.view.index div.search table.table01 .hour{ width:160px; text-align:center; } body.view.index div.search table.table01 .floor{ text-align:center; } body.view.index div.search #shop-icon { width:924px; margin:5px auto; } body.view.index div.search #shop-icon ul li{ display: inline-block; margin-right:20px; font-size:90%; } body.view.index div#category-navi{ width: 100%; box-sizing: border-box; overflow:hidden; } body.view.index div#category-navi li{ float: left; margin-right: 8px; margin-bottom: 8px; } body.view.index div#category-navi li a{ text-decoration: none; display: block; height: 100%; padding: 6px; position: relative; font-size: 90%; background: #eee; color: #E84466; border-radius: 3px; } body.view.index div#category-navi li.guide a{ border:none; } /* --------------------------------------------- index.jsp クーポン、求人、サービス一覧ページ --------------------------------------------- */ body.view.index div#coupon, body.view.index div#recruit, body.view.index div#service { padding:0 16px; } body.view.index div#coupon h2, body.view.index div#recruit h2, body.view.index div#service h2 { margin-left:-16px; margin-right:-16px; } body.view.index div#coupon div.title, body.view.index div#recruit div.title, body.view.index div#service div.title{ margin:0 0px 10px; overflow:hidden; } body.view.index div#searchcat div.title h3, body.view.index div#searchon div.title h3, body.view.index div#coupon div.title h3, body.view.index div#recruit div.title h3, body.view.index div#service div.title h3{ /*float:left; background:#00A395; color:#fff; padding:8px 32px; text-align:center; border-radius:4px 4px 0 0/4px 4px 0 0; font-size:1.2em; text-decoration:none; font-weight:bold; letter-spacing:2px; border:none;*/ } body.view.index div#coupon div.title h3 a, body.view.index div#recruit div.title h3 a, body.view.index div#service div.title h3 a{ color:#fff; text-decoration: none; } body.view.index div#searchcat div.title p, body.view.index div#searchon div.title p, body.view.index div#coupon div.title p, body.view.index div#recruit div.title p, body.view.index div#service div.title p{ float:right; text-align:right; font-size:10px; } body.view.index div#coupon div.item, body.view.index div#recruit table.table01, body.view.index div#service table.table01{ margin:16px 0; } /* --------------------------------------------- ショップサービス bf=4 --------------------------------------------- */ body.view.index div#service table.table01{ border:1px solid #CCC; width:100%; } body.view.index div#service table.table01 th, body.view.index div#service table.table01 td{ border-top:1px dashed #CCC; padding:8px; } body.view.index div#service table.table01 th{ background:#eee; font-weight:bold; } body.view.index div#service table.table01 th.name{ width:25%; } body.view.index div#service table.table01 th.service{ width:75%; } /* --------------------------------------------- クーポン　bf=3 --------------------------------------------- */ body.view.index.bf3 .item_non, body.view.index.bf5 .item_non{ background: #eaeaea; text-align: center; position: relative; padding:50px 0; margin:20px 0 40px; border-radius: 16px; font-size:1..5em; } body.view.index.bf3 .item_non .fa, body.view.index.bf5 .item_non .fa{ font-size:1.4em; margin-right:6px; } body.view.index.bf3 .item_non span, body.view.index.bf5 .item_non span{ position: absolute; left:16px; top:16px; font-size:2em; color:#aaa; font-weight:bold; } body.view.index.bf3 #coupon article.item { margin: 0 0 16px; } body.view.index.bf3 #coupon h3{ margin:16px 0 0; } /*body.view.index.bf3 #coupon article.item .desc h3{ margin: 0 0 16px; font-weight: bold; border: none; width: 100%; border-radius: 0; background: none; padding: 0 44px 0 0; box-sizing: border-box; } body.view.index.bf3 #coupon article.item .desc h3 a{ color:#333; }*/ /* --------------------------------------------- 求人情報　bf=5 --------------------------------------------- */ body.view.index.bf5 #recruit article { padding: 0; border: 1px solid #ccc; margin: 0 0 16px; position: relative; } body.view.index.bf5 #recruit h3{ margin:16px 0 0; } body.view.index.bf5 #recruit article:last-of-type { margin-bottom:24px; } body.view.index.bf5 #recruit article dl { width:500px; border-bottom:1px dashed #ccc; display: table; } body.view.index.bf5 #recruit article dl:last-of-type{ border:none; } body.view.index.bf5 #recruit article dl dd, body.view.index.bf5 #recruit article dl dt{ display: table-cell; padding:8px; } body.view.index.bf5 #recruit article dl dt{ width:130px; background: #eaeaea; font-weight: bold; } body.view.index.bf5 #recruit article dl dd a{ text-decoration: underline; } body.view.index.bf5 #recruit article h4.name { font-size: 1.2em; font-weight: bold; margin:8px 0; } body.view.index.bf5 #recruit article h4.name span{ display: inline-block; padding:0 0 0 5px; } body.view.index.bf5 #recruit article p{ margin:0 0 4px; } body.view.index.bf5 #recruit article p strong{ display: inline-block; background: #eee; padding:1px 5px; font-size: 0.9em; border-radius: 2px; margin-right:5px; width:100px; text-align: center; } body.view.index.bf5 #recruit article a.window-recruit { display: inline-block; position:absolute; background:#00A395 ; color:#FFF; padding:8px; right:16px; top:35%; border-radius: 4px; } body.view.index.bf5 #recruit article a.window-recruit .fa{ padding-right:4px; } /* --------------------------------------------- イベントニュース --------------------------------------------- */ body.view #event_lists .events_block { border-top: 1px solid #ccc; margin: 0 16px; } body.view #event_lists .events { border-bottom: 1px solid #ccc; padding: 16px; overflow: hidden; } body.view #event_lists .events .c1 { float: right; margin-left: 24px; margin-top: 24px; } body.view #event_lists .events .c1 p.image{ overflow:hidden; max-height:280px; border-radius: 8px; -moz-border-radius: 8px; } body.view #event_lists .events .c1 p.image img { width: 220px; } body.view #event_lists h4 { margin:8px 0 16px 0; font-weight: bold; overflow: hidden; font-size:1.2em; } body.view #event_lists h4 a { text-decoration:underline; } body.view #event_lists article .hoverlink { display:none; /*display: inline-block; background: #eee; padding:6px 32px; border-radius: 8px; position: relative; margin:4px 0;*/ } body.view #event_lists article .hoverlink:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 4px solid transparent; left: 92%; border-left: 5px solid #E84466; } body.view #event_lists .table01 { width: 375px; margin: 20px 0 10px 0; border-top: 1px solid #CCC; border-collapse: collapse; border-spacing: 0; } body.view #event_lists .table01 th, body.view #event_lists .table01 td { border-bottom: 1px solid #CCC; padding: 8px; font-size: 12px; } body.view #event_lists .table01 th { width: 30%; background: #eee; } body.view .event-cat-title { clear: both; margin: 16px; } body.view .event-cat-title .cat_title { font-weight: bold; padding: 8px; background: #eee; } body.view #ev-navi { text-align: center; margin:8px 0; } body.view .ev-navi_bottom{ text-align:center; padding: 16px; background: #eee; margin: 16px; } body.view .ev-navi_bottom .ev-navi-cal, body.view #ev-navi .ev-navi-cal { margin-left: 16px; display: inline-block; vertical-align: top; } body.view .ev-navi_bottom .ev_all_link { display: inline-block; vertical-align: top; } body.view .ev-navi-article { width: 192px; display: inline-block; text-align: left; } body.view .ev-navi-article dl { position: relative; } body.view .ev-navi-article dl dt { border:1px solid #ccc; border-radius: 3px; padding:0 10px; height:31px; line-height: 31px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 17%, rgba(0,0,0,0.18) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0.18) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0.18) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2e000000',GradientType=0 ); cursor: pointer; position: relative; } body.view .ev-navi-article dl dt:after { content: "▼"; position: absolute; display: block; height:25px; width:30px; line-height: 25px; text-align: center; right:0px; top:4px; font-size:10px; color:#666; border-left:1px solid #ccc; } body.view .ev-navi-article dl dt.up:after { content: "▲"; } body.view .ev-navi-article dl dd{ border:1px solid #ccc; position: absolute; left:0; top:32px; z-index: 11; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,.1); } body.view .ev-navi-article dl dd li{ border-bottom:1px dotted #ccc; min-width: 220px; } body.view .ev-navi-article dl dd li a{ display: block; padding:7px 10px; } body.view .ev-navi-article dl dd li:last-child{ border-bottom: none; } /*body.view #ev-navi .ev-navi-cal a::after { content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00A395; }*/ body.view .ev-navi_bottom .ev-navi-cal a, body.view #ev-navi .ev-navi-cal a, body.view .ev-navi_bottom .ev_all_link a{ display:block; font-size: 14px; font-weight: normal; text-align: center; text-decoration:none; background:#fff; color:#00A395; padding:5px 20px; margin:0; border-radius:20px; border:1px solid #00A395; position: relative; } body.view .ev-navi_bottom .ev-navi-cal a:after{ content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00A395; margin-left:5px; } body.view #ev-navi .ev-navi-cal a:after{ content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00A395; margin-left: 8px; } body.view .ev-navi_bottom .ev_all_link a:before{ content: ""; display: inline-block; border: 5px solid transparent; border-right-color: #00A395; margin-right: 8px; } body.view .events .e_category { font-size: 0.8em; line-height: 1.2em; color: #fff; background: #00A395; display: inline-block; padding: 2px 8px; border-radius: 8px; } body.view.eventnews #more-btn { text-align: center; margin:0px 16px 16px; } body.view.eventnews #more-btn span{ display: block; background: #eaeaea; padding:10px 20px; cursor: pointer; border-radius:0 0 20px 20px /0 0 20px 20px; } /* .e_category.catid1 { background:#F979B4;} .e_category.catid2 { background:#69C8F5;} .e_category.catid3 { background:#FFC926;} .e_category.catid4 { background:#509E00;} .e_category.catid5 { background:#BFBFFF;} .e_category.catid6 { background:#FFD8CF;} */ /* --------------------------------------------- イベントニュース　Pop-eventnews.jsp --------------------------------------------- */ body.pop-eventnews {} body.pop-eventnews .item { padding:16px; overflow: hidden; } body.pop-eventnews #contents-main .item h3{ background: #eee; border-radius: 8px; font-size: 16px; padding: 16px; margin: 8px 0 16px; border:none; } body.pop-eventnews #contents-main .item .image { margin:0 0 16px 0; text-align: center; } body.pop-eventnews #contents-main .item .image img { border-radius:8px; max-width: 560px; max-height: 420px; } body.pop-eventnews #contents-main .item .desc { overflow:auto; } body.pop-eventnews #contents-main .item.noimg .desc{ float: none; width:100%; } body.pop-eventnews #contents-main .item .desc .section { margin:1em 0; } body.pop-eventnews #contents-main .item .desc .link{ text-align:right; } body.pop-eventnews #contents-main .item .desc .link a{ display: inline-block; padding:10px 30px; margin:20px auto; background: #eee; border-radius: 8px; position: relative; font-weight:bold; } body.pop-eventnews #contents-main .item .desc .link a:after { content: ""; display: block; position: absolute; top: 38%; width: 0; height: 0; border: 4px solid transparent; left: 94%; border-left: 5px solid #E84466; } body.pop-eventnews #contents-main .item .desc table.table01 th{ width:24%; text-align:left; } /* --------------------------------------------- フロアガイド --------------------------------------------- */ body.floor h2 strong { font-weight:bold; display: inline-block; margin-left:10px; font-size:1.1em; } body.floor article .floor_img { background: #eee; padding:24px; width:100%; box-sizing: border-box; border-radius:16px; } body.floor article .floor_img img{ width:100%; } body.floor article .floor_img .desc { background:#fff; padding:16px; border-radius:8px; margin:8px 0 0 ; } body.floor #contents-main article .floor_img .desc h3{ font-weight:bold; border:none; padding:0; } body.floor article .floor_img .desc p{ font-size:0.9em; } body.floor table.table01 { margin:16px 0; } body.floor table.table01 td.number{width:3%;border-right:none;padding-right:3px;} body.floor table.table01 td.name {width:20%;border-right:none;border-left:none;font-weight:bold;padding-left:3px;} body.floor table.table01 td.logo{width:8%;border-left:none;} body.floor table.table01 td.category{width:15%;font-size:0.9em;} body.floor table.table01 td.hour{width:15%;font-size:0.9em;} body.floor table.table01 td.logo img {max-width:80px;} body.floor .cl_fl_list { overflow:hidden; margin:0 0 10px 0; } body.floor .cl_fl_list dt{ float:left; padding: 5px 0; } body.floor .cl_fl_list dd .floorlist dt { float:left; margin:0 2px; padding:0; } body.floor .cl_fl_list dd .floorlist dt a{ position: relative; padding: 5px 10px; background: #eee; border-radius: 3px; display: inline-block; text-decoration: none; font-size: 16px; min-width:30px; text-align: center; color: #E84466; } body.floor .cl_fl_list dd .floorlist dt a:hover{ background: #E84466; color:#fff; } /* --------------------------------------------- --------------------------------------------- */ /* --------------------------------------------- 施設案内（よくある質問）faq --------------------------------------------- */ /* body.faq faq_detail_conf*/ .faq_contents { padding:16px; } .faq_contents dl{ padding:24px ; border-radius:16px; background:#eee; margin:1em 0 2em; } .faq_contents dl dt{ font-weight:bold; font-size:1.2em; line-height: 1.5em; color:#00A395; position: relative; padding: 0 0 0 2em; } .faq_contents dl dd{ margin:0.5em 0 2.5em ; position: relative; padding: 0 0 0 2.5em; } .faq_contents dl dd a{ text-decoration: underline; } .faq_contents dl dt:before, .faq_contents dl dd:before{ font-weight:bold; display: inline-block; position: absolute; padding:0 5px 0 0; top:0; left:0; font-size:1.2em; color:#fff; border-radius: 4px; padding:0 5px ; } .faq_contents dl dt:before{ content:"Q"; background:#00A395 ; } .faq_contents dl dd:before{ content:"A"; background:#E84466 ; margin-left:3px; } /* --------------------------------------------- access --------------------------------------------- */ body.access h3{} body.access section { padding: 8px 16px 24px; } body.access section h3 { margin:0 0 16px; } body.access #sc_map { border:1px solid #ccc; box-sizing: border-box; height:340px; width:100%; } body.access .sc_map_link { margin:0 0 24px; text-align:right; padding:4px; } body.access .sc_map_link a{ text-decoration: underline; } body.access .sc_map_link a span{ font-size:0.9em; } body.access .sc_map_link .fa{ margin-right:5px; } body.access .table01{ } body.access table.table01 th{ border-left:none; width:30%; } body.access table.table01 td{ border-right:none; } body.access section dl.acbox{ margin:0 0 16px; background: #eee; border-radius: 16px; padding:24px; } body.access section dl.acbox dt{ padding:0 0 16px 0; border-bottom:2px solid #fff; color: #00A395; font-weight:bold; font-size:1.1em; } body.access section dl.acbox dt strong{ display: inline-block; color:#333; font-size:1.2em; font-weight:bold; padding:0 10px; } body.access section dl.acbox dt span{ color:#E84466; } body.access section dl.acbox dt .fa{ color:#333; font-size:1.4em; margin-right:10px; } body.access section dl.acbox dd{ padding:10px 0; } body.access section dl.acbox dd h4{ font-weight:bold; } body.access section dl.acbox dd p{ margin:0 0 1em; } body.access section dl.acbox dd p a{ text-decoration: underline; } /* --------------------------------------------- free_page_area --------------------------------------------- */ #free_page_area .fp_content{ padding:10px ; 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%; } #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; }