/*@charset "UTF-8";*/ /* CSS Document */ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} html {font-size: 62.5%;}/*初期値16pxの62.5%で10px*/ body { font-size: 14px; font-size: 1.4rem; line-height: 1.6; letter-spacing: 0.1em; font-family: 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;} a img { border: none;} .header { width: 100%;} .headerLogo { background: url(../images/hfBg.jpg) repeat; background-color: #D3DE2A; padding: 10px; min-height: 80px; } .logoL { float: left; margin-right: 20px;} .logoFacil { float: left;} .headerInner:after { content: ""; display: block; clear: both; } .headerNavigation li { background-color: #fff; letter-spacing: 0;} .headerNavigation li a { color: #666; padding: 14px 6px; display: block; text-decoration: none;} .headerNavigation li a:hover { background-color: #D3DE2A;} .headerNavigation li:first-child { border: solid 1px #ddd;} .headerNavigation li a .navKyobashi span { color: #eacc4d;} .headerNavigation li a .navMoriguchi span { color: #ddab31;} .headerNavigation li a .navNishisanso span { color: #da8d2b;} .headerNavigation li a .navOwada span { color: #d58029;} .headerNavigation li a .navKayashima span { color: #bf4925;} .headerNavigation li a .navKayashimahigashi span { color: #bf4925;} .headerNavigation li a .navHirakata span { color: #c42f6f;} .headerNavigation li a .navMiyanosaka span { color: #ad4a8c;} .headerNavigation li a .navKuzuha span { color: #8b458c;} .headerNavigation li a .navOthers span { color: #7d3a7e;} .headerNavigation .hNavActive { background-color: #D3DE2A;} .menu { display: none;} .home { display: block;} .toHome { display: none;} #menuBtn { color: #fff; padding: 8px 8px; position: absolute; top: 10px; right: 10px; cursor: pointer; } #menuBtn span { margin-top: 0; font-size: 15px; } #menuBtn:focus { outline: none;} .hbNav { width:30px; height:30px; margin: 0 auto; background:none; cursor:pointer; } .hbNav .button { position:relative; width:30px; height:2px; background:#fff; transition:all .8s; -webkit-transition:all .8s; z-index:9999; } .hbNav .button::before, .hbNav .button::after { position:absolute; width:30px; height:2px; background:#fff; transition:all .8s; -webkit-transition:all .8s; transition-delay:.2s; } .hbNav .button { top: 12px;} .hbNav .button::before { content:''; top: -10px; } .hbNav .button::after { content:''; top: 12px; } .hbNav .action.button { position:relative; width:30px; height:2px; background:none; transform:rotate(180deg); -webkit-transform:rotate(180deg); } .hbNav .action.button::before { position:absolute; top:0; width:30px; height:2px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .hbNav .action.button::after { position:absolute; top:0; width:30px; height:2px; background:#fff;transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } .contentInner, .footerLinksInner, .footerNavigationInner { padding: 10px;} .newsinformation, .recommend, .media, .okeihanPoint { padding-bottom: 60px;} .contentHeader { padding-bottom: 18px;} .contentHeader h3 { font-size:180%; display: block; line-height: 1.0; margin-bottom: 10px; } .contentHeader h3 i { margin-right: 0.4em; font-size: 80%;} .cap { background: url(../images/contentHeaderIcon.png) no-repeat left center; background-size: 16px; padding-left: 1em; } .contentHeader p { font-size: 100%; vertical-align: bottom; display: inline-block; letter-spacing: 0.1em; } .newsinformation dl { border-bottom: dotted 1px #999; padding: 12px 24px 11px; } .newsinformation dl dd a { text-decoration: none; color: #A9CC2A; } .recommendShopList li { padding-bottom: 26px;} .recommendShopList li:last-child { padding-bottom: 0;} .recommendShopList li dl dt, .recommendShopList li dl dd { display: block;} .recommendShopList li a { text-decoration: none; color: #333; } .recommendShopList li a:hover { color: #A9CC2A;} .recommendShopList h4 { font-size: 120%;} .recommendShopList h4 span { display: block; font-size: 60%; } .media a { color: #81992f;} .mediaContent li { padding-bottom: 26px;} .okeihanPointWrapp { display: table;} .okeihanPointMark, .okeihanPointInfo { display: table-cell; vertical-align: top;} .okeihanPointMark { width: 18%; padding-right: 2%;} .okeihanPointInfo { width: 80%;} .okeihanPointInfo h4 { font-size: 182%; color: #81992f; margin-bottom: 6px;} .okeihanPointInfo ul li a { text-decoration: none; color: #81992f;} .okeihanPointInfo ul li a:hover { text-decoration: underline;} .okeihanPointInfo p { font-size: 122%; margin-bottom: 6px;} .anchor_moriguchi {margin-left:-8px;} .okeihanPointInfo a { margin-right:0px; text-decoration: none; color: #81992f;} /** ADD ON 20160512 **/ .okeihanPointInfo a:hover { text-decoration: underline;} /** ADD ON 20160512 **/ .okeihanPointInfo span { font-size: 70%; vertical-align: top; } /** ADD ON 20160512 **/ .footer { background-color: #D3DE2A; background: url(../images/hfBg.jpg) repeat; font-size: 92%; padding-bottom: 22px; min-height: 175px; } .footer a { text-decoration: none; color: #333333; } .footerLinks { background-color: #f8f8f8;} .footerLinks li { text-align: center; padding: 10px 0;} .footerLinks li a { display: block;} .footerNavigation { padding: 12px 0 12px 0;} .footerNav { margin-bottom: 10px;} .footerNav li { margin-bottom: 12px;} .footerLogoKeihan { width: 98px;} .footerLogoKeihanRTS { width: 98px;} .footerLogoKeihanmall { width: 52px;} .footerLogoCitymall { width: 102px;} .footerLogoKuzuhamall { width: 106px;} .footerLogoKiki { width: 64px;} .footerLogoKbratt { width: 66px;} .keihanRTS { width: 122px;} .fHome { background: url(../images/footerIconHome.png) no-repeat left center;} .fPrivacy { background: url(../images/footerIconPrivacy.png) no-repeat left center;} .fFaq { background: url(../images/footerIconFaq.png) no-repeat left center;} .fSitemap { background: url(../images/footerIconSitemap.png) no-repeat left center;} .fOkeihanPoint { background: url(../images/footerIconOkeihanPoint.png) no-repeat left center;} .fHome, .fPrivacy, .fFaq, .fSitemap, .fOkeihanPoint { background-size: 20px 20px; padding-left: 1.8em;} .copyright { font-size: 14px; padding: 0 10px;} .sitemap,.privacyPoricy,.faq { margin: 12px 0;} .flex-caption { padding: 4px 12px;} .privacyPoricy h4 { font-size: 140%;} .privacyPoricy h5 { font-size: 120%; line-height: 1.0; border-left: 10px solid #81992f; /*border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px;*/ padding: 0.6em 1em; margin-bottom: 10px; } .privacyContent dt { font-size: 110%; margin-bottom: 2px; color: #81992f;} .privacyContent dd { margin-bottom: 12px;} .privacyContent { margin-bottom: 20px;} .faqContent { margin-bottom: 2em;} .faqContent dt { font-size: 140%; margin-bottom: 6px; color: #81992f;} .pd1emlr { padding: 0 1em 0 1em;} .privacyContact { border: 1px solid #CCC; padding: 1em;} .sitemap h4 { border-bottom: 1px solid #eee; font-size: 140%; color: #81992f; margin-bottom: 12px;} .sitemap a { text-decoration: none; color: #666;} .sitemap a:hover { color: #81992f;} .sitemap ul { margin: 0 0 2em;} .sitemap ul li { float: left; margin-right: 2em; margin-bottom: 0.8em;} .sitemap ul:after { content: ""; display: block; clear: both;} /*////////////////////////////////////////////////////////////////////各店舗情報設定*/ .informationIcon { color: #81992f; margin-bottom: 34px;} .informationIcon li { float: left; width: 48%; margin-right: 2%; margin-bottom: 4px; font-size: 86%;} .informationIcon:after { content: ""; display: block; clear: both;} .informationIcon .tel { background: url(../images/shop/tel42x42.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .fax { background: url(../images/shop/fax.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .open { background: url(../images/shop/open.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .closed { background: url(../images/shop/closed.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .price { background: url(../images/shop/price.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .credit { background: url(../images/shop/credit.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .smokingSpace { background: url(../images/shop/smokingSpace.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .webSite { background: url(../images/shop/webSite.png) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon .sns { background: url(../images/shop/sns.png) no-repeat left center; background-size: 18px 18px; padding-left: 20px;} /*.informationIcon .notice { background: url(../images/shop/okeihanpoint.jpg) no-repeat left center; background-size: 18px 18px; padding-left: 22px;}*/ .informationIcon .okeihanpoint { background: url(../images/shop/okeihanpoint.jpg) no-repeat left center; background-size: 18px 18px; padding-left: 22px;} .informationIcon a { color: #81992f;} .shopList { padding-bottom: 40px; } .shopListContent { padding-bottom: 16px; margin-bottom: 20px; border-bottom: solid 1px #333; } .shopListContent:last-child { border: none;} .bdNone { border: none;} .num01_02 {background: url(../images/shop/num01_02.png) no-repeat left center; background-size: 82px 36px;} .num28_29 {background: url(../images/shop/num28_29.jpg) no-repeat left center; background-size: 82px 36px;} .num01 {background: url(../images/shop/num01.png) no-repeat left center; background-size: 36px 36px;} .num02 {background: url(../images/shop/num02.png) no-repeat left center; background-size: 36px 36px;} .num03 {background: url(../images/shop/num03.png) no-repeat left center; background-size: 36px 36px;} .num04 {background: url(../images/shop/num04.png) no-repeat left center; background-size: 36px 36px;} .num05 {background: url(../images/shop/num05.png) no-repeat left center; background-size: 36px 36px;} .num06 {background: url(../images/shop/num06.png) no-repeat left center; background-size: 36px 36px;} .num07 {background: url(../images/shop/num07.png) no-repeat left center; background-size: 36px 36px;} .num08 {background: url(../images/shop/num08.png) no-repeat left center; background-size: 36px 36px;} .num09 {background: url(../images/shop/num09.png) no-repeat left center; background-size: 36px 36px;} .num10 {background: url(../images/shop/num10.png) no-repeat left center; background-size: 36px 36px;} .num11 {background: url(../images/shop/num11.png) no-repeat left center; background-size: 36px 36px;} .num12 {background: url(../images/shop/num12.png) no-repeat left center; background-size: 36px 36px;} .num13 {background: url(../images/shop/num13.png) no-repeat left center; background-size: 36px 36px;} .num14 {background: url(../images/shop/num14.png) no-repeat left center; background-size: 36px 36px;} .num15 {background: url(../images/shop/num15.png) no-repeat left center; background-size: 36px 36px;} .num16 {background: url(../images/shop/num16.png) no-repeat left center; background-size: 36px 36px;} .num17 {background: url(../images/shop/num17.png) no-repeat left center; background-size: 36px 36px;} .num18 {background: url(../images/shop/num18.png) no-repeat left center; background-size: 36px 36px;} .num19 {background: url(../images/shop/num19.png) no-repeat left center; background-size: 36px 36px;} .num20 {background: url(../images/shop/num20.png) no-repeat left center; background-size: 36px 36px;} .num21 {background: url(../images/shop/num21.png) no-repeat left center; background-size: 36px 36px;} .num22 {background: url(../images/shop/num22.png) no-repeat left center; background-size: 36px 36px;} .num23 {background: url(../images/shop/num23.png) no-repeat left center; background-size: 36px 36px;} .num24 {background: url(../images/shop/num24.png) no-repeat left center; background-size: 36px 36px;} .num25 {background: url(../images/shop/num25.png) no-repeat left center; background-size: 36px 36px;} .num26 {background: url(../images/shop/num26.png) no-repeat left center; background-size: 36px 36px;} .num27 {background: url(../images/shop/num27.png) no-repeat left center; background-size: 36px 36px;} .num28 {background: url(../images/shop/num28.png) no-repeat left center; background-size: 36px 36px;} .num29 {background: url(../images/shop/num29.png) no-repeat left center; background-size: 36px 36px;} .num30 {background: url(../images/shop/num30.png) no-repeat left center; background-size: 36px 36px;} .num31 {background: url(../images/shop/num31.png) no-repeat left center; background-size: 36px 36px;} .num32 {background: url(../images/shop/num32.png) no-repeat left center; background-size: 36px 36px;} .num33 {background: url(../images/shop/num33.png) no-repeat left center; background-size: 36px 36px;} .num34 {background: url(../images/shop/num34.png) no-repeat left center; background-size: 36px 36px;} .num35 {background: url(../images/shop/num35.png) no-repeat left center; background-size: 36px 36px;} .num36 {background: url(../images/shop/num36.png) no-repeat left center; background-size: 36px 36px;} .num37 {background: url(../images/shop/num37.png) no-repeat left center; background-size: 36px 36px;} .num38 {background: url(../images/shop/num38.png) no-repeat left center; background-size: 36px 36px;} .num39 {background: url(../images/shop/num39.png) no-repeat left center; background-size: 36px 36px;} .num40 {background: url(../images/shop/num40.png) no-repeat left center; background-size: 36px 36px;} .num41 {background: url(../images/shop/num41.png) no-repeat left center; background-size: 36px 36px;} .num42 {background: url(../images/shop/num42.png) no-repeat left center; background-size: 36px 36px;} .num43 {background: url(../images/shop/num43.png) no-repeat left center; background-size: 36px 36px;} .num44 {background: url(../images/shop/num44.png) no-repeat left center; background-size: 36px 36px;} .num45 {background: url(../images/shop/num45.png) no-repeat left center; background-size: 36px 36px;} .num46 {background: url(../images/shop/num46.png) no-repeat left center; background-size: 36px 36px;} .shopListComment h4 { font-size: 114%; padding-left: 44px; } .shopListComment h4 .genre { font-size: 70%; display: block; } #irregular_num { font-size: 114%; padding-left: 90px; } .shopBranch { font-size: 70%; padding-left: 0.5em; } .top_recommend { font-size: 70%; } .shopListComment h5 { font-size: 96%;} .shopListComment p { font-size: 90%;} .shopInformation li { line-height: 16px; margin-bottom: 2px;} .shopInformation li a { color: #81992f;} .shopInformation li dl dt { width: 20px;} .shopInformation li dl dt { display: table-cell; line-height: 18px; vertical-align: top;} .shopInformation li dl dd { display: table-cell; line-height: 18px; vertical-align: top;} .shopInfoIcon { width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;} .okeihanPointPoss { background: url(../images/shop/icon_okeihanPoint.jpg) no-repeat right 98%; background-size: 38px 38px;} .okeihanPointPoss_notice { background: url(../images/shop/notice_31_okeihanPoint.jpg) no-repeat right 92%; background-size: 252px 68px;} /*/////////////////////////////////////// FOR NOTICE */ .open_kuzuha_6_160418 { background: url(../images/shop/open_kuzuha_6_160418.jpg) no-repeat right 92%; background-size: 252px 68px;} /*/////////////////////////////////////// FOR OPEN */ .sub_name { font-size:70%; letter-spacing:0px; } /*//////////////////////////////////// 店舗アテンション追加用*/ .notice { width: 252px; height: 68px; margin-top: 10px;} /*////////////////////////////////////*/ .floorMap { background-color: #fff;} .accessMap { margin: 0 0 20px;} .accessMap li { display: table-cell; padding: 0 1.6em 0 0;} .mapOpenCloseBtn { cursor: pointer; width: 100%; margin: 0 auto; padding: 12px 6px; text-align: center; border: solid 2px #ccc; border-radius: 10px; background: rgba(255,255,255,0.6); } .mapOpenCloseBtn p span { color: #a5c13f;} .fixed { position: fixed; top: 10px; left: 0; width: 100%; padding: 10px 40px; z-index: 10000; opacity: 0.9; /*box-shadow: 1px 1px 10px #ccc;*/} .campaign { margin-bottom: 30px;} .font90 { font-size: 90%;} .font86 { font-size: 86%;} /*/////////////////////////////////// キャンペーン写真追加用 */ .camPhoto img { margin-bottom:30px; width:50%; height:auto; float:left; } .catchInner { position: relative; display: table; width: 100%; height: 168px; min-height: 168px; margin: 0 auto; padding: 0 1em; } .kyobashiPhoto { background: url(../images/kyobashi/kyobashiMain_sp.jpg) no-repeat center; background-size: cover;} .hirakataPhoto { background: url(../images/hirakata/hirakataMain_sp.jpg) no-repeat center; background-size: cover;} .miyanosakaPhoto { background: url(../images/miyanosaka/miyanosakaMain_sp.jpg) no-repeat center; background-size: cover;} .kayashimaPhoto { background: url(../images/kayashima/kayashimaMain_sp.jpg) no-repeat center; background-size: cover;} .moriguchiPhoto { background: url(../images/moriguchi/moriguchiMain_sp.jpg) no-repeat center; background-size: cover;} .kuzuhaPhoto { background: url(../images/kuzuha/kuzuhaMain_sp.jpg) no-repeat center; background-size: cover;} .kayashimaHigashiPhoto { background: url(../images/kayashimaHigashi/kayashimaHigashiMain_sp.jpg) no-repeat center; background-size: cover;} .nishisansoPhoto { background: url(../images/nishisanso/nishisansoMain_sp.jpg) no-repeat center; background-size: cover;} .othersPhoto { background: url(../images/others/othersMain_sp.jpg) no-repeat center; background-size: cover;} .owadaPhoto { background: url(../images/owada/owadaMain_sp.jpg) no-repeat center; background-size: cover;} .catchInner h2 { color: #fff; font-size: 2em;display: table-cell; text-align: center; vertical-align: middle; text-shadow: 3px 1px 3px #000;} .mainIntro, /*.access*/ .mapOpenCloseBtn { margin-bottom: 30px;} .mainCatch { margin-bottom: 26px;} .mainCatch img { min-height: 100px;} .mainDesc h4 { font-size: 126%;} .mainDesc { padding-bottom: 10px;} .okeihanPointShop { margin: 12px 0 ;} .okeihanPointShopList { margin-bottom: 20px;} .okeihanPointShopList li { font-size: 1.4rem; padding-bottom: 10px;} .okeihanPointFloorMap { text-align: right;} .okeihanPointInfo { padding-bottom: 20px;} #okeihanPointHirakata h3, #okeihanPointMoriguchi h3, #okeihanPointOwada h3, #okeihanPointKuzuha h3, #okeihanPointSonora h3 { height: 0; padding-top: 44px; display: block; overflow: hidden;} #okeihanPointHirakata h3 { background: url(../images/okeihanPoint/okeihanPointHirakata.jpg) no-repeat left top; background-size: auto 40px; margin-bottom: 10px;} #okeihanPointMoriguchi h3 { background: url(../images/okeihanPoint/okeihanPointMoriguchi.jpg) no-repeat left top; background-size: auto 40px; margin-bottom: 10px;} #okeihanPointOwada h3 { background: url(../images/okeihanPoint/okeihanPointOwada.jpg) no-repeat left top; background-size: auto 40px; margin-bottom: 10px;} #okeihanPointKuzuha h3 { background: url(../images/okeihanPoint/okeihanPointKuzuha.jpg) no-repeat left top; background-size: auto 40px; margin-bottom: 10px;} #okeihanPointSonora h3 { background: url(../images/okeihanPoint/okeihanPointSonora.jpg) no-repeat left top; background-size: auto 40px; margin-bottom: 10px;} @media screen and (max-width: 768px) { .area_point_notice { margin-bottom:15px; } /** ADD ON 20160512 **/ .area_point_notice h3 { width:100%; } /** ADD ON 20160512 **/ .area_point_notice dl { width:100%; text-align:left; } .area_point_notice dt { width:30px; height:30px; vertical-align:middle; /*margin-top:0px; margin-right:0px;*/ float:left; } .area_point_notice dd { font-size:70%; margin-left:40px; line-height:30px; /*white-space:nowrap;*/ } } @media screen and (min-width:769px) and (max-width:1023px) { .area_point_notice { margin-bottom:15px; } /** ADD ON 20160512 **/ .area_point_notice h3 { width:100%; } /** ADD ON 20160512 **/ .area_point_notice dl { width:100%; text-align:left; } .area_point_notice dt { width:40px; height:40px; margin-top:0px; margin-right:0px; float:left; } .area_point_notice dd { font-size:110%; margin-left:50px; line-height:40px; /*white-space:nowrap;*/ } } @media screen and (min-width: 1024px) { .area_point_notice { margin-bottom:15px; } /** ADD ON 20160512 **/ .area_point_notice h3 { width:54%; float:left;} /** ADD ON 20160512 **/ .area_point_notice dl { width:100%; text-align:right; } .area_point_notice dt { width:30px; height:30px; margin-top:5px; margin-right:0px; float:left; } .area_point_notice dd { font-size:95%; line-height:40px; white-space:nowrap; } .area_point_notice dl:after { content: ""; display: block; clear: both; } } .arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; } .arrow::before,.arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .smArrow::before { width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background: #7a0; } .smArrow::after { left: 5px; box-sizing: border-box; width: 3px; height: 3px; border: 3px solid transparent; border-left: 3px solid #fff; } img { max-width: 100%;} a:hover { transition: all linear 0.8s; -webkit-transition: all linear .8s; -moz-transition: all linear .8s; -ms-transition: all linear .8s; -o-transition: all linear .8s; } #pageTop { color: #fff; position: fixed; right: 2px; bottom: 40px; cursor: pointer; padding: 1em 1.2em; border-radius: 6px; background: rgba(211, 222, 42, 0.6); z-index: 10001; transition: all linear .6s; -webkit-transition: all linear .6s; -moz-transition: all linear .6s; -o-transition: all linear .6s; -ms-transition: all linear .6s; } #pageTop:hover { background: rgba(128, 207, 11, 1.0);} @media screen and (max-width: 768px) { .logoL { padding-top: 14px; margin-right: 10px;} .logoL img { width: auto; height: 32px;} .headerNavigation li { border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .headerNavigation li span { margin-left: 1em;} /*.logoL, .logoFacil { width: 50%;}*/ .logoFacil { padding-top: 16px;} .logoFacil h2 img { width: auto; height: 26px;} .logoKuzuha { width: 138%;} /*.contentHeader h3, .contentHeader p { display: block;}*/ /*.contentHeader h3 { margin-bottom: 10px;}*/ .catchInner h2 { font-size: 1.6em; text-shadow: 2px 2px 2px #000;} .newsinformation dl { padding: 12px 4px 11px;} .okeihanPointMark, .okeihanPointInfo { display: block;} .okeihanPointMark { width: 160px; margin: 0 auto;} .okeihanPointInfo { width: 100%;} .accessMap li { display: block;} .shopListPhoto, .shopListComment { padding-bottom: 6px;} .shopInformation li { padding-bottom: 2px;} .pd1emlr { padding: 0;} .okeihanPointShopList p { margin-bottom:50px; } .okeihanPointShopList ul { margin-bottom:0px; } } @media screen and (min-width:769px) and (max-width:1023px) { /*.headerNavigation { padding-bottom: 10px;}*/ .headerLogo { padding: 20px;} .headerInner { height: 65px;} .logoFacil { padding-top: 16px;} .logoL img { width: 40%;} .logoKuzuha { width: 290px;} /*.logoL h1 img,*/ .logoFacil h2 img { width: 60%;} .headerNavigation li { border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .headerNavigation li span { margin-left: 1em;} .toHome { display: none;} .contentHeader p { font-size: 120%;} .recommendShopList li dl dt { width: 40%;} .recommendShopList li dl dd { width: 60%;} .recommendShopList li dl dt, .recommendShopList li dl dd { display: table-cell; vertical-align: middle; } .recommendShopList li dl dt { padding-right: 2em;} .recommendShopList li dl { display: table;} .footerLinks, .footerNavigation { padding: 20px;} .okeihanPointShopList p { margin-bottom:50px; } .okeihanPointShopList ul { margin-bottom:0px; } .okeihanPointShop,.sitemap,.privacyPoricy,.faq { margin: 24px 0;} } @media screen and (min-width: 1024px) { body { font-size: 15px; font-size: 1.5rem;} .headerLogo { padding: 20px 0;} .headerInner { width: 980px; height: 65px; margin: 0 auto; } .logoFacil { padding-top: 18px;} .logoL img { width: 50%;} .toHome { display: block; text-align: right; padding-top: 16px; } .toHome li a { color: #666; padding: 12px 12px 8px 20px; text-decoration: none; background: url(../images/footerIconHome.png) no-repeat left center; background-size: 16px auto; } .toHome li a:hover { color: #000;} .home { display: none;} .headerNavigation { background-color: #eee; } .headerNavigationInner { width: 1026px; margin: 0 auto; } .headerNavigation li:nth-child(2) { border: solid 1px #ddd; } .headerNavigation li { float: left; font-size: 88%; line-height: 1.2; border-right: solid 1px #ddd; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; width: 10%; } .headerNavigation li a { width: 101px; height: 70px; } .headerNavigation ul { content: ""; display: block; clear: both; } .headerNavigation:after { content: ""; display: block; overflow: hidden; clear: both; } .headerNavigation li div span { display: block; font-size: 68%; } .headerNavigation li .navKyobashi, .headerNavigation li .navMoriguchi, .headerNavigation li .navNishisanso, .headerNavigation li .navOwada, .headerNavigation li .navKayashima, .headerNavigation li .navKayashimahigashi, .headerNavigation li .navHirakata, .headerNavigation li .navMiyanosaka, .headerNavigation li .navOthers { display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 46px;/*全体-テキスト自体の高さ*/ } .headerNavigation li .navKuzuha { display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 48px; } #menuBtn { display: none;} #menu { display: block !important;} .contentInner { width: 1024px; margin: 0 auto; } .contentHeader h3 { /*font-size: 2.6rem;*/ display: inline; margin-right: 0.8em; /*letter-spacing: 0.2em;*/ margin-bottom: 0; } .catchInner { width: 1024px; min-height: 238px; margin: 0 auto; } .kyobashiPhoto { background: url(../images/kyobashi/kyobashiMain_dt.jpg) no-repeat center; background-size: cover;} .hirakataPhoto { background: url(../images/hirakata/hirakataMain_dt.jpg) no-repeat center; background-size: cover;} .miyanosakaPhoto { background: url(../images/miyanosaka/miyanosakaMain_dt.jpg) no-repeat center; background-size: cover;} .kayashimaPhoto { background: url(../images/kayashima/kayashimaMain_dt.jpg) no-repeat center; background-size: cover;} .moriguchiPhoto { background: url(../images/moriguchi/moriguchiMain_dt.jpg) no-repeat center; background-size: cover;} .kuzuhaPhoto { background: url(../images/kuzuha/kuzuhaMain_dt.jpg) no-repeat center; background-size: cover;} .kayashimaHigashiPhoto { background: url(../images/kayashimaHigashi/kayashimaHigashiMain_dt.jpg) no-repeat center; background-size: cover;} .nishisansoPhoto { background: url(../images/nishisanso/nishisansoMain_dt.jpg) no-repeat center; background-size: cover;} .othersPhoto { background: url(../images/others/othersMain_dt.jpg) no-repeat center; background-size: cover;} .owadaPhoto { background: url(../images/owada/owadaMain_dt.jpg) no-repeat center; background-size: cover;} .newsinformation dl dt { float: left;} .newsinformation dl dd { margin-left: 10em;} .newsinformation dl:after { content: ""; display: block; clear: both; } .recommendShop { width: 1024px; margin: 0 auto; } .recommendShopList { display: table;} .recommendShopList li { display: table-cell; width: 30%; padding-right: 1em;} /*.recommendShopList li:last-child { padding-right: 0;}*/ .ekenetWeb h5 { margin-bottom:20px;} .ekenetWeb ul { margin-bottom:20px; float: left;} .ekenetWeb:after { content: ""; display: block; clear: both;} .informationIcon {padding-top: 20px;} .informationIcon li { float: left; width: auto; margin-right: 0.8em;} .footerLinksInner, .footerNavigationInner { width: 1024px; margin: 0 auto;} .footerNavigation { padding: 22px 0 36px 0;} .footerLinks { vertical-align: middle;}/*////////////////////////////確認*/ .footerLinks ul { display: table;} .footerLinks ul li { display: table-cell; padding-right: 70px;} .footerLinks ul li:last-child { padding-right: 0;} .footerLogoKeihan { width: 98px;} .footerLogoKeihanRTS { width: 98px;} .footerLogoKeihanmall { width: 52px;} .footerLogoCitymall { width: 102px;} .footerLogoKuzuhamall { width: 106px;} .footerLogoKiki { width: 64px;} .footerLogoKbratt { width: 66px;} .footerNav { float: left;} .keihanRTSLogo { float: right;} .keihanRTS { width: 122px;} .footerNavigationInner:after { content: ""; display: block; clear: both; } .footerNav li { float: left; padding-right: 1.6em;} .footerNav:after { content: ""; display: block; clear: both; } .copyright { text-align: center;} /*///////////////////////////////施設設定*/ .mainDescContent { margin-bottom: 20px;} .mainDesc { float: left; width: 519px ; margin-right: 30px; } .mainPhoto { float: right; width: 455px; } .mainDescContent:after { content: ""; display: block; clear: both; } .okeihanPointPoss { background-position: right 88%; background-size: 68px 68px;} .floorMap { margin-bottom: 20px;} .mapOpenCloseBtn { width: 40%;} .fixed { width: 80%; margin: 0 10%;}/*/////////////////////////////フロアマップ固定サイズ*/ /*///////////////////////////////ショップ情報*/ .shopListContent { letter-spacing: 0;} .shopListContent .shopListPhoto { float: left; width: 30%; margin-right: 1%;} .shopListContent .shopListComment { float: left; width: 42%; margin-right: 2%;} .shopListContent .shopInformation { float: left; width: 25%;} .shopListContent:after { content: ""; display: block; clear: both; } .shopInformation { font-size: 82%;} .okeihanPointShopList p { margin-bottom:50px; } .okeihanPointShopList ul { margin-bottom:0px; } .okeihanPointShopList li { width: 33%; padding: 0 10px 2em; float: left;} .okeihanPointShopList:after { content: ""; display: block; clear: both; } .sitemap ul { margin: 0 1em 2em;} .okeihanPointShop,.sitemap,.privacyPoricy,.faq { margin: 36px 0;} } /*//////////////////////////////////////////////////////////// SLIDER-BOTTOM */ .sliderBottom {width: 100%; height: 30px; margin: 0px;} /*//////////////////////////////////////////////////////////// TOP-RECOMMEND NEWS 160927 ADD */ .clearfix:after { visibility:hidden; display:block; content:" "; clear:both; height:0; } .breakline { margin-bottom:30px; width:100%; height:10px; border-bottom:#999 1px solid; } .recommend_box a { text-decoration: none; color: #A9CC2A; } .jump_link { text-decoration: none; color: #A9CC2A; } .jump_link_p { margin-top:15px; } /*.irregular_num { width:36px; height:36px; }*/ @media screen and (min-width: 769px) { .recommend_box { margin-bottom:30px; } .recommend_news { margin-right:15px; margin-bottom:15px; width:326px; float:left; } .recommend_news img { width:100%; height:auto; } .recommend_campaign { } .recommend_campaign img { width:100%; height:auto; } .recommend_txt { font-size:14px; } .recommend_h1 { margin-bottom:10px; font-size:22px; } .recommend_h1 span { display:block; font-size:14px; } .recommend_h2 { margin-bottom:10px; font-size:16px; } .recommend_txt p { margin-bottom:8px; } .recommend_prize { margin-right:15px; width:326px; float:left; } .recommend_prize img { width:100%; height:auto; } .recommend_prize span { display:block; font-size:14px; font-weight:bold; } .recommend_prize p { font-size:12px; line-height:18px; } .recommend_news_w { margin-right:15px; margin-bottom:15px; width:100%; float:left; } .recommend_news_w img { width:100%; height:auto; } .cam_box_head { margin-bottom:15px; } .cam_box_head p { font-size:14px; } .cam_box { margin-bottom:15px; } .cam_box p { font-size:12px; } .cam_box span { font-size:12px; font-weight: 600; } .sub_cam_title { margin-bottom:8px; display:block; font-size:17px; } } @media screen and (max-width: 768px) { .recommend_box { margin-bottom:30px; } .recommend_news { margin-right:15px; width:100%; } .recommend_news img { width:100%; height:auto; } .recommend_campaign { } .recommend_campaign img { width:100%; height:auto; } .recommend_h1 { margin-bottom:10px; font-size:4.5vw; letter-spacing: 0vw; } .recommend_h1 span { display:block; font-size:14px; } .recommend_h2 { margin-bottom:10px; font-size:3.5vw; } .recommend_txt { font-size:14px; } .recommend_txt p { margin-bottom:15px; } .recommend_prize { margin-right:15px; margin-bottom:15px; width:45%; float:left; } .recommend_prize img { width:100%; height:auto; } .recommend_prize span { display:block; font-weight:bold; } .recommend_prize p { font-size:12px; line-height:14px; } .recommend_news_w { margin-right:15px; width:100%; } .recommend_news_w img { width:100%; height:auto; } .cam_box_head { margin-bottom:15px; } .cam_box_head p { font-size:100%; } .cam_box { margin-bottom:15px; } .cam_box p { font-size:2.5vw; } .cam_box span { font-size:2.5vw; font-weight: 600; } .sub_cam_title { margin-bottom:8px; display:block; font-size:16px; } } .shop_txt_photo { width:45%; height: auto; } .num10_02f { background: url(../images/shop/num10_02f.png) no-repeat left center; background-size: 82px 36px;} .num10_02 { background: url(../images/shop/num10_02.png) no-repeat left center; background-size: 82px 36px;} .num10_03 { background: url(../images/shop/num10_03.png) no-repeat left center; background-size: 82px 36px;} .num10_04 { background: url(../images/shop/num10_04.png) no-repeat left center; background-size: 82px 36px;} .newyearsSchedule { margin: 0 auto; text-align: center;} .newyearsSchedule p { margin: 14px 0;} .newyearsSchedule a { color: #81992f; } .otherL { font-size: 152%;} .newyearBanner { text-align: center; margin-bottom: 14px;} .camDay { font-weight: bold; font-size: 120%;} .hirakataCam1901 a { color: #A9CC2A; text-decoration: none;} .hirakataCambanner { margin-bottom: 20px;}