@charset "UTF-8"; /* line 17, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /* line 4, ../sass/core/_mixin.sass */ .news-category img, .news .entries .entry .entry-body .category img { padding-bottom: 2px; border-bottom: 3px solid #cccccc; } /* line 4, ../sass/page/_blog.sass */ .blog-top .table-of-contents { overflow: hidden; *zoom: 1; } /* line 8, ../sass/page/_blog.sass */ .blog-top .table-of-contents li { width: 300px; float: left; background: url(../img/blog/bg_blogtop.png) right top no-repeat; margin-bottom: 10px; padding: 10px 0; text-align: center; } /* line 16, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.no-rightboarder { background-image: url(../img/blog/bg_blogtop_norightborder.png); } /* line 19, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.no-bottomboarder { padding-bottom: 0; } /* line 22, ../sass/page/_blog.sass */ .blog-top .table-of-contents li a { text-decoration: none; color: black; } /* line 26, ../sass/page/_blog.sass */ .blog-top .table-of-contents li .update { color: #aa952c; font-size: 10px; margin-bottom: 15px; } /* line 31, ../sass/page/_blog.sass */ .blog-top .table-of-contents li .blog-quote { background: url(../img/blog/face_soho.png) center top no-repeat; height: 53px; padding-left: 88px; text-align: left; } /* line 37, ../sass/page/_blog.sass */ .blog-top .table-of-contents li .blog-quote h3 { padding: 7px 0 2px 5px; font-size: 10px; font-weight: bold; line-height: 1; width: 17em; } /* line 44, ../sass/page/_blog.sass */ .blog-top .table-of-contents li .banner { margin-bottom: 10px; } /* line 47, ../sass/page/_blog.sass */ .blog-top .table-of-contents li .banner img { border: 8px solid black; } /* line 51, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.soho .blog-quote { background-image: url(../img/blog/face_soho.png); } /* line 55, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.transiteye .blog-quote { background-image: url(../img/blog/face_transiteye.png); } /* line 59, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.mousatsu .blog-quote { background-image: url(../img/blog/face_mousatsu.png); } /* line 63, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.fabulousny .blog-quote { background-image: url(../img/blog/face_fabulousny.png); } /* line 67, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.editors .blog-quote { background-image: url(../img/blog/face_editors.png); } /* line 71, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.shinbijyutsusekai .blog-quote { background-image: url(../img/blog/face_shinbijyutsusekai.png); } /* line 75, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.dogman .blog-quote { background-image: url(../img/blog/face_dogman.png); } /* line 79, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.kimonodego .blog-quote { background-image: url(../img/blog/face_kimonodego.png); } /* line 83, ../sass/page/_blog.sass */ .blog-top .table-of-contents li.tokyomichedan .blog-quote { background-image: url(../img/blog/face_tokyomichedan.png); } /* line 89, ../sass/page/_blog.sass */ .blog-entry .main h1 { line-height: 1; margin: 30px 0 40px !important; padding: 0 !important; } /* line 94, ../sass/page/_blog.sass */ .blog-entry .entry-container { width: 800px; margin: 0 auto; background: url(../img/blog/bg_blog.png) top left repeat-y; overflow: hidden; *zoom: 1; } /* line 100, ../sass/page/_blog.sass */ .blog-entry .entry-container .entries { float: left; width: 560px; } /* line 104, ../sass/page/_blog.sass */ .blog-entry .entry-container .entries .entry { margin-bottom: 30px; } /* line 107, ../sass/page/_blog.sass */ .blog-entry .entry-container .entries .entry h2 { background: url(../img/blog/bg_title.png) top left repeat-x; height: 52px; position: relative; margin-bottom: 20px; } /* line 113, ../sass/page/_blog.sass */ .blog-entry .entry-container .entries .entry h2 strong { display: table-cell; vertical-align: middle; width: 420px; font-size: 14px; line-height: 1.2; background: url(../img/blog/ico_title_black.png) left center no-repeat; padding-top: 7px; margin-left: 10px; padding-left: 44px; color: white; height: 45px; } /* line 126, ../sass/page/_blog.sass */ .blog-entry .entry-container .entries .entry h2 span.date { position: absolute; top: 20px; right: 10px; font-size: 11px; } /* line 133, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar { margin-left: 600px; width: 200px; float: none; } /* line 138, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar > div { border-bottom: 1px solid black; margin-bottom: 15px; padding-bottom: 15px; } /* line 143, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar > .no-border { border: none; } /* line 148, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .profile .face { margin-bottom: 10px; line-height: 1; } /* line 152, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .profile h2 { font-weight: bold; line-height: 1.2; margin-bottom: 10px; background: url(../img/blog/ico_title_yellow.png) left top no-repeat; padding-top: 15px; } /* line 159, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .profile .description { font-size: 11px; line-height: 1.3; } /* line 163, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .calendar { background: url(../img/blog/ico_calendar.png) left top no-repeat; padding-top: 15px; } /* line 167, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .monthly { background: url(../img/blog/ico_monthly.png) left top no-repeat; padding-top: 15px; } /* line 171, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .category { background: url(../img/blog/ico_category.png) left top no-repeat; padding-top: 15px; } /* line 175, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .recent { background: url(../img/blog/ico_recent.png) left top no-repeat; padding-top: 15px; } /* line 179, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .recent li { margin-bottom: 5px; line-height: 1; } /* line 183, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .recent li a { font-size: 11px; color: black; text-decoration: none; } /* line 189, ../sass/page/_blog.sass */ .blog-entry .entry-container .blog-sidebar .recent li a:hover { text-decoration: underline; } /* line 5, ../sass/page/_common.sass */ body { color: black; background: white; font-size: 13px; line-height: 1.6; font-family: Helvetica, "ＭＳ Ｐゴシック", "MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif; } /* body { color: black; background: white; font-size: 13px; line-height: 1.6; font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } */ /* line 13, ../sass/page/_common.sass */ .container { width: 1220px; margin: 0 auto; padding:0 10px;} /* line 25, ../sass/page/_common.sass */ .header { border-bottom: 5px solid black; margin: 40px 0 0; position: relative; } /* line 32, ../sass/page/_common.sass */ .header h1 { margin-bottom: 35px; margin-left:45px; } /* line 36, ../sass/page/_common.sass */ .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } /* line 39, ../sass/page/_common.sass */ .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } /* line 44, ../sass/page/_common.sass */ .header .utility { position: absolute; top: 0; right: 50px; } /* line 49, ../sass/page/_common.sass */ .header .utility ul { text-align: right; } /* line 52, ../sass/page/_common.sass */ .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .header .utility ul li:last-child img{ margin: 0 0 0 16px; } /* line 58, ../sass/page/_common.sass */ .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } /* line 62, ../sass/page/_common.sass */ .header .utility form { position: relative; } /* line 65, ../sass/page/_common.sass */ .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } /* line 75, ../sass/page/_common.sass */ .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } /* line 87, ../sass/page/_common.sass */ .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } /* line 92, ../sass/page/_common.sass */ .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } /* line 98, ../sass/page/_common.sass */ .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } /* line 102, ../sass/page/_common.sass */ .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } /* line 113, ../sass/page/_common.sass */ .contents { background: url("../img/common/bg_sidebar_texture.png") 40px top repeat-y; } /* line 119, ../sass/page/_common.sass */ .contents .main { margin-left: 268px; padding-bottom: 65px;position: relative;} /* line 124, ../sass/page/_common.sass */ .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; } /* line 130, ../sass/page/_common.sass */ .contents .main .breadcrumbs a { color: black; text-decoration: none; } /* line 134, ../sass/page/_common.sass */ .contents .main .breadcrumbs a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} /* line 137, ../sass/page/_common.sass */ .contents .main h1 { text-align: center; margin: 0 0 10px; } /* line 141, ../sass/page/_common.sass */ .contents .main .lead { text-align: center; font-size: 11px; line-height: 1.2; margin-bottom: 25px; } /* line 147, ../sass/page/_common.sass */ .contents .main .pagination { text-align: center; } /* line 150, ../sass/page/_common.sass */ .contents .main .pagination ul { list-style: none; } /* line 153, ../sass/page/_common.sass */ .contents .main .pagination ul li { margin: 0; padding: 0; display: inline;} /* line 156, ../sass/page/_common.sass */ .contents .main .pagination li.pagenavi_pagetop img { border-left:1px solid #000000;border-right:1px solid #000000; } /* line 168, ../sass/page/_common.sass */ .contents .main .pagination li a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } /* line 181, ../sass/page/_common.sass */ .contents .sidebar { width: 160px; float: left;margin-left:40px; } /* line 185, ../sass/page/_common.sass */ .contents .sidebar .wrapper { width: 160px; margin-top: 30px; background: url(../img/common/bg_sidebar_top.png) top center no-repeat; } /* line 190, ../sass/page/_common.sass */ .contents .sidebar .wrapper h2 { margin: 0; padding: 7px 10px 0; font-size: 0; line-height: 0; } /* line 196, ../sass/page/_common.sass */ .contents .sidebar .wrapper ul { background: url(../img/common/bg_sidebar_bottom.png) bottom center no-repeat; padding-bottom: 15px; } /* line 200, ../sass/page/_common.sass */ .contents .sidebar .wrapper ul li { padding: 0 10px 5px; background: url(../img/common/bg_sidebar_divider.png) bottom center no-repeat; font-size: 0; line-height: 0; } /* line 206, ../sass/page/_common.sass */ .contents .sidebar .wrapper ul li:last-child { background: none; } /* line 217, ../sass/page/_common.sass */ .footer { clear: both; border-top: 5px solid black; margin: 0 0 50px; padding:0 2px; } /* line 223, ../sass/page/_common.sass */ .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:10px 15px 0 0; } /* line 227, ../sass/page/_common.sass */ .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } /* line 230, ../sass/page/_common.sass */ .footer .copyright { text-align: right; font-size: 10px; margin-top: 10px; } /* line 246, ../sass/page/_common.sass */ .single-column .contents { background: none; } /* line 249, ../sass/page/_common.sass */ .single-column .contents .main { margin: 0; } /* line 5, ../sass/page/_contact.sass */ .contact-top h1 { margin-bottom: 40px !important; } /* line 8, ../sass/page/_contact.sass */ .contact-top .table-of-contents { width: 670px; margin: 0 auto; padding: 25px; background: url(../img/common/texture_diagonal.png); } /* line 14, ../sass/page/_contact.sass */ .contact-top .table-of-contents ul { overflow: hidden; *zoom: 1; } /* line 17, ../sass/page/_contact.sass */ .contact-top .table-of-contents li { margin-bottom: 30px; padding-left: 5px; background: white; display: table; vertical-align: middle; width: 100%; } /* line 25, ../sass/page/_contact.sass */ .contact-top .table-of-contents li:last-child { margin-bottom: 15px; } /* line 28, ../sass/page/_contact.sass */ .contact-top .table-of-contents li a.go-to-form { display:block; text-align:center; float: right; background: black; padding: 3px 5px; color: white; text-decoration: none; font-size: 11px; -webkit-transition: background 0.15s; -moz-transition: background 0.15s; -o-transition: background 0.15s; transition: background 0.15s;margin-right:5px; } /* line 37, ../sass/page/_contact.sass */ .contact-top .table-of-contents li a.go-to-form:hover { background: #333333; } /* line 40, ../sass/page/_contact.sass */ .contact-top .table-of-contents li span { display:block; font-size: 11px; padding-bottom: 3px; } .contact-top .table-of-contents li div { float:left; } .contact-top .table-of-contents li a.contactlink2 { margin-top:8px; } /* line 48, ../sass/page/_contact.sass */ .contact-form h2, .contact-confirm h2 { text-align: center; font-weight: bold; font-size: 14px; color: white; background: black; margin: 0 0 40px; padding: 10px; } /* line 58, ../sass/page/_contact.sass */ .form-wrapper { width: 600px; margin: 0 auto; font-size: 14px; min-height: 200px; height: auto !important; height: 200px; } /* line 64, ../sass/page/_contact.sass */ .form-wrapper dt { width: 150px; float: left; margin-bottom: 10px; padding: 3px 0 0; text-align: right; vertical-align: middle; } /* line 72, ../sass/page/_contact.sass */ .form-wrapper dd { padding-left: 170px; margin-bottom: 10px; } /* line 76, ../sass/page/_contact.sass */ .form-wrapper input[type=text], .form-wrapper textarea { background: #eeeeee; margin: 0; padding: 5px; line-height: 1.3; border: none; width: 430px; font-size: 14px; } /* line 85, ../sass/page/_contact.sass */ .form-wrapper input[type=text]:focus, .form-wrapper textarea:focus { border: 1px solid #dddddd; } /* line 88, ../sass/page/_contact.sass */ .form-wrapper input.tel { width: 4em; } /* line 91, ../sass/page/_contact.sass */ .form-wrapper textarea { height: 100px; } /* line 94, ../sass/page/_contact.sass */ .form-wrapper .buttons { margin-left: 170px; } /* line 97, ../sass/page/_contact.sass */ .form-wrapper .buttons form { display: inline; margin-right: 5px; } /* line 101, ../sass/page/_contact.sass */ .form-wrapper .btn-submit { width: 150px; padding: 10px; background: black; color: white; border: none; font-size: 14px; cursor: pointer; } /* line 110, ../sass/page/_contact.sass */ .form-wrapper .btn-submit:hover { background: #333333; } /* line 113, ../sass/page/_contact.sass */ .form-wrapper p { margin-bottom: 1em; } /* line 118, ../sass/page/_contact.sass */ .required { color: #cc0000; font-size: 12px; margin-left: 3px; } /* line 125, ../sass/page/_contact.sass */ .contact-confirm dl { border-top: 1px dotted #cccccc; padding-top: 10px; } /* line 129, ../sass/page/_contact.sass */ .contact-confirm dt { margin: 0 0 10px; padding: 0 0 10px; color: #666666; } /* line 134, ../sass/page/_contact.sass */ .contact-confirm dd { border-bottom: 1px dotted #cccccc; margin: 0 0 10px; padding: 0 0 10px 170px; } /* line 14, ../sass/page/_news.sass */ .news .category-select { position: absolute; top: 40px; right: 0; } /* line 20, ../sass/page/_news.sass */ .news .category-select select { font-size: 10px; color: #888888; margin-bottom: 5px; width: 150px; border: 1px solid #cccccc; background: white; padding: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* line 31, ../sass/page/_news.sass */ .news .entries { margin: 50px 0 30px; overflow: hidden; *zoom: 1; } /* line 35, ../sass/page/_news.sass */ .news .entries .entry { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid black; overflow: hidden; *zoom: 1; } /* line 41, ../sass/page/_news.sass */ .news .entries .entry .thumb { float: left; border: 2px solid black; font-size: 0; padding: 5px; background: white; } /* line 48, ../sass/page/_news.sass */ .news .entries .entry .entry-body { margin-left: 300px; position: relative; } /* line 55, ../sass/page/_news.sass */ .news .entries .entry .entry-body .category .shopnews { border-color: #009fe4 !important; margin-right: 5px; } /* line 59, ../sass/page/_news.sass */ .news .entries .entry .entry-body .shopname { font-size: 10px; margin-bottom: 15px; } /* line 63, ../sass/page/_news.sass */ .news .entries .entry .entry-body .share-button { position: absolute; top: 0; right: 0; } /* line 68, ../sass/page/_news.sass */ .news .entries .entry .entry-body .share-button li { float: left; margin-left: 10px; } /* line 72, ../sass/page/_news.sass */ .news .entries .entry .entry-body h2 { font-size: 28px; font-weight: bold; line-height: 1.1; margin-bottom: 5px; margin-top: 15px; } /* line 78, ../sass/page/_news.sass */ .news .entries .entry .entry-body h2 small { font-size: 17px; display: block; } /* line 82, ../sass/page/_news.sass */ .news .entries .entry .entry-body h3 { color: #009fe4; display: block; font-size: 18px; margin-bottom: 15px; font-weight: bold; } .news .entries .entry .entry-body h3 span { margin:0 10px;} /* line 88, ../sass/page/_news.sass */ .news .entries .entry .entry-body .description { line-height: 1.5;margin-bottom: 20px; } /* line 97, ../sass/page/_news.sass */ .news-index .category img { border-color: #009fe4 !important; } /* line 99, ../sass/page/_news.sass */ .news-index .place, .news-index .date { color: #009fe4 !important; } /* line 104, ../sass/page/_news.sass */ .news-transitnews .category img { border-color: #ff2c79 !important; } /* line 106, ../sass/page/_news.sass */ .news-transitnews .place, .news-transitnews .date { color: #ff2c79 !important; } /* line 111, ../sass/page/_news.sass */ .news-shop .category img { border-color: #009fe4 !important; } /* line 113, ../sass/page/_news.sass */ .news-shop .place, .news-shop .date { color: #009fe4 !important; } /* line 118, ../sass/page/_news.sass */ .news-transiteye .category img { border-color: #72d656 !important; } /* line 120, ../sass/page/_news.sass */ .news-transiteye .place, .news-transiteye .date { color: #72d656 !important; } /* line 126, ../sass/page/_news.sass */ .news-index .category, .news-transitnews .category, .news-transiteye .category { margin-bottom: 10px; } /* line 6, ../sass/page/_searchresult.sass */ .search-result .entries { margin-bottom: 50px; } /* line 9, ../sass/page/_searchresult.sass */ .search-result .entries .entry { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid black; } /* line 14, ../sass/page/_searchresult.sass */ .search-result .entries .entry h2 { font-size: 22px; margin-bottom: 5px; font-weight: bold; } /* line 19, ../sass/page/_searchresult.sass */ .search-result .entries .entry .description { width: 95%; } /* line 22, ../sass/page/_searchresult.sass */ .search-result .entries .entry .description strong { background: khaki; padding: 3px; } /* contact */ .contact .contents h1 { margin-bottom: 40px;} /* news */ .news .contents .main .breadcrumbs { width: 780px;} .news .contents .main h1 { width: 780px;} .pressinfo .main { margin-left: 260px; position: relative; } .pressinfo .main .pressinfo_entries { margin: 50px 0 30px; overflow: hidden; *zoom: 1; width: 960px;} .pressinfo .pressinfo_entries .entry { width:200px; float:left; margin-left:40px; margin-bottom: 40px; background: url(../img/news/pressinfo_entry_bg.png) repeat;overflow: hidden; *zoom: 1; position:relative; } .pressinfo .pressinfo_entries .entry .title { width:162px; margin: 18px 0 10px 18px; background-color:#FFFFFF; display:inline-block;} .pressinfo .pressinfo_entries .entry .title_info { width:78px; float:left; margin: 10px 7px 10px 7px; display:inline-block;} .pressinfo .pressinfo_entries .entry .title_info span { display:block;} .pressinfo .pressinfo_entries .entry .title_info .date { font-weight:bold; line-height:1; padding:3px 0 10px 0; } .pressinfo .pressinfo_entries .entry .title_info .name { font-weight:bold; line-height:1.3; padding:0 0 5px 0;word-wrap:break-word; } .pressinfo .pressinfo_entries .entry .title .thumb { float:left; margin:10px 5px 10px 0 ; font-size: 0; min-height:80px;} .pressinfo .pressinfo_entries .entry .thumb_img { display:block;margin:0 0 10px 18px; padding:0; font-size: 0;} .pressinfo .pressinfo_entries .entry .thumb_img img { border: 1px solid black;} .pressinfo .pressinfo_entries .entry .infotxt { width:162px;float:left; margin:0 18px 18px 18px;} .pressinfo .pressinfo_entries .entry .infotxt .category { display:block;margin-bottom:5px;line-height:1;} .pressinfo .pressinfo_entries .entry .infotxt .category span { font-weight:bold; padding:0 0 0 5px; } .pressinfo .pressinfo_entries .entry .infotxt .copy { width:162px;font-size:9px;line-height:1.3; } .pressinfo .pressinfo_entries .entry a { position:absolute; top:0; left:0; width:144px; height:100%; padding:28px 0 0 112px;} .pressinfo .pressinfo_entries .entry:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; } .pressinfo .pressinfo_detail_main { overflow: hidden; *zoom: 1; width: 960px; } .pressinfo .pressinfo_detail { float:left; width:736px; margin: 50px 0 30px 22px; } .pressinfo .pressinfo_detail .detail_img{ margin-bottom:40px; max-width:736px; height:auto; line-height:0; font-size:0;} .pressinfo .pressinfo_detail .detail_img img{ max-width:732px; height:auto;border:2px solid #000000;} .pressinfo .pressinfo_info { float:left; width: 144px; margin: 50px 0 30px 50px; padding-top:25px; background: url(../img/news/pressinfo_info_bg.png) top center no-repeat; text-align:center; display:inline-block;} .pressinfo .pressinfo_info h2 { margin: 0; padding:0 0 2px 0; font-size: 0; line-height: 0; } .pressinfo .pressinfo_info .date, .pressinfo .pressinfo_info .name{ font-size: 17px; line-height: 1.3; color:#FFFFFF; margin-bottom:18px; font-weight:bold; padding:0 10px;} .pressinfo .pressinfo_info .category, .pressinfo .pressinfo_info .tag{ font-size: 15px; line-height: 1.3; color:#FFFFFF; margin-bottom:18px; font-weight:bold;} .pressinfo .pressinfo_info .comment { width:114px; text-align: left; font-size: 11px; line-height: 1.4; color:#FFFFFF; margin:3px auto 15px; font-weight:normal;} .pressinfo .pressinfo_info .thumb_img { width:114px; background: url(../img/news/pressinfo_info_bg_bottom.png) bottom center no-repeat; padding:0 15px 15px 15px;} .pressinfo .pressinfo_info .thumb_img img { max-width:114px; height:auto;} /* mailmagazine */ .mailmagazine .contents { background:none;} .mailmagazine .contents .main { width:871px;margin: 0 auto; padding-bottom: 65px; text-align:center; } .mailmagazine .contents h2 { clear:both;text-align:left;margin: 0 0 10px 0;} .mailmagazine .contents .currentissue { width:871px; height:116px;margin: 60px 0 45px 0; background-image:url(../img/mailmagazine/currentissue_bg.png); background-repeat:repeat-y; text-align:left;line-height:1.3; position:relative;} .mailmagazine .contents .currentissue:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; } .mailmagazine .contents .currentissue .currentissue_left { float:left;width:509px;margin:8px 0 0 10px;} .mailmagazine .contents .currentissue .currentissue_title { margin:0;} .mailmagazine .contents .currentissue .currentissue_date { margin:0 0 0 5px;color:#ffffff; font-weight:bold; font-size:17px;} .mailmagazine .contents .currentissue .currentissue_txt { margin:0 0 0 5px; color:#ffffff;} .mailmagazine .contents .currentissue .currentissue_thumb { float:left;width:340px;margin: 10px 0 0 0;} .mailmagazine .contents .currentissue a { display: block ; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:1;} .mailmagazine .contents .currentissue_arc { width:871px; height:355px; overflow: auto;text-align:left;margin: 0 0 50px 0; } .mailmagazine .contents .currentissue_arc li { margin: 0 24px 27px 0; width:143px; height:66px; position:relative; background-image:url(../img/mailmagazine/currentissue_list_bg.png);background-repeat:repeat-x;text-align:center;} .mailmagazine .contents .currentissue_arc li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .mailmagazine .contents .currentissue_arc .currentissue_arc_date { margin-top:50px;color:#000000; font-size:11px; line-height:1;} .mailmagazine .contents .currentissue_arc .currentissue_arc_thumb { margin: 6px 0 0 0;width:143px; height:40px;} .mailmagazine .contents .currentissue_arc a { display: block ; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:1;} .mailmagazine .contents li { float:left;margin: 0 25px 25px 0;} .mailmagazine .contents p { font-size: 13px; line-height: 1.8; text-align:left;} .mailmagazine .contents p.sub { font-size: 10px; line-height: 1.7; margin-bottom:26px;} .mailmagazine .contents .formarea { clear:both;background: url("../img/common/bg_sidebar_texture.png") ; margin-bottom:50px;text-align:left; display:inline-block; width:871px;height:340px;} .mailmagazine .contents .formarea h3 { clear:both;font-size: 13px; line-height: 1.8; text-align:left;margin:25px 0 8px 25px; } .mailmagazine .contents .formarea .form1 { position:relative;margin:0 0 0 25px; padding-bottom:45px;} .mailmagazine .contents .formarea .form1 label { color:#000000;font-size: 11px;padding-bottom:5px;position:absolute;top:0; left:0;} .mailmagazine .contents .formarea .form1 label.right { position:absolute;top:0; left:382px;} .mailmagazine .contents .formarea .form1 .textbox { float:left;position:absolute;top:20px; left:0;background: white; padding: 0px 8px;margin:0 10px 20px 0;position:relative; width: 340px; height: 22px; line-height: 22px; border:1px solid #000000; font-size: 13px; } .mailmagazine .contents .formarea .form1 .textbox.right { margin-left:15px;} .mailmagazine .contents .formarea .form1 .send { float:left;padding-top:20px; } .mailmagazine .contents .formarea .form2 { position:relative;margin:0 0 0 25px; padding-bottom:45px;} .mailmagazine .contents .formarea .form2 label { color:#000000;font-size: 11px;padding-bottom:5px;position:absolute;top:0; left:0;} .mailmagazine .contents .formarea .form2 .textbox { float:left;position:absolute;top:20px; left:0;background: white; padding: 0px 8px;margin:0 10px 20px 0;position:relative; width: 340px; height: 22px; line-height: 22px; border:1px solid #000000; font-size: 13px; } .mailmagazine .contents .formarea .form2 .send { float:left;padding-top:20px; } .mailmagazine .contents .formarea .form3 { position:relative;margin:0 0 0 25px; padding-bottom:45px;} .mailmagazine .contents .formarea .form3 label { color:#000000;font-size: 11px;padding-bottom:5px;position:absolute;top:0; left:0;} .mailmagazine .contents .formarea .form3 label.right { position:absolute;top:0; left:382px;} .mailmagazine .contents .formarea .form3 .textbox { float:left;position:absolute;top:20px; left:0;background: white; padding: 0px 8px;margin:0 10px 20px 0;position:relative; width: 340px; height: 22px; line-height: 22px; border:1px solid #000000; font-size: 13px; } .mailmagazine .contents .formarea .form3 .textbox.right { margin-left:15px;} .mailmagazine .contents .formarea .form3 .send { float:left;padding-top:20px; } /* shops */ @media screen and (min-width: 721px){ .shop .container { width: 1220px; margin: 0 auto; padding:0 10px;} .shop .header { border-bottom: 5px solid black; margin: 40px 0 0; position: relative; } .shop .header h1 { margin-bottom: 35px; margin-left:45px; } .shop .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop .header .utility { position: absolute; top: 0; right: 50px; } .shop .header .utility ul { text-align: right; } .shop .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .header .utility form { position: relative; } .shop .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } .shop .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .shop .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } .shop .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .header .gnav_small { display:none;} .shop .contents .wrapper_small { display:none;} .shop .contents { background: url("../img/common/bg_sidebar_texture.png") 40px top repeat-y; } .shop .contents .main { margin-left: 268px; padding-bottom: 65px;position: relative;} .shop .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; } .shop .contents .main .breadcrumbs a { color: black; text-decoration: none; } .shop .contents .main .breadcrumbs a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shop .contents .main h1 { text-align: center; margin: 0 0 10px; } .shop .contents .main .lead { text-align: center; font-size: 11px; line-height: 1.2; margin-bottom: 25px; } .shop .contents .main .pagination { text-align: center; } .shop .contents .main .pagination ul { list-style: none; } .shop .contents .main .pagination ul li { margin: 0; padding: 0; display: inline;} .shop .contents .main .pagination li.pagenavi_pagetop img { border-left:1px solid #000000;border-right:1px solid #000000; } .shop .contents .main .pagination li a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .contents .sidebar { width: 160px; float: left;margin-left:40px; } .shop .contents .sidebar .wrapper { width: 160px; margin-top: 30px; background: url(../img/common/bg_sidebar_top.png) top center no-repeat; } .shop .contents .sidebar .wrapper h2 { margin: 0; padding: 7px 10px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul li:last-child { background: none; } .shop .footer { clear: both; border-top: 5px solid black; margin: 0 0 50px; padding:0 2px; } .shop .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:10px 15px 0 0; } .shop .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .footer .copyright { text-align: right; font-size: 10px; margin-top: 10px; } .shop .footer .footer_utility { display:none; } .shop .contents .sidebar .wrapper h3 { margin: 0; padding: 7px 18px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper h4 { margin: 0 0 8px 0; padding: 7px 18px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul { padding:0 0 18px 0; background:none;} .shop .contents .sidebar .wrapper ul li { padding: 8px 0 2px; margin:0 18px ; background: url(../img/shop/bg_sidebar_divider.png) bottom center no-repeat; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul.area { padding:10px 0 18px 0; background:none;} .shop .contents .sidebar .wrapper ul.area li { padding: 0 0 10px 17px; margin:0 18px ; background: url(../img/shop/sidebar_list.png) top left no-repeat; color:#000000;font-size:12px; line-height: 1; } .shop .contents .sidebar .wrapper ul.area li.area_cat { padding: 0 0 10px 0; margin:0 18px ; background:none;line-height:0; } .shop .contents .sidebar .wrapper ul.area { background: url(../img/common/bg_sidebar_bottom.png) bottom center no-repeat; padding-bottom: 15px; } .shop .contents .sidebar .wrapper ul.area a { color: black; text-decoration: none; display:block; } .shop .contents .sidebar .wrapper ul.area a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shoplist_alert{ text-align: center; padding: 18px 0 0 0; } .shoplist_alert a{ color: #000000; text-decoration: underline; } .shop .contents .main { margin-left: 240px; padding-bottom: 65px;position: relative;} .shop .entries { margin: 30px 0 30px; overflow: hidden; *zoom: 1; } .shop .entries .shop_list { float: left; width:225px; height:205px; margin-left:20px; margin-bottom: 28px; overflow: hidden; *zoom: 1; text-align:center; position:relative;} .shop .entries .shop_list .logo { width:225px;height:50px; display:table-cell; text-align:center;vertical-align:middle;layout-grid-line:50px;} .shop .entries .shop_list .logo img {vertical-align: middle;width:auto; height:auto; max-width:225px; max-height:41px;} .shop .entries .shop_list .thumb { background:#000000; padding: 6px; } .shop .entries .shop_list h2 { background:#000000;font-size: 11px; line-height:1; padding:0 0 5px 0; color:#FFF; height:23px;} .shop .entries .shop_list h2 span { margin:170px 0 0 0; display:block;width:225px; height:190px;color:#FFF;} .shop .entries .shop_list a{ position:absolute; top:0; left:0; width:225px; height:190px; display:block;color:#FFF; text-decoration:none;} .shop .entries .shop_list:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} } @media screen and (max-width: 720px){ .shop .container { width: 320px; margin: 0 auto; padding:0 0 0 10px;} .shop .header { width: 300px; border-bottom:1px solid black; margin: 20px 0 20px 5px; position: relative;} .shop .header h1 { margin-bottom: 30px; margin-left:25px; } .shop .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop .header .utility { display: none; } .shop .header .gnav { display: none;} .shop .header .gnav_small { display:block;padding-bottom:20px; } .shop .header .gnav_small .accordion_head { cursor:pointer; background:#000000; height:40px; width:290px; color:#ffffff; font-weight:bold; font-size:15px; line-height:40px;padding-left:10px;background-image:url(../img/shop/menulist_bg.png); background-repeat:no-repeat; background-position:top right;} .shop .header .gnav_small .selected { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop .header .gnav_small .selected + * { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop .header .gnav_small .accordion_menu { background:#f5f5f5;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} .shop .header .gnav_small .accordion_menu li { display:block;border-bottom:1px solid #cccccc;} .shop .header .gnav_small a { color: black; text-decoration: none; display:block; padding:6px 10px; } .shop .header .gnav_small a:hover { color: black; background:#EEEEEE;} .shop .contents { width: 300px;background:none; margin-left:5px;} .shop .contents .main { margin-left: 0; padding-bottom: 0;} .shop .contents .main .breadcrumbs { display:none; } .shop .contents .main h1 { display:none; } .shop .contents .sidebar { display: none;} .shop .contents .wrapper_small { display:block;margin-bottom:10px;} .shop .contents .wrapper_small .accordion_head {cursor:pointer; background:#000000; height:40px;width:290px; color:#ffffff; font-weight:bold; font-size:15px; line-height:40px;padding-left:10px;background-image:url(../img/shop/menulist_bg.png); background-repeat:no-repeat; background-position:top right;} .shop .contents .wrapper_small .selected { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop .contents .wrapper_small .selected + * { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop .contents .wrapper_small .accordion_menu { background:#f5f5f5;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} .shop .contents .wrapper_small .accordion_menu ul { border-bottom:1px solid #cccccc;} .shop .contents .wrapper_small .accordion_menu li { display:block; } .shop .contents .wrapper_small h3 { margin:0; padding:10px; font-size:14px; line-height: 1;font-weight:bold;border-bottom:1px solid #cccccc;background:#ddd;} .shop .contents .wrapper_small a { padding:6px 10px;color: black; text-decoration: none; display:block; } .shop .contents .wrapper_small a:hover { color: black; background:#EEEEEE;} .shop .contents .wrapper_small ul.area { border-bottom:1px solid #cccccc;padding-bottom:15px;} .shop .contents .wrapper_small ul.area li.area_cat { padding:10px;line-height:1;font-size:14px; line-height: 1;font-weight:bold;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;background:#ddd;} .shop .contents .wrapper_small ul.area li { color:#000000; font-size:15px; line-height: 1;} .shop .contents .wrapper_small ul.area li a { padding:6px 10px 6px 20px;color: black; text-decoration: none; display:block; } .shop .footer { clear: both;width: 300px; border-top: 5px solid black; margin: 0 0 20px 5px; padding:0; } .shop .footer ul li { margin:5px 5px 0 0;-webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .footer .footer_utility { clear:both; display:inline-block;} .shop .footer .footer_utility ul { text-align: left; } .shop .footer .footer_utility ul li { display: inline; margin-right:3px;font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .footer .footer_utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .footer .copyright { clear:both;text-align: left; font-size:9px; margin-top: 10px; } .shop .contents .main { width: 320px;padding-bottom: 30px;position: relative;} .shop .entries { margin: 20px 0 30px; overflow: hidden; *zoom: 1; } .shop .entries .shop_list { float: left; width:140px; height:100px; margin:0 20px 18px 0px; overflow: hidden; *zoom: 1; text-align:center; position:relative;} .shop .entries .shop_list .logo { display:none;} .shop .entries .shop_list .logo img { display:none;} .shop .entries .shop_list .thumb { width:140px; height:69px; padding: 0px; } .shop .entries .shop_list .thumb img { width:140px; height:69px;} .shop .entries .shop_list h2 { width:140px;height:31px;background:#000000; padding:0; color:#FFF; position:relative; line-height:0; } .shop .entries .shop_list h2 span { margin:0; display: table-cell !important; vertical-align:middle;width:130px !important;height:30px !important;color:#FFF; padding:0 5px;font-size: 10px; line-height:1;word-wrap: break-word;} .shop .entries .shop_list a{ width:140px;height:100px;position:absolute; top:0; left:0; display:block;color:#FFF; text-decoration:none; text-align:left;} .shop .entries .shop_list:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} } /* shop_detail */ /* Browser Resets */ .shop_detail .flex-container a:active, .shop_detail .flexslider a:active, .shop_detail .flex-container a:focus, .shop_detail .flexslider a:focus {outline: none;} .shop_detail .slides, .shop_detail .flex-control-nav, .shop_detail .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .shop_detail .flexslider {margin: 0; padding: 0;} .shop_detail .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .shop_detail .flexslider .slides img {width: 100%; display: block;} .shop_detail .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .shop_detail .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .shop_detail .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .shop_detail .flexslider {margin: 0 0 20px; background: #000; position: relative; zoom: 1;} .shop_detail .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .shop_detail .loading .flex-viewport {max-height: 300px;} .shop_detail .flexslider .slides {zoom: 1;} .shop_detail .carousel li { margin-right: 5px} /* Direction Nav */ .shop_detail .flex-direction-nav {display:none;} .shop_detail .flexslider:hover .flex-next {filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; right: 5px;} .shop_detail .flexslider:hover .flex-prev {filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; left: 5px;} .shop_detail .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;} .shop_detail .flex-direction-nav .flex-disabled {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;.3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .shop_detail .flex-control-nav { display:none;} .shop_detail .flex-control-paging {display:none;} .shop_detail .flex-control-thumbs {display:none;} @media screen and (max-width: 860px) { .shop_detail .flex-direction-nav .flex-prev {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; left: 0;} .shop_detail .flex-direction-nav .flex-next {filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; right: 0;} } /* end *********************************/ @media screen and (min-width: 721px){ .shop_detail .container { width: 1220px; margin: 0 auto; padding:0 10px;} .shop_detail .header { border-bottom: 5px solid black; margin: 40px 0 0; position: relative; } .shop_detail .header h1 { margin-bottom: 35px; margin-left:45px; } .shop_detail .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .header .utility { position: absolute; top: 0; right: 50px; } .shop_detail .header .utility ul { text-align: right; } .shop_detail .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .header .utility form { position: relative; } .shop_detail .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } .shop_detail .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .shop_detail .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } .shop_detail .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .header .gnav_small { display:none;} .shop_detail .contents .wrapper_small { display:none;} .shop_detail .contents { background:none; } .shop_detail .contents .main { margin-left: 0; padding-bottom: 65px;position: relative;} .shop_detail .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; } .shop_detail .contents .main .breadcrumbs a { color: black; text-decoration: none; } .shop_detail .contents .main .breadcrumbs a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shop_detail .contents .main h1 { text-align: center; margin: 0 0 10px; } .shop_detail .contents .sidebar { display:none;} .shop_detail .footer { clear: both; border-top: 5px solid black; margin: 0 0 50px; padding:0 2px; } .shop_detail .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:10px 15px 0 0; } .shop_detail .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .footer .copyright { text-align: right; font-size: 10px; margin-top: 10px; } .shop_detail .footer .footer_utility { display:none; } .shop_detail .flexslider { width:1200px;background-color:#000;padding:10px; margin-bottom:45px;} .shop_detail .detail { clear:both; width:1200px; margin-bottom:30px;} .shop_detail .detail_left p, .shop_detail .detail_center p, .shop_detail .detail_right p { margin:0 0 10px 0; } .shop_detail .detail_left strong, .shop_detail .detail_center strong, .shop_detail .detail_right strong { font-weight:bold; } .shop_detail .detail_left { float:left; width: 212px; margin-right: 37px;} .shop_detail .detail_left .logo { margin:0 0 14px 0; width:212px; text-align:center;} .shop_detail .detail_left .logo img{ max-width:212px; height:auto;} .shop_detail .detail_left dl.info { margin:0 0 20px 0; font-size:12px; line-height:1.4;} .shop_detail .detail_left .info dt { margin:0;} .shop_detail .detail_left .info dd { margin:0 0 5px 0; font-weight:bold;} .shop_detail .detail_left div { margin:0; padding:0;line-height:0;} .shop_detail .detail_left span { margin:0; padding:0;font-size:12px; line-height:1.2;} .shop_detail .detail_center { float:left; width:482px; margin-bottom:30px; } .shop_detail .detail_center .concept { margin:0 0 22px 0; border-bottom:dotted 1px #707070; display:inline-block;} .shop_detail .detail_center .concept h2 { border-bottom:dotted 1px #707070; padding-bottom:0; width:482px; height:26px; margin:0 0 20px 0; position:relative;} .shop_detail .detail_center .concept h2 span { float:right; width:300px; height:26px; vertical-align: middle; font-size:11px; color:#a9962d; line-height:1.1; display: table-cell;} .shop_detail .detail_center .concept p { margin-bottom:15px; font-size:12px;line-height:1.6; } .shop_detail .detail_center .concept ul { clear:both; text-align:left; margin-bottom:10px;} .shop_detail .detail_center .concept ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .detail_center .concept ul li.link2 { display: inline; font-size: 0; line-height: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .shop_detail .detail_center .concept ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .detail_center .concept ul li.link2:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .shop_detail .detail_center .access { margin:0 0 30px 0;} .shop_detail .detail_center .access h2 { margin:10px 0 15px 0;} .shop_detail .detail_center .access h3 { margin:10px 0 10px 0; font-size:21px; font-weight:bold;color:#a9962d; line-height:1;} .shop_detail .detail_center .access h3 span { margin:0 0 0 15px; font-size:18px; font-weight:bold; color:#000000;} .shop_detail .detail_center .access img { width: 100%; height: auto; } .shop_detail .detail_center .access h2 img { width: auto !important; height: auto;} .shop_detail .detail_center .access p { margin-bottom:10px; font-size:13px;line-height:1.6; } .shop_detail .detail_center .reservetion { margin:0 0 22px 0;} .shop_detail .detail_center .reservetion h2 { margin:0 0 5px 0; padding:15px 0 0 60px;background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left; height:53px; position:relative;} .shop_detail .detail_center .reservetion h2 span { margin:0;position:absolute; top:18px; left:210px; font-size:11px; color:#a9962d; line-height:1.3;} .shop_detail .detail_center .reservetion dl { margin:0 0 10px 0; display:inline-block;} .shop_detail .detail_center .reservetion dt { clear:both; float:left; width:75px; vertical-align:top; margin-top:2px; } .shop_detail .detail_center .reservetion dd { float:left; margin-bottom:10px; font-size:15px; font-weight:bold; line-height:1.5;} .shop_detail .detail_center .reservetion dd p{ margin:0;} .shop_detail .detail_center .reservetion dd.tel { font-size:20px;line-height:1.2; padding-bottom:5px; } .shop_detail .detail_center .reservetion dd a { color:#000000; text-decoration:none;} .shop_detail .detail_center .reservetion dd a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_center .reservetion .gmap { clear:both; margin:0px 0 25px 0; } .shop_detail .detail_center .reservetion .icon { float:left; width:230px; margin:0 10px 5px 0;padding:5px 0 0 0;height:53px;} .shop_detail .detail_center .reservetion .icon img { margin-left:62px;} .shop_detail .detail_center .reservetion .icon span { display:block; padding:0 0 0 62px;margin:0; text-indent: hanging; font-size:11px; color:#a9962d; line-height:1.2;word-wrap:break-word;} .shop_detail .detail_center .reservetion .icon_seats { background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_pet { background: url(../img/shop/shop_detail_icon_pet.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_wifi { background: url(../img/shop/shop_detail_icon_wifi.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_takeout { background: url(../img/shop/shop_detail_icon_takeout.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_smoking { background: url(../img/shop/shop_detail_icon_smoking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_original { background: url(../img/shop/shop_detail_icon_originalgoods.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_parking { background: url(../img/shop/shop_detail_icon_parking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_ploomtech { background: url(../img/shop/shop_detail_icon_ploomtech.png) no-repeat top left;} .shop_detail .detail_right { float:left; width:470px; text-align:left; } .shop_detail .detail_right .shopnews { width:420px;margin:0 0 22px 50px;} .shop_detail .detail_right .shopnews h2 { border-bottom:dotted 1px #707070; padding:0 0 2px 0; line-height:0; width:420px; margin:0 0 15px 0; position:relative; } .shop_detail .detail_right .shopnews h2 img { width:194px; height:25px;} .shop_detail .detail_right .shopnews li { clear:both; width:420px;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); margin-bottom:6px; display:inline-block;position:relative;} .shop_detail .detail_right .shopnews li .thumb { float:left; padding:3px ;margin:10px 20px 10px 10px;width:87px;height:87px; background:#000000; line-height:1; display: inline-block;} .shop_detail .detail_right .shopnews li .news { float:left;width:280px;} .shop_detail .detail_right .shopnews li .news h3 { width:280px;margin:11px 0 5px 0;} .shop_detail .detail_right .shopnews li .news .date { width:280px; text-align:right;margin-top:-30px;font-size:10px; color:#a9962d; line-height:1;} .shop_detail .detail_right .shopnews li .news h4 { margin:20px 0 5px 0; font-size:13px; color:#a9962d; line-height:1.4; font-weight:bold;} .shop_detail .detail_right .shopnews li .news p { padding:0 10px 10px 0;font-size:11px;line-height:1.3;} .shop_detail .detail_right .shopnews li .news a{ width:100%;height:100%;position:absolute; top:10px; left:10px; display:block;} .shop_detail .detail_right .shopnews li:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; cursor:pointer;} .shop_detail .detail_right .information { clear:both;width:420px;margin:0 0 22px 50px;} .shop_detail .detail_right .information h2 { border-bottom:dotted 1px #707070; padding: 0; line-height:0; width:420px; margin:0 0 2px 0; position:relative;} .shop_detail .detail_right .information li { clear:both; width:420px;border-bottom:dotted 1px #707070; padding:12px 0 0 0;} .shop_detail .detail_right .information li .date { margin-bottom:5px;font-size:10px;line-height:1;} .shop_detail .detail_right .information li h4 { margin-bottom:5px;font-size:12px; color:#a9962d; line-height:1; font-weight:bold;} .shop_detail .detail_right .information li p { font-size:10px; margin-bottom:12px;} .shop_detail .detail_right .menu { clear:both;width:420px;margin:0 0 22px 50px;padding-bottom:10px; text-align:center; background-image:url(../img/shop/shop_detail_menu_bg_bottom.png); background-repeat:no-repeat; background-position:bottom; display:inline-block;} .shop_detail .detail_right .menu h2 { width:420px; padding:22px 0 15px 0; background-image:url(../img/shop/shop_detail_menu_bg.png); background-repeat:no-repeat; background-position:top center;} .shop_detail .detail_right .menu ul { clear:both; padding:0 0 0 20px; background:none;} .shop_detail .detail_right .menu li { width:194px; margin:0 4px 10px 0; text-align:left;display:inline-block; vertical-align:top;} * html .shop_detail .detail_right .menu li { /* IE 6 */ display:inline;zoom:1;} *:first-child+html .shop_detail .detail_right .menu li{ /* IE 7 */ display:inline;zoom:1;} .shop_detail .detail_right .menu li .thumb { margin: 0; width:184px; height:135px; background-image:url(../img/shop/shop_detail_menu_thumb_bg.png); background-repeat:no-repeat; background-position:top left; line-height:1;} .shop_detail .detail_right .menu li .thumb img { margin:12px 0 0 12px;} .shop_detail .detail_right .menu li p { width:174px; margin:0 0 5px 5px;font-size:9px; line-height:1.3;word-wrap:break-word;} .shop_detail .detail_right .menu h3 { width:420px; margin-bottom:10px;} .shop_detail .detail_right .menu p { margin:0 20px 15px 20px;font-size:9px; line-height:1.3;} .shop_detail .detail_right .menu-pdf { clear:both;width:420px;margin:0 0 22px 50px;padding-bottom:10px; text-align:center; display:inline-block;} .shop_detail .detail_right .staff-wanted { clear:both;width:420px;margin:0 0 22px 50px;padding-bottom:10px; text-align:center; display:inline-block;} .shop_detail .detail_right .staff-wanted a { display: block; width: 100%; height: auto; background: url(/img/shop/staff-wanted_on.jpg) no-repeat left top; background-size: 100% auto;} .shop_detail .detail_right .staff-wanted a img {width: 100%; height: auto;} .shop_detail .detail_right .staff-wanted a:hover img {opacity: 0;} .shop_detail .detail_right .partyplan{ width:420px;margin:0 0 20px 50px;} .shop_detail .detail_right .partyplan a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .staffwanted{ width:438px;margin:0 0 22px 32px;} .shop_detail .detail_right .staffwanted h2 { width:438px; height:80px; margin:0px; background-image:url(../img/shop/shop_detail_staff-wanted_bg.png);} .shop_detail .detail_right .staffwanted ul { margin-left:18px;border-bottom:3px solid #000000;} .shop_detail .detail_right .staffwanted li { clear:both; width:420px;border-top:dotted 1px #707070; padding:10px 0 10px 0; } .shop_detail .detail_right .staffwanted li .date { font-size:10px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li p { font-size:10px; margin-bottom:5px;} .shop_detail .detail_right .staffwanted li a { text-decoration:none; } .shop_detail .detail_right .staffwanted li a p { color:#000000;} .shop_detail .detail_right .staffwanted li a .date { font-size:10px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;cursor:pointer; } .shop_detail .detail_right .staffwanted li:first-child { border:none; } .shop_detail .detail_right .insta { width:420px;margin:0 0 22px 50px;background-image:url(../img/shop/shop_detail_insta_bg.png); background-position: bottom; background-repeat:no-repeat; display:inline-block; background-color:#000000;} .shop_detail .detail_right .insta h2 { width:420px; height:52px; margin:0 0 3px 0; position:relative;background-image:url(../img/shop/shop_detail_insta.png);} .shop_detail .detail_right .insta h2 img{ margin:8px 0 0 12px;} .shop_detail .detail_right .insta h2 span { width:220px;font-size:8px;color:#ffffff; position:absolute; top:13px; right:15px; line-height:1.3;} .shop_detail .detail_right .insta ul { clear:both; padding:0 0 0 15px; background:none;} .shop_detail .detail_right .insta li { float:left; width:120px; margin:0 15px 10px 0; } .shop_detail .detail_right .insta a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .pressinfo{ clear:both; width:420px;margin:0 0 22px 50px;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); display:inline-block;} .shop_detail .detail_right .pressinfo h2 { width:400px; padding:10px 0 10px 15px; position:relative;} .shop_detail .detail_right .pressinfo h2 span { width:190px;font-size:8px;position:absolute; top:15px; right:10px; line-height:1.3;} .shop_detail .detail_right .pressinfo ul { padding:0 0 0 18px; background:none;} .shop_detail .detail_right .pressinfo li { float:left; width:116px; margin:0 17px 10px 0; text-align:center; padding:0;} .shop_detail .detail_right .pressinfo li img { margin:0 0 0 0;border:1px solid #000000;} .shop_detail .detail_right .pressinfo li span{ font-size:11px; font-weight:bold; line-height:1; margin:0; padding:0;} .shop_detail .detail_right .pressinfo li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_main { float:left; width:952px;margin:0px; } .shop_detail .detail_omohara { width:100%;border-bottom:dotted 1px #707070;margin:0 0 60px 0; padding:0 0 30px 0; display:inline-block;} .shop_detail .detail_omohara .copy { padding-bottom:10px; } .shop_detail .detail_omohara #omohara-copy{ padding: 40px 0; text-align: center; font-size: 22px; font-weight: bold; color: #ac9530; margin-bottom: 20px; border-bottom:dotted 1px #707070; } .shop_detail .detail_omohara .copytxt { padding-bottom:42px; font-size:13px; } .shop_detail .detail_omohara .popup_timg { clear:both;margin-bottom:20px; width:100%; background-color:#ab952f; line-height:1;} .shop_detail .detail_omohara .popup_timg2 { clear:both;margin-bottom:20px; width:100%; background-color:#000000; line-height:1;} .shop_detail .detail_omohara .popup_timg img { } .shop_detail .detail_omohara .popup_timg2 img { } .shop_detail .detail_omohara .popup_date { font-size:230%; font-weight:bold; color:#000000;padding-bottom:5px; line-height:1;} .shop_detail .detail_omohara .popup_title { font-size:230%; font-weight:bold; color:#ab952f;padding-bottom:25px;line-height:1;} .shop_detail .detail_omohara .popup_img { border:4px solid #000;margin-bottom:20px; line-height:0;} .shop_detail .detail_omohara .popup_txt { float:left; width:857px; margin-right:25px; font-size:13px !important;line-height:1.4; } .shop_detail .detail_omohara .popup_txt img { max-width:857px; height:auto;} .shop_detail .detail_omohara .popup_arrow { float:left; width:70px;padding-bottom:50px;cursor:pointer; display: none;} .shop_detail .detail_omohara .popup { clear:both; width:100%; margin:0 0 50px 0;} .shop_detail .detail_omohara .popup img {margin:0 0 20px 0;} .shop_detail .detail_omohara .popup p {margin:0 0 20px 0;} .shop_detail .detail_omohara .popup strong { font-weight:bold;} .shop_detail .detail_omohara .closeBtnHat { float:right;padding-bottom:50px;cursor:pointer;} .shop_detail .detail_right .omohara_banner{ width:420px; height:150px; background:#000;margin:0 0 30px 50px; position:relative;} .shop_detail .detail_right .omohara_banner .left{ float:left; width:120px; padding:15px 10px 0 10px; } .shop_detail .detail_right .omohara_banner p{ margin:0 0 10px 0; font-size:12px;color:#a9962d; line-height:1.4; font-weight:bold; text-decoration:none;} .shop_detail .detail_right .omohara_banner .logo{ width:150px; margin:0 0 10px 0; font-size:12px;} .shop_detail .detail_right .omohara_banner .thumb{ float:left;width:250px; } .shop_detail .detail_right .omohara_banner .thumb img{ border:solid 2px #FFFFFF;margin:8px 0 0 170px; } .shop_detail .detail_right .omohara_banner .thumb a { position:absolute; top:0; left:0; widht:420px; height:150px;} .shop_detail .detail_right .omohara_banner:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .omoharacafe_banner{ width:420px; height:150px;margin:0 0 30px 50px;} .shop_detail .detail_right .omoharacafe_banner a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .modal{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0;//display:none;} .shop_detail .modalBody{ position: fixed; z-index:1000; color:#fff; padding: 20px 25px; width:655px; height:394px; left:50%; top:50%; filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; text-align:left; background-image:url(../img/shop/omohara/window_bg.png); background-repeat:no-repeat;} .shop_detail .modalBody .title { margin-bottom:12px; line-height:1; font-size:0;} .shop_detail .modalBody p { font-size:11px; margin-right:50px; line-height:1.6; margin-bottom:15px;} .shop_detail .modalBody p span { color:#aa962e; font-weight:bold; font-size:12px; } .shop_detail .modalBody .button { margin:0; } .shop_detail .modalBody .button:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .modalBK{ position: fixed; z-index:999; height:100%; width:100%;} .shop_detail .close{ float:right; cursor: pointer; padding:0; margin: 0px 50px 0 0;} } @media screen and (max-width: 720px){ .shop_detail .container { width: 320px; margin: 0 auto; padding:0 0 0 10px;} .shop_detail .header { width: 300px; border-bottom:1px solid black; margin: 20px 0 20px 5px; position: relative;} .shop_detail .header h1 { margin-bottom: 30px; margin-left:25px; } .shop_detail .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .header .utility { display: none; } .shop_detail .header .gnav { display: none;} .shop_detail .header .gnav_small { display:block;padding-bottom:20px; } .shop_detail .header .gnav_small .accordion_head { cursor:pointer; background:#000000; height:40px; width:290px; color:#ffffff; font-weight:bold; font-size:15px; line-height:40px;padding-left:10px;background-image:url(../img/shop/menulist_bg.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .header .gnav_small .selected { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .header .gnav_small .selected + * { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .header .gnav_small .accordion_menu { background:#f5f5f5;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} .shop_detail .header .gnav_small .accordion_menu li { display:block;border-bottom:1px solid #cccccc;} .shop_detail .header .gnav_small a { color: black; text-decoration: none; display:block; padding:6px 10px; } .shop_detail .header .gnav_small a:hover { color: black; background:#EEEEEE;} .shop_detail .contents { width: 300px;background:none; margin-left:5px;} .shop_detail .contents .main { margin-left: 0; padding-bottom: 0;} .shop_detail .contents .main .breadcrumbs { display:none; } .shop_detail .contents .main h1 { display:none; } .shop_detail .contents .sidebar { display: none;} .shop_detail .contents .wrapper_small { display:block;margin-bottom:10px;} .shop_detail .contents .wrapper_small .accordion_head {cursor:pointer; background:#000000; height:40px;width:290px; color:#ffffff; font-weight:bold; font-size:15px; line-height:40px;padding-left:10px;background-image:url(../img/shop/menulist_bg.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .contents .wrapper_small .selected { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .contents .wrapper_small .selected + * { background-image:url(../img/shop/menulist_bg_over.png); background-repeat:no-repeat; background-position:top right;} .shop_detail .contents .wrapper_small .accordion_menu { background:#f5f5f5;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} .shop_detail .contents .wrapper_small .accordion_menu ul { border-bottom:1px solid #cccccc;} .shop_detail .contents .wrapper_small .accordion_menu li { display:block; } .shop_detail .contents .wrapper_small h3 { margin:0; padding:10px; font-size:14px; line-height: 1;font-weight:bold;border-bottom:1px solid #cccccc;background:#ddd;} .shop_detail .contents .wrapper_small a { padding:6px 10px;color: black; text-decoration: none; display:block; } .shop_detail .contents .wrapper_small a:hover { color: black; background:#EEEEEE;} .shop_detail .contents .wrapper_small ul.area { border-bottom:1px solid #cccccc;padding-bottom:15px;} .shop_detail .contents .wrapper_small ul.area li.area_cat { padding:10px;line-height:1;font-size:14px; line-height: 1;font-weight:bold;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;background:#ddd;} .shop_detail .contents .wrapper_small ul.area li { color:#000000; font-size:15px; line-height: 1;} .shop_detail .contents .wrapper_small ul.area li a { padding:6px 10px 6px 20px;color: black; text-decoration: none; display:block; } .shop_detail .footer { clear: both;width: 300px; border-top: 5px solid black; margin: 0 0 20px 5px; padding:0px; } .shop_detail .footer ul li { margin:5px 5px 0 0;-webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .footer .footer_utility { clear:both; display:inline-block;} .shop_detail .footer .footer_utility ul { text-align: left; } .shop_detail .footer .footer_utility ul li { display: inline; margin-right:3px;font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .footer .footer_utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .footer .copyright { clear:both;text-align: left; font-size:9px; margin-top: 10px; } .shop_detail .flexslider { width:294px;background-color:#000;padding:3px;} .shop_detail .detail { width:300px; margin-bottom:30px;} .shop_detail .detail_left p, .shop_detail .detail_center p, .shop_detail .detail_right p { margin:0 0 10px 0; } .shop_detail .detail_left strong, .shop_detail .detail_center strong, .shop_detail .detail_right strong { font-weight:bold; } .shop_detail .detail_left { float:left; width:300px;margin:0 0 30px 0;} .shop_detail .detail_left .logo { margin:0 0 14px 0; width:300px; text-align:center;} .shop_detail .detail_left .logo img{ max-width:300px;height:auto;} .shop_detail .detail_left dl.info { margin:0 0 20px 0; font-size:12px; line-height:1.4;} .shop_detail .detail_left .info dt { margin:0;} .shop_detail .detail_left .info dd { margin:0 0 5px 0; font-weight:bold;} .shop_detail .detail_left div { margin:0; padding:0;line-height:0;} .shop_detail .detail_left span { margin:0; padding:0;font-size:12px; line-height:1.2;} .shop_detail .detail_center { float:left; width:300px; margin-bottom:30px; } .shop_detail .detail_center .concept { margin:0 0 22px 0; border-bottom:dotted 1px #707070; display:inline-block;} .shop_detail .detail_center .concept h2 { border-bottom:none; padding-bottom:0; width:300px; margin:0 0 20px 0; position:relative;} .shop_detail .detail_center .concept h2 span { display:block; position: static;font-size:10px; color:#a9962d; line-height:1.3; padding:0 0 5px 5px; border-bottom:dotted 1px #707070; width:300px; margin-bottom:10px; } .shop_detail .detail_center .concept p { margin-bottom:15px; font-size:13px;line-height:1.6; } .shop_detail .detail_center .concept ul { clear:both; text-align:left; margin-bottom:10px;} .shop_detail .detail_center .concept ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .detail_center .concept ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .detail_center .access { margin:0 0 30px 0;} .shop_detail .detail_center .access h2 { margin:10px 0 15px 0;} .shop_detail .detail_center .access h3 { margin:10px 0 10px 0; font-size:20px; font-weight:bold;color:#a9962d; line-height:1;} .shop_detail .detail_center .access h2 img { width: auto !important;} .shop_detail .detail_center .access h3 span { margin:0 0 0 10px; font-size:16px; font-weight:bold; color:#000000;} .shop_detail .detail_center .access p { margin-bottom:10px; font-size:13px;line-height:1.6; } .shop_detail .detail_center .access img { width: 100%; height: auto;} .shop_detail .detail_center .reservetion { margin:0 0 22px 0;} .shop_detail .detail_center .reservetion h2 { margin:0 0 15px 0; padding:0 0 0 60px;background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left; height:53px; position:relative;} .shop_detail .detail_center .reservetion h2 span { display:block; position:absolute; top:23px; left:60px; font-size:11px; color:#a9962d; line-height:1.2; padding-bottom:10px;} .shop_detail .detail_center .reservetion dl { width:300px; margin:0 0 10px 0; display:inline-block;} .shop_detail .detail_center .reservetion dt { clear:both; float:left; width:75px; vertical-align:top;} .shop_detail .detail_center .reservetion dd { float:left; width:220px; margin-bottom:10px; font-size:15px; font-weight:bold; line-height:1.5;} .shop_detail .detail_center .reservetion dd p{ margin:0;} .shop_detail .detail_center .reservetion dd.tel {font-size:22px;line-height:1.2;} .shop_detail .detail_center .reservetion dd a { color:#000000; text-decoration:none;} .shop_detail .detail_center .reservetion dd a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_center .reservetion .gmap { clear:both; width:295px; height:125px; overflow:hidden; margin:0px 0 25px 0;border-right:5px solid #000;border-bottom:5px solid #000;} .shop_detail .detail_center .reservetion .icon { float:left; width:300px; margin:0 0 5px 0;padding:5px 0 0 0;height:53px;} .shop_detail .detail_center .reservetion .icon img { margin-left:62px;} .shop_detail .detail_center .reservetion .icon span { display:block; padding:0 0 0 62px;margin:0; text-indent: hanging; font-size:11px; color:#a9962d; line-height:1.2; word-wrap:break-word;} .shop_detail .detail_center .reservetion .icon_seats { background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_pet { background: url(../img/shop/shop_detail_icon_pet.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_wifi { background: url(../img/shop/shop_detail_icon_wifi.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_takeout { background: url(../img/shop/shop_detail_icon_takeout.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_smoking { background: url(../img/shop/shop_detail_icon_smoking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_original { background: url(../img/shop/shop_detail_icon_originalgoods.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_parking { background: url(../img/shop/shop_detail_icon_parking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_ploomtech { background: url(../img/shop/shop_detail_icon_ploomtech.png) no-repeat top left;} .shop_detail .detail_right { float:right; width:300px; text-align:left; } .shop_detail .detail_right .shopnews { width:300px;margin:0 0 20px 0;} .shop_detail .detail_right .shopnews h2 { border-bottom:dotted 1px #707070; padding: 0 0 2px 0; line-height:0; width:300px; margin:0 0 15px 0; position:relative;} .shop_detail .detail_right .shopnews h2 img { width:194px; height:25px;} .shop_detail .detail_right .shopnews li { clear:both; width:300px;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); margin-bottom:6px; display:inline-block;position:relative;} .shop_detail .detail_right .shopnews li .thumb { float:left; padding:3px ;margin:10px 12px 10px 10px;width:87px;height:87px; background:#000000; line-height:1;} .shop_detail .detail_right .shopnews li .news { float:left;width:175px;} .shop_detail .detail_right .shopnews li .news h3 { width:175px;margin:11px 0 5px 0;} .shop_detail .detail_right .shopnews li .news .date { width:175px; text-align:left;margin-top:0px;font-size:10px; color:#a9962d; line-height:1;} .shop_detail .detail_right .shopnews li .news h4 { margin:20px 0 5px 0; font-size:13px; color:#a9962d; line-height:1.4; font-weight:bold;} .shop_detail .detail_right .shopnews li .news p { padding:0 10px 10px 0;font-size:11px;line-height:1.3;} .shop_detail .detail_right .shopnews li .news a{ width:100%;height:100%;position:absolute; top:10px; left:10px; display:block;} .shop_detail .detail_right .shopnews li a:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; cursor:pointer;} .shop_detail .detail_right .information { clear:both;width:300px;margin:0 0 20px 0;} .shop_detail .detail_right .information h2 { border-bottom:dotted 1px #707070;padding: 0; line-height:0; width:300px; margin:0 0 2px 0; position:relative;} .shop_detail .detail_right .information li { clear:both; width:300px;border-bottom:dotted 1px #707070; padding:12px 0 0 0;} .shop_detail .detail_right .information li .date { margin-bottom:5px;font-size:11px;line-height:1;} .shop_detail .detail_right .information li h4 { margin-bottom:5px;font-size:13px; color:#a9962d; line-height:1; font-weight:bold;} .shop_detail .detail_right .information li p { font-size:11px; margin-bottom:12px;} .shop_detail .detail_right .menu { clear:both;width:300px;margin:0 0 20px 0;padding-bottom:10px; text-align:center; background-image:url(../img/shop/shop_detail_menu_bg_bottom.png); background-repeat:repeat-y; background-position:bottom; display:inline-block;} .shop_detail .detail_right .menu h2 { width:300px; padding:22px 0 15px 0; background-image:url(../img/shop/shop_detail_menu_bg.png); background-repeat:no-repeat; background-position:top center;} .shop_detail .detail_right .menu ul { clear:both; padding:0 0 0 20px; background:none;} .shop_detail .detail_right .menu li { width:194px; margin:0 4px 10px 0; text-align:left;display:inline-block; vertical-align:top;} * html .shop_detail .detail_right .menu li { /* IE 6 */ display:inline;zoom:1;} *:first-child+html .shop_detail .detail_right .menu li{ /* IE 7 */ display:inline;zoom:1;} .shop_detail .detail_right .menu li .thumb { margin:0;width:184px;height:135px; background-image:url(../img/shop/shop_detail_menu_thumb_bg.png); background-repeat:no-repeat; background-position:top left; line-height:1;} .shop_detail .detail_right .menu li .thumb img { margin:12px 0 0 12px;} .shop_detail .detail_right .menu li p { width:174px;margin:0 0 5px 5px;font-size:9px; line-height:1.3;} .shop_detail .detail_right .menu h3 { width:300px; margin-bottom:10px;} .shop_detail .detail_right .menu h3 img{ width:300px;height:8px;} .shop_detail .detail_right .menu p { margin:0 10px 15px 10px;font-size:9px; line-height:1.3;} .shop_detail .detail_right .menu-pdf { clear:both;width:300px;margin:0 0 20px 0;padding-bottom:10px; text-align:center; display:inline-block;} .shop_detail .detail_right .menu-pdf img { width:100%; height:auto;} .shop_detail .detail_right .staff-wanted { clear:both;width:300px;margin:0 0 20px 0;padding-bottom:10px; text-align:center; display:inline-block;} .shop_detail .detail_right .staff-wanted a { display: block; width: 100%; height: auto; background: url(/img/shop/staff-wanted_on.jpg) no-repeat left top; background-size: 100% auto;} .shop_detail .detail_right .staff-wanted img { width:100%; height:auto;} .shop_detail .detail_right .staff-wanted a:hover img {opacity: 0;} .shop_detail .detail_right .partyplan{ width:300px;margin:0 0 20px 0;} .shop_detail .detail_right .partyplan img { width:300px; height:26px;} .shop_detail .detail_right .partyplan a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .staffwanted{ width:318px;margin:0 0 20px 0;} .shop_detail .detail_right .staffwanted h2 { width:318px; height:80px; margin:0 0 0 -18px;background-image:url(../img/shop/shop_detail_staff-wanted_bg.png);} .shop_detail .detail_right .staffwanted ul { width:300px;margin-left:0;border-bottom:3px solid #000000;} .shop_detail .detail_right .staffwanted li { clear:both; width:300px;border-top:dotted 1px #707070; padding:10px 0 10px 0; } .shop_detail .detail_right .staffwanted li .date { font-size:11px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li p { font-size:12px; margin-bottom:5px;} .shop_detail .detail_right .staffwanted li a { text-decoration:none; } .shop_detail .detail_right .staffwanted li a p { color:#000000;} .shop_detail .detail_right .staffwanted li a .date { font-size:10px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;cursor:pointer; } .shop_detail .detail_right .staffwanted li:first-child { border:none; } .shop_detail .detail_right .insta { width:300px;margin:0 0 22px 0;background-image:url(../img/shop/shop_detail_insta_bg.png); background-position: bottom; background-repeat:no-repeat; display:inline-block; background-color:#000000;-moz-background-size:300px 37px;background-size:300px 37px;} .shop_detail .detail_right .insta h2 { width:300px; height:85px; margin:0 0 3px 0; position:relative;background-image:url(../img/shop/shop_detail_insta.png); background-repeat:no-repeat;background-color:#000000; -moz-background-size:300px 37px;background-size:300px 37px;} .shop_detail .detail_right .insta h2 img{ margin:8px 0 0 12px;} .shop_detail .detail_right .insta h2 span { width:270px;font-size:9px;color:#ffffff; position:absolute; top:52px; left:15px; line-height:1.3;} .shop_detail .detail_right .insta ul { clear:both; padding:0 0 0 15px; background:none;} .shop_detail .detail_right .insta li { float:left; width:120px; margin:0 15px 10px 0; } .shop_detail .detail_right .insta a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .pressinfo{ clear:both; width:300px;margin:0 0 40px 0;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); display:inline-block;} .shop_detail .detail_right .pressinfo h2 { width:300px; height:80px;padding:10px 0 10px 15px; position:relative;} .shop_detail .detail_right .pressinfo h2 span { clear:both;width:260px;font-size:9px;position:absolute; top:60px; left:15px; line-height:1.3;} .shop_detail .detail_right .pressinfo ul { padding:0 0 0 18px; background:none;} .shop_detail .detail_right .pressinfo li { float:left; width:116px; margin:0 17px 10px 0; text-align:center; padding:0;} .shop_detail .detail_right .pressinfo li img { margin:0 0 0 0;border:1px solid #000000;} .shop_detail .detail_right .pressinfo li span{ font-size:12px; font-weight:bold; line-height:1; margin:0; padding:0;} .shop_detail .detail_right .pressinfo li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_main { float:left; width:300px;margin:0px; } .shop_detail .detail_omohara { width:100%;border-bottom:dotted 1px #707070;margin:0 0 60px 0; padding:0 0 30px 0; display:inline-block;} .shop_detail .detail_omohara #omohara-copy { text-align: center; font-size: 16px; font-weight: bold; color: #ac9530; margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom:dotted 1px #707070; } .shop_detail .detail_omohara .copy { padding-bottom:10px;} .shop_detail .detail_omohara .copy img { width:300px; height:16px;} .shop_detail .detail_omohara .copytxt { padding-bottom:32px; font-size:13px; } .shop_detail .detail_omohara .popup_timg { clear:both; margin-top:15px;margin-bottom:15px;padding:4px 0; width:100%; background-color:#ab952f; line-height:1;} .shop_detail .detail_omohara .popup_timg2 {clear:both; margin-top:15px;margin-bottom:15px;padding:4px 0; width:100%; background-color:#000; line-height:1;} .shop_detail .detail_omohara .popup_timg img { width:300px; height:22px; } .shop_detail .detail_omohara .popup_timg2 img { width:300px;height:19px; } .shop_detail .detail_omohara .popup_date { font-size:200%; font-weight:bold; color:#000000;padding-bottom:5px; line-height:1;} .shop_detail .detail_omohara .popup_title { font-size:200%; font-weight:bold; color:#ab952f;padding-bottom:20px;line-height:1;} .shop_detail .detail_omohara .popup_img { border:3px solid #000;margin-bottom:20px; line-height:0;} .shop_detail .detail_omohara .popup_img img{ width:294px; height:146px; } .shop_detail .detail_omohara .popup_txt { width:300px; margin-right:15px; padding-bottom:20px; font-size:11px;line-height:1.4; } .shop_detail .detail_omohara .popup_txt img { max-width:300px; height:auto;} .shop_detail .detail_omohara .popup_arrow { float:right; width:70px; height:70px; margin-bottom:10px;text-align:right; cursor:pointer;} .shop_detail .detail_omohara .popup { clear:both; width:300px; margin:0 0 50px 0; text-align:center;} .shop_detail .detail_omohara .popup img { margin:0 0 20px 0;} .shop_detail .detail_omohara .popup img.a { width:80%; height:80%;} .shop_detail .detail_omohara .popup img.b { width:30%; height:30%;} .shop_detail .detail_omohara .popup p {margin:0 0 20px 0;} .shop_detail .detail_omohara .popup strong { font-weight:bold;} .shop_detail .detail_right .omohara_banner{ width:300px; height:108px; background:#000;margin:0 0 20px 0; position:relative;} .shop_detail .detail_right .omohara_banner .left{ float:left; width:100px; padding:10px 5px 0 10px; } .shop_detail .detail_right .omohara_banner p{ margin:0 0 5px 0; font-size:11px;color:#a9962d; line-height:1.3; font-weight:bold; text-decoration:none;} .shop_detail .detail_right .omohara_banner .logo{ width:90px; margin:0 0 10px 0; font-size:12px;} .shop_detail .detail_right .omohara_banner .logo img{ width:95px; height:35px;} .shop_detail .detail_right .omohara_banner .thumb{ float:left;width:150px; } .shop_detail .detail_right .omohara_banner .thumb img{ border:solid 2px #FFFFFF;margin:4px 0 0 120px; width:170px; height:96px; } .shop_detail .detail_right .omohara_banner .thumb a { position:absolute; top:0; left:0; widht:300px; height:108px;} .shop_detail .detail_right .omohara_banner:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .omoharacafe_banner{ width:300px; height:108px;margin:0 0 20px 0;} .shop_detail .detail_right .omoharacafe_banner img{ width:300px; height:108px;} .shop_detail .detail_right .omoharacafe_banner a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .omohara-caption-section{ margin-top: 12px; } .omohara-caption-section dl{ overflow: hidden; } omohara-caption-section dl dt{ float: left; margin-right: 1.5em; line-height: 180%; } omohara-caption-section dl dd{ line-height: 180%; } .shop_detail .modal{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0; display:none;} .shop_detail .modalBody{ position: fixed; z-index:1000; color:#fff; padding: 0px; width:300px; height:310px; left:50%; top:50%; filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; text-align:left; background-image:url(../img/shop/omohara/window_bg_small.png); background-repeat:no-repeat; margin:0 0 0 10px;display:inline-block;} .shop_detail .modalBody .title { width:250px;float:left; margin:10px; line-height:1; font-size:0;} .shop_detail .modalBody .title img { margin:5px 0 0 0; width:250px; height:20px; } .shop_detail .modalBody .txt { overflow-y:scroll; width:290px;height:220px; margin-bottom:10px;} .shop_detail .modalBody p { margin:0 5px 10px 10px;font-size:11px;line-height:1.5; margin-bottom:15px;} .shop_detail .modalBody p span { color:#aa962e; font-weight:bold; font-size:12px; } .shop_detail .modalBody .button { margin:5px 0 0 10px;display:inline-block;} .shop_detail .modalBody .button img { margin:0; width:280px; height:20px; } .shop_detail .modalBody .button:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .modalBK{ margin:10px;position: fixed; z-index:999; height:100%; width:100%;} .shop_detail .close{ float:right; cursor: pointer; padding:0; margin: 10px 10px 0 0; } .shop_detail .close img { width:15px; height:15px; } .shop_detail .bottom { width:300px; height:10px; background-image:url(../img/shop/omohara/window_bg_small_bottom.png); background-repeat:no-repeat; background-position:bottom center; margin:0px; display:inline-block;} .shop_detail ::-webkit-scrollbar {width: 5px;background:#eee;} .shop_detail ::-webkit-scrollbarscrollbar-button {width: 5px;height:5px;background:#999;} .shop_detail ::-webkit-scrollbar-piece{background:#eee;} .shop_detail ::-webkit-scrollbar-piece:start { background:#eee;} .shop_detail ::-webkit-scrollbar-thumb{background:#999;} .shop_detail ::-webkit-scrollbar-corner{background:#333;} } .blog-article .Article { font-size: 120%; } .blog-article .Article p { font-size:100% !important;} .mosatsu .Article { font-size:110% !important;} .blog-article .Article b { font-weight:bold; } .blog-article .Article strong { font-weight:bold; } @media print { body { -webkit-print-color-adjust: exact; } .shop .container { width: 1220px; margin: 0 auto; padding:0 10px;} .shop .header { border-bottom: 5px solid black; margin: 40px 0 0; position: relative; } .shop .header h1 { margin-bottom: 35px; margin-left:45px; } .shop .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop .header .utility { position: absolute; top: 0; right: 50px; } .shop .header .utility ul { text-align: right; } .shop .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .header .utility form { position: relative; } .shop .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } .shop .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .shop .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } .shop .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .header .gnav_small { display:none;} .shop .contents .wrapper_small { display:none;} .shop .contents { background: url("../img/common/bg_sidebar_texture.png") 40px top repeat-y; } .shop .contents .main { margin-left: 268px; padding-bottom: 65px;position: relative;} .shop .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; } .shop .contents .main .breadcrumbs a { color: black; text-decoration: none; } .shop .contents .main .breadcrumbs a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shop .contents .main h1 { text-align: center; margin: 0 0 10px; } .shop .contents .main .lead { text-align: center; font-size: 11px; line-height: 1.2; margin-bottom: 25px; } .shop .contents .main .pagination { text-align: center; } .shop .contents .main .pagination ul { list-style: none; } .shop .contents .main .pagination ul li { margin: 0; padding: 0; display: inline;} .shop .contents .main .pagination li.pagenavi_pagetop img { border-left:1px solid #000000;border-right:1px solid #000000; } .shop .contents .main .pagination li a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .contents .sidebar { width: 160px; float: left;margin-left:40px; } .shop .contents .sidebar .wrapper { width: 160px; margin-top: 30px; background: url(../img/common/bg_sidebar_top.png) top center no-repeat; } .shop .contents .sidebar .wrapper h2 { margin: 0; padding: 7px 10px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul li:last-child { background: none; } .shop .footer { clear: both; border-top: 5px solid black; margin: 0 0 50px; padding:0 2px; } .shop .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:10px 15px 0 0; } .shop .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop .footer .copyright { text-align: right; font-size: 10px; margin-top: 10px; } .shop .footer .footer_utility { display:none; } .shop .contents .sidebar .wrapper h3 { margin: 0; padding: 7px 18px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper h4 { margin: 0 0 8px 0; padding: 7px 18px 0; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul { padding:0 0 18px 0; background:none;} .shop .contents .sidebar .wrapper ul li { padding: 8px 0 2px; margin:0 18px ; background: url(../img/shop/bg_sidebar_divider.png) bottom center no-repeat; font-size: 0; line-height: 0; } .shop .contents .sidebar .wrapper ul.area { padding:10px 0 18px 0; background:none;} .shop .contents .sidebar .wrapper ul.area li { padding: 0 0 10px 17px; margin:0 18px ; background: url(../img/shop/sidebar_list.png) top left no-repeat; color:#000000;font-size:12px; line-height: 1; } .shop .contents .sidebar .wrapper ul.area li.area_cat { padding: 0 0 10px 0; margin:0 18px ; background:none;line-height:0; } .shop .contents .sidebar .wrapper ul.area { background: url(../img/common/bg_sidebar_bottom.png) bottom center no-repeat; padding-bottom: 15px; } .shop .contents .sidebar .wrapper ul.area a { color: black; text-decoration: none; display:block; } .shop .contents .sidebar .wrapper ul.area a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shop .contents .main { margin-left: 240px; padding-bottom: 65px;position: relative;} .shop .entries { margin: 50px 0 30px; overflow: hidden; *zoom: 1; } .shop .entries .shop_list { float: left; width:225px; height:190px; margin-left:20px; margin-bottom: 28px; overflow: hidden; *zoom: 1; text-align:center; position:relative;} .shop .entries .shop_list .logo { width:225px;height:50px; display:table-cell; text-align:center;vertical-align:middle;layout-grid-line:50px;} .shop .entries .shop_list .logo img {vertical-align: middle;width:auto; height:auto; max-width:225px; max-height:41px;} .shop .entries .shop_list .thumb { background:#000000; padding: 6px; } .shop .entries .shop_list h2 { background:#000000;font-size: 11px; line-height:1; padding:0 0 5px 0; color:#FFF; height:23px;} .shop .entries .shop_list h2 span { margin:170px 0 0 0; display:block;width:225px; height:190px;color:#FFF;} .shop .entries .shop_list a{ position:absolute; top:0; left:0; width:225px; height:190px; display:block;color:#FFF; text-decoration:none;} .shop .entries .shop_list:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} .shop_detail .container { width: 1220px; margin: 0 auto; padding:0 10px;} .shop_detail .header { border-bottom: 5px solid black; margin: 40px 0 0; position: relative; } .shop_detail .header h1 { margin-bottom: 35px; margin-left:45px; } .shop_detail .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .header .utility { position: absolute; top: 0; right: 50px; } .shop_detail .header .utility ul { text-align: right; } .shop_detail .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .header .utility form { position: relative; } .shop_detail .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } .shop_detail .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .shop_detail .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } .shop_detail .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .header .gnav_small { display:none;} .shop_detail .contents .wrapper_small { display:none;} .shop_detail .contents { background:none; } .shop_detail .contents .main { margin-left: 0; padding-bottom: 65px;position: relative;} .shop_detail .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; } .shop_detail .contents .main .breadcrumbs a { color: black; text-decoration: none; } .shop_detail .contents .main .breadcrumbs a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;} .shop_detail .contents .main h1 { text-align: center; margin: 0 0 10px; } .shop_detail .contents .sidebar { display:none;} .shop_detail .footer { clear: both; border-top: 5px solid black; margin: 0 0 50px; padding:0 2px; } .shop_detail .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:10px 15px 0 0; } .shop_detail .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .footer .copyright { text-align: right; font-size: 10px; margin-top: 10px; } .shop_detail .footer .footer_utility { display:none; } .shop_detail .flexslider { width:1200px;background-color:#000;padding:10px; margin-bottom:45px;} .shop_detail .detail { clear:both; width:1200px; margin-bottom:30px;} .shop_detail .detail_left p, .shop_detail .detail_center p, .shop_detail .detail_right p { margin:0 0 10px 0; } .shop_detail .detail_left strong, .shop_detail .detail_center strong, .shop_detail .detail_right strong { font-weight:bold; } .shop_detail .detail_left { float:left; width: 212px; margin-right: 37px;} .shop_detail .detail_left .logo { margin:0 0 14px 0; width:212px; text-align:center;} .shop_detail .detail_left .logo img{ max-width:212px; height:auto;} .shop_detail .detail_left dl.info { margin:0 0 20px 0; font-size:12px; line-height:1.4;} .shop_detail .detail_left .info dt { margin:0;} .shop_detail .detail_left .info dd { margin:0 0 5px 0; font-weight:bold;} .shop_detail .detail_left div { margin:0; padding:0;line-height:0;} .shop_detail .detail_left span { margin:0; padding:0;font-size:12px; line-height:1.2;} .shop_detail .detail_center { float:left; width:482px; margin-bottom:30px; } .shop_detail .detail_center .concept { margin:0 0 22px 0; border-bottom:dotted 1px #707070; display:inline-block;} .shop_detail .detail_center .concept h2 { border-bottom:dotted 1px #707070; padding-bottom:0; width:482px; height:26px; margin:0 0 20px 0; position:relative;} .shop_detail .detail_center .concept h2 span { float:right; width:300px; height:26px; vertical-align: middle; font-size:11px; color:#a9962d; line-height:1.1; display: table-cell;} .shop_detail .detail_center .concept p { margin-bottom:15px; font-size:12px;line-height:1.6; } .shop_detail .detail_center .concept ul { clear:both; text-align:left; margin-bottom:10px;} .shop_detail .detail_center .concept ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .shop_detail .detail_center .concept ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .shop_detail .detail_center .access { margin:0 0 30px 0;} .shop_detail .detail_center .access h2 { margin:10px 0 15px 0;} .shop_detail .detail_center .access h3 { margin:10px 0 10px 0; font-size:21px; font-weight:bold;color:#a9962d; line-height:1;} .shop_detail .detail_center .access h3 span { margin:0 0 0 15px; font-size:18px; font-weight:bold; color:#000000;} .shop_detail .detail_center .access p { margin-bottom:10px; font-size:13px;line-height:1.6; } .shop_detail .detail_center .reservetion { margin:0 0 22px 0;} .shop_detail .detail_center .reservetion h2 { margin:0 0 5px 0; padding:15px 0 0 60px;background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left; height:53px; position:relative;} .shop_detail .detail_center .reservetion h2 span { margin:0;position:absolute; top:18px; left:210px; font-size:11px; color:#a9962d; line-height:1.3;} .shop_detail .detail_center .reservetion dl { margin:0 0 10px 0; display:inline-block;} .shop_detail .detail_center .reservetion dt { clear:both; float:left; width:75px; vertical-align:top; margin-top:2px; } .shop_detail .detail_center .reservetion dd { float:left; margin-bottom:10px; font-size:15px; font-weight:bold; line-height:1.5;} .shop_detail .detail_center .reservetion dd p{ margin:0;} .shop_detail .detail_center .reservetion dd.tel { font-size:20px;line-height:1.2; padding-bottom:5px; } .shop_detail .detail_center .reservetion dd a { color:#000000; text-decoration:none;} .shop_detail .detail_center .reservetion dd a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_center .reservetion .gmap { clear:both; margin:0px 0 25px 0; } .shop_detail .detail_center .reservetion .icon { float:left; width:230px; margin:0 10px 5px 0;padding:5px 0 0 0;height:53px;} .shop_detail .detail_center .reservetion .icon img { margin-left:62px;} .shop_detail .detail_center .reservetion .icon span { display:block; padding:0 0 0 62px;margin:0; text-indent: hanging; font-size:11px; color:#a9962d; line-height:1.2;word-wrap:break-word;} .shop_detail .detail_center .reservetion .icon_seats { background: url(../img/shop/shop_detail_icon_reservetion.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_pet { background: url(../img/shop/shop_detail_icon_pet.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_wifi { background: url(../img/shop/shop_detail_icon_wifi.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_takeout { background: url(../img/shop/shop_detail_icon_takeout.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_smoking { background: url(../img/shop/shop_detail_icon_smoking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_original { background: url(../img/shop/shop_detail_icon_originalgoods.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_parking { background: url(../img/shop/shop_detail_icon_parking.png) no-repeat top left;} .shop_detail .detail_center .reservetion .icon_ploomtech { background: url(../img/shop/shop_detail_icon_ploomtech.png) no-repeat top left;} .shop_detail .detail_right { float:left; width:470px; text-align:left; } .shop_detail .detail_right .shopnews { width:420px;margin:0 0 22px 50px;} .shop_detail .detail_right .shopnews h2 { border-bottom:dotted 1px #707070; padding:0 0 2px 0; line-height:0; width:420px; margin:0 0 15px 0; position:relative; } .shop_detail .detail_right .shopnews h2 img { width:194px; height:25px;} .shop_detail .detail_right .shopnews li { clear:both; width:420px;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); margin-bottom:6px; display:inline-block;position:relative;} .shop_detail .detail_right .shopnews li .thumb { float:left; padding:3px ;margin:10px 20px 10px 10px;width:87px;height:87px; background:#000000; line-height:1; display: inline-block;} .shop_detail .detail_right .shopnews li .news { float:left;width:280px;} .shop_detail .detail_right .shopnews li .news h3 { width:280px;margin:11px 0 5px 0;} .shop_detail .detail_right .shopnews li .news .date { width:280px; text-align:right;margin-top:-30px;font-size:10px; color:#a9962d; line-height:1;} .shop_detail .detail_right .shopnews li .news h4 { margin:20px 0 5px 0; font-size:13px; color:#a9962d; line-height:1.4; font-weight:bold;} .shop_detail .detail_right .shopnews li .news p { padding:0 10px 10px 0;font-size:11px;line-height:1.3;} .shop_detail .detail_right .shopnews li .news a{ width:100%;height:100%;position:absolute; top:10px; left:10px; display:block;} .shop_detail .detail_right .shopnews li:hover { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; cursor:pointer;} .shop_detail .detail_right .information { clear:both;width:420px;margin:0 0 22px 50px;} .shop_detail .detail_right .information h2 { border-bottom:dotted 1px #707070; padding: 0; line-height:0; width:420px; margin:0 0 2px 0; position:relative;} .shop_detail .detail_right .information li { clear:both; width:420px;border-bottom:dotted 1px #707070; padding:12px 0 0 0;} .shop_detail .detail_right .information li .date { margin-bottom:5px;font-size:10px;line-height:1;} .shop_detail .detail_right .information li h4 { margin-bottom:5px;font-size:12px; color:#a9962d; line-height:1; font-weight:bold;} .shop_detail .detail_right .information li p { font-size:10px; margin-bottom:12px;} .shop_detail .detail_right .menu { clear:both;width:420px;margin:0 0 22px 50px;padding-bottom:10px; text-align:center; background-image:url(../img/shop/shop_detail_menu_bg_bottom.png); background-repeat:no-repeat; background-position:bottom; display:inline-block;} .shop_detail .detail_right .menu h2 { width:420px; padding:22px 0 15px 0; background-image:url(../img/shop/shop_detail_menu_bg.png); background-repeat:no-repeat; background-position:top center;} .shop_detail .detail_right .menu ul { clear:both; padding:0 0 0 20px; background:none;} .shop_detail .detail_right .menu li { width:194px; margin:0 4px 10px 0; text-align:left;display:inline-block; vertical-align:top;} * html .shop_detail .detail_right .menu li { /* IE 6 */ display:inline;zoom:1;} *:first-child+html .shop_detail .detail_right .menu li{ /* IE 7 */ display:inline;zoom:1;} .shop_detail .detail_right .menu li .thumb { margin: 0; width:184px; height:135px; background-image:url(../img/shop/shop_detail_menu_thumb_bg.png); background-repeat:no-repeat; background-position:top left; line-height:1;} .shop_detail .detail_right .menu li .thumb img { margin:12px 0 0 12px;} .shop_detail .detail_right .menu li p { width:174px; margin:0 0 5px 5px;font-size:9px; line-height:1.3;word-wrap:break-word;} .shop_detail .detail_right .menu h3 { width:420px; margin-bottom:10px;} .shop_detail .detail_right .menu p { margin:0 20px 15px 20px;font-size:9px; line-height:1.3;} .shop_detail .detail_right .partyplan{ width:420px;margin:0 0 20px 50px;} .shop_detail .detail_right .partyplan a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .staffwanted{ width:438px;margin:0 0 22px 32px;} .shop_detail .detail_right .staffwanted h2 { width:438px; height:80px; margin:0px; background-image:url(../img/shop/shop_detail_staff-wanted_bg.png);} .shop_detail .detail_right .staffwanted ul { margin-left:18px;border-bottom:3px solid #000000;} .shop_detail .detail_right .staffwanted li { clear:both; width:420px;border-top:dotted 1px #707070; padding:10px 0 10px 0; } .shop_detail .detail_right .staffwanted li .date { font-size:10px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li p { font-size:10px; margin-bottom:5px;} .shop_detail .detail_right .staffwanted li a { text-decoration:none; } .shop_detail .detail_right .staffwanted li a p { color:#000000;} .shop_detail .detail_right .staffwanted li a .date { font-size:10px;line-height:1;color:#a9962d;} .shop_detail .detail_right .staffwanted li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;cursor:pointer; } .shop_detail .detail_right .staffwanted li:first-child { border:none; } .shop_detail .detail_right .insta { width:420px;margin:0 0 22px 50px;background-image:url(../img/shop/shop_detail_insta_bg.png); background-position: bottom; background-repeat:no-repeat; display:inline-block; background-color:#000000;} .shop_detail .detail_right .insta h2 { width:420px; height:52px; margin:0 0 3px 0; position:relative;background-image:url(../img/shop/shop_detail_insta.png);} .shop_detail .detail_right .insta h2 img{ margin:8px 0 0 12px;} .shop_detail .detail_right .insta h2 span { width:220px;font-size:8px;color:#ffffff; position:absolute; top:13px; right:15px; line-height:1.3;} .shop_detail .detail_right .insta ul { clear:both; padding:0 0 0 15px; background:none;} .shop_detail .detail_right .insta li { float:left; width:120px; margin:0 15px 10px 0; } .shop_detail .detail_right .insta a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .pressinfo{ clear:both; width:420px;margin:0 0 22px 50px;background-image:url(../img/shop/shop_detail_pressinfo_bg.png); display:inline-block;} .shop_detail .detail_right .pressinfo h2 { width:400px; padding:10px 0 10px 15px; position:relative;} .shop_detail .detail_right .pressinfo h2 span { width:190px;font-size:8px;position:absolute; top:15px; right:10px; line-height:1.3;} .shop_detail .detail_right .pressinfo ul { padding:0 0 0 18px; background:none;} .shop_detail .detail_right .pressinfo li { float:left; width:116px; margin:0 17px 10px 0; text-align:center; padding:0;} .shop_detail .detail_right .pressinfo li img { margin:0 0 0 0;border:1px solid #000000;} .shop_detail .detail_right .pressinfo li span{ font-size:11px; font-weight:bold; line-height:1; margin:0; padding:0;} .shop_detail .detail_right .pressinfo li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_main { float:left; width:952px;margin:0px; } .shop_detail .detail_omohara { width:100%;border-bottom:dotted 1px #707070;margin:0 0 60px 0; padding:0 0 30px 0; display:inline-block;} .shop_detail .detail_omohara .copy { padding-bottom:10px; } .shop_detail .detail_omohara .copytxt { padding-bottom:42px; font-size:13px; } .shop_detail .detail_omohara .popup_timg { clear:both;margin-bottom:20px; width:100%; background-color:#ab952f; line-height:1;} .shop_detail .detail_omohara .popup_timg2 { clear:both;margin-bottom:20px; width:100%; background-color:#000000; line-height:1;} .shop_detail .detail_omohara .popup_timg img { } .shop_detail .detail_omohara .popup_timg2 img { } .shop_detail .detail_omohara .popup_date { font-size:230%; font-weight:bold; color:#000000;padding-bottom:5px; line-height:1;} .shop_detail .detail_omohara .popup_title { font-size:230%; font-weight:bold; color:#ab952f;padding-bottom:25px;line-height:1;} .shop_detail .detail_omohara .popup_img { border:4px solid #000;margin-bottom:20px; line-height:0;} .shop_detail .detail_omohara .popup_txt { float:left; width:857px; margin-right:25px; padding-bottom:50px; font-size:11px;line-height:1.4; } .shop_detail .detail_omohara .popup_txt img { max-width:857px; height:auto;} .shop_detail .detail_omohara .popup_arrow { float:left; width:70px;padding-bottom:50px;cursor:pointer;} .shop_detail .detail_omohara .popup { clear:both; width:100%; margin:0 0 50px 0; text-align:center;} .shop_detail .detail_omohara .popup img {margin:0 0 20px 0;} .shop_detail .detail_omohara .popup p {margin:0 0 20px 0;} .shop_detail .detail_omohara .popup strong { font-weight:bold;} .shop_detail .detail_omohara .closeBtnHat { float:right;padding-bottom:50px;cursor:pointer;} .shop_detail .detail_right .omohara_banner{ width:420px; height:150px; background:#000;margin:0 0 30px 50px; position:relative;} .shop_detail .detail_right .omohara_banner .left{ float:left; width:120px; padding:15px 10px 0 10px; } .shop_detail .detail_right .omohara_banner p{ margin:0 0 10px 0; font-size:12px;color:#a9962d; line-height:1.4; font-weight:bold; text-decoration:none;} .shop_detail .detail_right .omohara_banner .logo{ width:150px; margin:0 0 10px 0; font-size:12px;} .shop_detail .detail_right .omohara_banner .thumb{ float:left;width:250px; } .shop_detail .detail_right .omohara_banner .thumb img{ border:solid 2px #FFFFFF;margin:8px 0 0 170px; } .shop_detail .detail_right .omohara_banner .thumb a { position:absolute; top:0; left:0; widht:420px; height:150px;} .shop_detail .detail_right .omohara_banner:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .detail_right .omoharacafe_banner{ width:420px; height:150px;margin:0 0 30px 50px;} .shop_detail .detail_right .omoharacafe_banner a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .modal{ filter: alpha(opacity=0); -moz-opacity:0; opacity:0;//display:none;} .shop_detail .modalBody{ position: fixed; z-index:1000; color:#fff; padding: 20px 25px; width:655px; height:394px; left:50%; top:50%; filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; text-align:left; background-image:url(../img/shop/omohara/window_bg.png); background-repeat:no-repeat;} .shop_detail .modalBody .title { margin-bottom:12px; line-height:1; font-size:0;} .shop_detail .modalBody p { font-size:11px; margin-right:50px; line-height:1.6; margin-bottom:15px;} .shop_detail .modalBody p span { color:#aa962e; font-weight:bold; font-size:12px; } .shop_detail .modalBody .button { margin:0; } .shop_detail .modalBody .button:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .shop_detail .modalBK{ position: fixed; z-index:999; height:100%; width:100%;} .shop_detail .close{ float:right; cursor: pointer; padding:0; margin: 0px 50px 0 0;} /* メニュー部分カラム落ち対策 */ .shop_detail .detail_center { zoom:90%; -moz-transform:scale(0.80,0.80); /* for FF */ } .shop_detail .detail_right { zoom:90%; -moz-transform:scale(0.80,0.80); /* for FF */ } /* SHOPトップのちょっとはみだす件応急処置 */ .shop .main { zoom:90%; -moz-transform:scale(0.80,0.80); /* for FF */ } .shop .entries { zoom:90%; -moz-transform:scale(0.90,0.90); float:left; /* for FF */ } .works .container { width:1220px; margin: 0 auto; padding:0;} .works .header { width: 1220px; border-bottom:none; margin: 40px auto 0; padding:0 10px; position: relative; background-color:#ffffff; } .works .header h1 { margin-bottom: 35px; margin-left:45px; } .works .header h1 a { -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .works .header h1 a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } .works .header .utility { position: absolute; top: 0; right: 50px; } .works .header .utility ul { text-align: right; } .works .header .utility ul li { display: inline; font-size: 0; line-height: 0; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .works .header .utility ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .works .header .utility form { position: relative; } .works .header .utility form .searchform { background: white; color: #888888; padding: 0px 8px; width: 230px; height: 28px; line-height: 28px; border:1px solid #cdcdcd; font-size: 13px; } .works .header .utility form .search-submit { position: absolute; right: 5px; top: 7px; width: 20px; height: 20px; border: 0; background: url(../img/common/ico_search.png) center center no-repeat; cursor: pointer; filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .works .header .utility form .search-submit:hover { filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .works .header .gnav { margin: 0 20px 8px 68px; font-size: 0; line-height: 0; overflow: hidden; *zoom: 1; } .works .header .gnav li { float: left;margin-right:7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } .works .header .gnav li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .works .header .gnav_small { display:none; } .works .contents .wrapper_small { display:none; } .works .contents_top { width:100%; min-width:1220px; background-color:#000000; display:inline-block; text-align:center;} .works .contents { width:1220px; margin:0 auto; background: url("../img/work/bg_sidebar_texture.png") 40px top repeat-y;border-bottom:5px solid #000000; } .works .contents .main { margin-left: 200px; padding-bottom:0px;position: relative;} .works .contents .main .breadcrumbs { text-transform: uppercase; font-size: 10px; padding: 28px 0 12px 0; text-align: center; color:#FFFFFF; } .works .contents .main .breadcrumbs a { color:#FFFFFF; text-decoration: none; } .works .contents .main .breadcrumbs a:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; color:#FFFFFF;} .works .contents .main h1 { text-align: center; margin: 0 0 10px; } .works .contents .main .lead { text-align: center; font-size: 11px; line-height: 1.2; margin-bottom: 25px; } .works .contents .main .pagination { text-align: center; } .works .contents .main .pagination ul { list-style: none; } .works .contents .main .pagination ul li { margin: 0; padding: 0; display: inline;} .works .contents .main .pagination li.pagenavi_pagetop img { border-left:1px solid #000000;border-right:1px solid #000000; } .works .contents .main .pagination li a:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .works .contents .sidebar { width: 160px; float: left; margin:0 0 0 40px; text-align:left; border-top:5px solid #000000;} .works .contents .sidebar .wrapper { width: 160px; background:none; margin:0; padding-bottom:50px;} .works .contents .sidebar .wrapper h2 { margin: 0; padding:0 0 20px 19px; font-size: 0; line-height: 0; } .works .contents .sidebar .wrapper ul li:last-child { background: none; } .works .contents .sidebar .wrapper h3 { margin: 0; padding: 7px 0px 5px 19px; font-size: 0; line-height: 0; } .works .contents .sidebar .wrapper ul { padding:0 0 10px 0; background:none;} .works .contents .sidebar .wrapper ul li { padding: 7px 0 6px 0; margin:0 19px ; background:none; font-size: 0; line-height: 0; } .works .contents .sidebar .wrapper a:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; } .works .footer { clear: both; width: 1220px; border-top: none; margin: 0 auto 50px; padding:0 10px; background-color:#ffffff; } .works .footer ul li { float: left; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s;margin:0px 15px 0 0; } .works .footer ul li:hover { filter: alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; } .works .footer .copyright { text-align: right; font-size: 10px; margin-top: 24px; } .works .footer .footer_utility { display:none; } .works .entries { width:100%; margin: 30px 0 -5px 5px; overflow: hidden; *zoom: 1;} .works .entries .work_list { float: left; width:315px; height:195px; margin-right:5px; margin-bottom: 5px; overflow: hidden; *zoom: 1; text-align:left; position:relative;} .works .entries .work_list .thumb { position: absolute;} .works .entries .work_list h2.information { background:#000000;width:315px; height:195px;position: absolute;} .works .entries .work_list .cover { left: 0px; top: -195px;} .works .entries .work_list a{ position:absolute; top:0; left:0; width:300px; height:195px; display:block;font-size: 11px; line-height:1; padding:0 0 5px 0; color:#FFF; text-decoration:none;} .works .entries .work_list h2.information a:link, .works .entries .work_list h2.information a:visited { font-family: 'P22UndergroundCYPro-Demi', "Helvetica Neue", Arial, sans-serif !important; font-size: 11px !important; letter-spacing: .1em; line-height: 1.1 !important; font-weight: normal !important; color: white !important; text-transform: uppercase; font-weight: normal !important; padding-top: 164px; padding-left: 10px; z-index: 5; } #loop-nav { display: block; clear: both; width: 200px; position: relative; bottom: 0px; height: 30px; right: 0px; } /* だいたい90%ぐらいにすれば収まるはず */ body { zoom: 90% !important; -moz-transform:scale(0.90,0.90) translate(-30px,-30px); /* for FF */ } }