/* Theme Name:スリーモンキーズカフェ Author: 飲食店繁盛会 */ /*@charset "UTF-8";*/ /* CSS Document */ /*目次*/ /*レイアウト*/ /*ヘッダー*/ /*サイドバー*/ /*フッター*/ /*共通部分*/ /*ナビゲーション*/ /*こだわり*/ /*イベント*/ /*料金*/ /*メニュー*/ /*フロア*/ /*お祝い*/ /*貸切パーティー*/ /* 観戦スポーツ */ /*アクセス*/ body { line-height: 1.3; } section { position: relative; margin-bottom: 40px;} /*■■■■■■■■■■■文字サイズ■■■■■■■■■■■*/ html { font-size: 4vw; } @media only screen and (min-width:768px) { html { font-size: 15px; } } @media only screen and (min-width:840px) { html { font-size: 15.3px; } } @media only screen and (min-width:910px) { html { font-size: 15.6px; } } @media only screen and (min-width:980px) { html { font-size: 16px; } } /*■■■■■■■■■■■ぱんくず■■■■■■■■■■■*/ #breadcrumbs { overflow: hidden; } #breadcrumbs div { display: inline; } #breadcrumbs { overflow: hidden; width: 980px; margin: 0 auto; padding: 8px 0 0 0; font-size: 12px; line-height: 2; text-align: left; } #breadcrumbs li{ display: inline; } #breadcrumbs li::after{ content: ">"; margin-right: 5px; margin-left: 5px; } #breadcrumbs li:last-of-type a{ pointer-events: none; color: #333; } #breadcrumbs li:last-of-type::after{ content:none; } @media screen and (max-width:766px){ #breadcrumbs { overflow-x: scroll; overflow-y: hidden; width: 100%; white-space: nowrap; } } /*■■■■■■■■■■■レイアウト■■■■■■■■■■■*/ * { box-sizing: border-box; word-wrap: break-word;} #body_bg { display: none; } #wrap { max-width: 980px; margin: 0 auto; background: #fff; } @media only screen and (min-width:768px) { body { background: #000 url(http://www.threemonkeyscafe.com/img_index/index_bg.jpg) repeat top center;} .br { display: none; } } .pc_none { display:none; } .sp_none { display:block; } @media only screen and (min-width:980px) { } /*■■■■■■■■■■■ヘッダー■■■■■■■■■■■*/ /*スライドショーPC非表示*/ /*秋葉原*/ .ms-parent-id-1 { display: none; } /*上野*/ .ms-parent-id-7 { display: none; } /*横浜*/ .ms-parent-id-9 { display: none; } /*天王寺*/ .ms-parent-id-10 { display: none; } /*新宿アイランド*/ .ms-parent-id-8 { display: none; } /*なんば道頓堀*/ .ms-parent-id-20 { display: none; } header { font-family: 新丸ゴ M; } .ms-thumb-list { padding-bottom: 5px; padding-top: 5px; border-top: 4px #C0121B solid; border-bottom: 4px #C0121B solid; } header #top_bar { height: 5px; width: 100%; } header #top_bar img { vertical-align: top; } header { background: #fff; height: 20%; } #header_inner_pc { display: none; } #header_inner_sma p { float: left; } #header_inner_sma { overflow: hidden; } #logo {background: none; border-top: none;} #logo img { width: auto; max-width: 100%;} #header_inner_sma #header_shopname { margin: 3% 2% 2%; font-size: 4.2vw; font-weight: bold; line-height: 1.3; width: 48%; } #header_inner_sma #menu { width: 12.5%; float: right; margin: 2%; cursor: pointer; } #header_inner_sma ul.btn { clear: both; background: #000; overflow: hidden; } #header_inner_sma ul.btn li { width: 30.666666%; float: left; margin: 2% 0 2% 2%; } .wp_social_bookmarking_light { display: none; }/*ソーシャルボタン非表示*/ .wp_social_bookmarking_light_clear { display: none; }/*ソーシャルボタン非表示*/ .sp-thumbnails-container { display: none; }/*スライドショーサムネイル非表示（スマホ）*/ /*スマホナビゲーション*/ #nav_pc { display: none; } #nav_sma ul { overflow: hidden; padding-top: 2%; } #nav_sma ul li { width: 30.66666%; float: left; margin-left: 2%; margin-bottom: 2%; } /*fixed_menu*/ #fixed_menu { position: fixed; top: 0; overflow: hidden; background: #fff; z-index: 1000; display: none; box-shadow: 2px 2px 2px #aaa; } #fixed_menu p { float: left; } #fixed_menu .logo { width: 29%; margin: 2% 0 2% 0%; } #fixed_menu .btn { width: 16%; margin: 2% 0 2% 2%; } #fixed_menu .menu { width: 12.5%; float: right; margin: 3.5% 2%; } /*hide_nav*/ .hide_nav, .hide_nav2 { display: none; } .hide_nav, .hide_nav2 { text-align: center; background: #222; width: 100%; overflow: hidden; } .hide_nav ul li a, .hide_nav2 ul li a { display: inline-block; width: 50%; float: left; border-bottom: 1px solid #444; color: #ccc; font-size: 4vw; font-weight: 300; padding: 0.7em 1.4em; box-sizing: border-box; } .hide_nav ul li:nth-child(2n) a, .hide_nav2 ul li:nth-child(2n) a { border-left: 1px solid #444; } .hide_nav2 { position: absolute; z-index: 1000; } @media screen and (min-width :768px) { #fixed_pc { position: fixed; top: 0; z-index: 2000; width: 100%; max-width: 980px; background: #fff; } #header_inner2 { margin-top: 14%; } #nav_sma { display: none; } #nav_pc { display: block; max-width: 981px; z-index: 2000; } #nav_sma { width: 100%; } #nav_pc ul { overflow: hidden; } #nav_pc ul li { float: left; width: 16.66666666%; text-align: center;height:39px;background:url(https://www.pasela.co.jp/images/shoplist/tmc/common/dummy.png) no-repeat; } #nav_pc ul li a { font-size: 1rem; vertical-align: -0.6rem; margin-left: 5%; color: #000; font-weight: bold; height: 30px; display: block; line-height: 2.3rem; } #nav_pc ul li:nth-child(1) { background-position: 0px -50px; } #nav_pc ul li:nth-child(2) { background-position: -163px -50px; } #nav_pc ul li:nth-child(3) { background-position: -326px -50px; } #nav_pc ul li:nth-child(4) { background-position: -489px -50px; } #nav_pc ul li:nth-child(5) { background-position: -653px -50px; } #nav_pc ul li:nth-child(6) { background-position: -816px -50px; } #nav_pc ul li:nth-child(1):hover { background-position: 0px 0px; } #nav_pc ul li:nth-child(2):hover { background-position: -163px 0px; } #nav_pc ul li:nth-child(3):hover { background-position: -326px 0px; } #nav_pc ul li:nth-child(4):hover { background-position: -489px 0px; } #nav_pc ul li:nth-child(5):hover { background-position: -653px 0px; } #nav_pc ul li:nth-child(6):hover { background-position: -816px 0px; } /*なんば道頓堀向け*/ #nav_pc ul#namba li:nth-child(4) { background-position: 0px -50px !important; } #nav_pc ul#namba li:nth-child(1) { background-position: -163px -50px !important; } #nav_pc ul#namba li:nth-child(2) { background-position: -326px -50px !important; } #nav_pc ul#namba li:nth-child(3) { background-position: -489px -50px !important; } #nav_pc ul#namba li:nth-child(5) { background-position: -653px -50px !important; } #nav_pc ul#namba li:nth-child(6) { background-position: -816px -50px !important; } #nav_pc ul#namba li:nth-child(4):hover { background-position: 0px 0px !important; } #nav_pc ul#namba li:nth-child(1):hover { background-position: -163px 0px !important; } #nav_pc ul#namba li:nth-child(2):hover { background-position: -326px 0px !important; } #nav_pc ul#namba li:nth-child(3):hover { background-position: -489px 0px !important; } #nav_pc ul#namba li:nth-child(5):hover { background-position: -653px 0px !important; } #nav_pc ul#namba li:nth-child(6):hover { background-position: -816px 0px !important; } #kodawari ul#namba li:nth-child(2) > h2 { font-size:1.2rem; } ヘッダーナビ上部固定 .fixed { position: fixed; top: 0px; width: 100%; z-index: 1000; } #nav_pc ul li:nth-child(1).on { background-position: 0px 0px; } #nav_pc ul li:nth-child(2).on { background-position: -163px 0px; } #nav_pc ul li:nth-child(3).on { background-position: -326px 0px; } #nav_pc ul li:nth-child(4).on { background-position: -489px 0px; } #nav_pc ul li:nth-child(5).on { background-position: -653px 0px; } #nav_pc ul li:nth-child(6).on { background-position: -816px 0px; } #nav_pc ul li.on a { color: #AE1412; } .btn { display: none; } /*#fixed_menuの非表示*/ #fixed_menu_wrap { display: none; overflow: hidden; } /*スライドショーのチェンジ*/ /*秋葉原*/ .ms-parent-id-11 { display: none; } .ms-parent-id-1 { display: block; } /*上野*/ .ms-parent-id-12 { display: none; } .ms-parent-id-7 { display: block; } /*横浜*/ .ms-parent-id-14 { display: none; } .ms-parent-id-9 { display: block; } /*天王寺*/ .ms-parent-id-15 { display: none; } .ms-parent-id-10 { display: block; } /*新宿アイランド*/ .ms-parent-id-13 { display: none; } .ms-parent-id-8 { display: block; } /*なんば*/ .ms-parent-id-21 { display: none; } .ms-parent-id-20 { display: block; } .slider-pro { margin-bottom: 0 !important; }/*スライドショー下隙間を削除*/ /*ヘッダーの切り替え*/ #header_inner_sma { display: none; } #header_inner_pc { display: block; } /*ヘッダーPC*/ #header_inner_pc { position: relative; padding: 0.5%; } #header_inner_pc #logo { width: 21.2%; margin: 0; } #header_inner_pc #shopname { width: 40%; font-size: 1.2rem; font-weight: bold; position: absolute; top: 10%; left: 26%; } #header_inner_pc .nav_shoplist { width: 40%; font-size: 1.2rem; font-weight: bold; position: absolute; top: 10%; left: 26%; } #header_inner_pc #yoyaku { width: 30%; position: absolute; top: 58%; left: 26%; } #header_inner_pc #language { overflow: hidden; position: absolute; top: 0%; right: 0; width: 18rem; } #header_inner_pc #language li { float: left; padding: 0 2%; margin-top: 2%; border-right: 1px solid #E07F4D; line-height: 1; } #header_inner_pc #language li:nth-child(4) { border-right: none; } #header_inner_pc #language li a { font-size: 1rem; color: #E07F4D; } #header_inner_pc .time { font-size: 0.8rem; font-weight: bold; position: absolute; bottom: 42%; right: 1%; } #header_inner_pc .tel { font-weight: bold; position: absolute; bottom: 0%; right: 1%; } #header_inner_pc .tel a { font-size: 2rem; color: #000; } } @media screen and (min-width:980px) { #nav_pc ul li { background: url(https://www.pasela.co.jp/images/shoplist/tmc/common/nav.png) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; } #nav_pc ul#namba li { background: url(//www.pasela.co.jp/images/shoplist/tmc/common/header_nav_yokohama_6.png) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; } #nav_pc.nav_pc_yokohama ul li { background: url(//www.pasela.co.jp/images/shoplist/tmc/common/header_nav_yokohama_6.png) no-repeat !important; } .sp-thumbnails-container { display: block; }/*スライドショーサムネイル表示*/ } /*■■■■■■■■■■■フッター■■■■■■■■■■■*/ footer.pc { display: none; } footer.sma .inner { background: #444444; line-height: 1.5; padding: 3%; } footer.sma .to_top { width: 70%; margin: 10% auto; padding: 1%; text-align: center; background: #C7121A; border-radius: 20px; } footer.sma .to_top a { font-size: 5.5vw; color: #fff; font-weight: bold; } footer.sma ul li { background: #000; padding: 5%; border-bottom: 1px solid #fff; text-align: center; } footer.sma ul li a { color: #fff; font-size: 5.5vw; display: block;} footer.sma .text { font-size: 5.5vw; color: #fff; text-align: center; } footer.sma .text a { color: #fff; } footer.sma .btn { overflow: hidden; } footer.sma .sma { width: 42%; margin: 6% 0 5% 6.25%; padding: 3%; text-align: center; border: 2px solid #fff; border-radius: 10px; float: left; } footer.sma .sma a { color: #fff; font-size: 4.5vw; font-weight: bold; } footer.sma .pc { width: 42%; margin: 6% 0 5% 3.125%; padding: 3%; text-align: center; border: 2px solid #fff; background: #fff; border-radius: 10px; float: left; } footer.sma .pc a { color: #444444; font-size: 4.5vw; font-weight: bold; } footer.sma .copy { padding: 3%; background: #000; color: #fff; text-align: center; } @media only screen and (min-width:768px) { footer.sma { display: none; } footer.pc { display: block; } footer.pc > img { vertical-align: top; } footer.pc ul { overflow: hidden; width: 86.2%; ; margin: 2% auto 0; padding-left: 1%; } footer.pc ul li { padding-right: 1%; float: left; margin-right: 2%; border-right: 1px solid #000; line-height: 1rem; } footer.pc ul li:last-child { padding-right: 0; border-right: none; } footer.pc ul li a { font-size: 1.7vw; color: #000; } footer.pc .logo { width: 24%; margin: 0 auto; } footer.pc .text { text-align: center; padding: 2% 0 0; } footer.pc .copy { text-align: center; padding: 2%; } .to_top1 { display: none; position: fixed; bottom: 30px; right: 10px; text-align: center; } .to_top1 a { font-size: 0.8rem; font-weight: bold; width: 80px; height: 80px; line-height: 23px; border-radius: 80px; display: block; background-color: #C0131B; text-align: center; color: #FFF; padding: 5px; } } @media only screen and (min-width:960px) { footer.pc ul li a { font-size: 17px; } } /*■■■■■■■■■■■共通部分■■■■■■■■■■■*/ /*jquery-colorbox画像をクリックして閉じるcss*/ #cboxClose {background:none !important; width:100% !important; height:100% !important;} h1 { font-family: 新丸ゴ M; text-align: center; padding: 5px; line-height: 2; background: #D0131B; color: #fff; font-weight: bold; border-top: 4px solid #80131B; margin-bottom: 20px;} h1 img { width: 4%; vertical-align: -2vw; } .mark2 { display: none; } #exception { background:#000; } @media only screen and (min-width:768px) { .h1-2 { font-size: 1.2rem; } .h1-2 { text-align: center; padding: 5px; line-height: 1; background: none; font-size: 1.5rem; color: #000; font-weight: bold; border-top: none; border-bottom: 3px solid #D0131B; } .h1-2 img { width: 2%; vertical-align: -0.7vw; } } @media only screen and (min-width:960px) { } /*■■■■■■■■■■■ナビゲーション■■■■■■■■■■■*/ @media only screen and (min-width:768px) { .mark1 { display: none; } .mark2 { display: inline; } } @media only screen and (min-width:960px) { } /*!-- add 2017.11.15--*/ /*■■■■■■■■■■■営業時間のお知らせ■■■■■■■■■■■*/ #notice { margin: 0 auto; overflow:hidden; /*width: 95.8%;*/ } #notice .box { padding: 20px 0 0; text-align: center; } #notice .info_txt { padding:10px 0; line-height: 1.5; text-align: center; } #notice .info_time { margin: 0 auto 3%; width: auto; font-weight: bold; } #notice .info_time td:first-child{ padding: 5px 20px 0 0; white-space: nowrap; } #notice .red { color:#d3321d; } #notice .bold { font-weight: bold; } #notice .pc { display: none; } #notice .sp { display: block; } @media only screen and (min-width:768px) { #notice { margin: 0 auto 5%; } #notice .pc { display: block; width:90%; margin:auto; } #notice .sp { display: none; } } @media only screen and (min-width:980px) { } @media screen and (max-width:766px){ } /*!-- add 2017.11.15--*/ /*!-- add 2018.10.15--*/ /*■■■■■■■■■■■本日の営業時間■■■■■■■■■■■*/ #opening_hours .inner { width:90%; margin: 5% auto 0; border: 2px solid #bbb; padding: 2% 8%;} #opening_hours .shop_hours { margin: 0 0 1% 0; } #opening_hours ul { list-style: disc; } @media only screen and (min-width:768px) { #opening_hours { padding: 5% 5% 0 5%; } #opening_hours .inner { width:100%; } } /*!-- add 2018.10.15--*/ /*■■■■■■■■■■■こだわり■■■■■■■■■■■*/ #kodawari h1 { background: #000; border-top: none; font-family: 新丸ゴ M; } #kodawari ul { padding: 15px 0; background: #666666; } #kodawari h2 { color: #D0131B; text-align: center; margin-bottom: 2%; font-family: 新丸ゴ M; } #kodawari li { background: #000; border-radius: 5px; overflow: hidden; margin-bottom: 10px; padding: 10px; } #kodawari li #kodawari_img { width: 40%; float: left; margin-right: 2%; margin-bottom: 2%; } #kodawari li #kodawari_text { color: #fff; line-height: 1.5; } @media only screen and (min-width:768px) { #kodawari li { width: 24.2%; display:inline-block; vertical-align:top;/*float: left; margin-right: 1%;*/ background: none; } #kodawari li:last-child { margin-right: 0; } #kodawari h1 { font-size: 1.5rem; padding-top:3%; } #kodawari h2 { font-size: 2.2vw; border-bottom: 1px solid #fff; } #kodawari ul { overflow: hidden; background: #000 url(//www.pasela.co.jp/images/shoplist/tmc/common/body_bg2.jpg) no-repeat bottom; } #kodawari li #kodawari_img { width: 90%; float: none; margin: 5% auto; } #kodawari li #kodawari_text { font-size: 1rem; clear: both; } } @media only screen and (min-width:980px) { #kodawari h2 { font-size: 1.3rem; } } /*■■■■■■■■■■■イベント■■■■■■■■■■■*/ #calendar_pc, #calendar_text { display: none; } #event article { padding: 10px; border-bottom: 1px solid #ccc; overflow: hidden; } .event_img { width: 40%; float: left; } .event_img a { width: 35vw; height: 35vw; display: block; } #event .title { float: right; width: 55.41%; margin-bottom: 1%; } #event .excerpt { float: right; width: 55.41%; position: relative; } #event .excerpt span { display: block; text-align: right; margin-top: 5%; font-size: 3vw; } .newslist_more1, .newslist_more2{ width: 96%; padding: 1.5%; margin: 8% auto 10%; border: 1px solid #C7121A; text-align: center; border-radius: 20px; font-size: 4.8vw; color: #C7121A; font-weight: bold; margin-top:-50px;} #calendar_sma { width: 90%; margin: 10px auto; } #news_btn { width: 90%; margin: 10% auto; } .newslist_more2 { display: none; } #event .inner article:nth-child(n+6) { display: none; } @media only screen and (min-width:768px) { #event { padding: 5% 5% 0 5%; } #event .inner { overflow: hidden; padding: 5px; } #event article { width: 24%; padding: 0px; overflow: hidden; margin-top: 5%; margin-right: 1.333333%; float: left; border: 1px solid #ccc; padding: 5px; box-shadow: 2px 2px 2px #ccc; min-height: 351px; } #event article:nth-child(4n) { margin-right: 0; } .event_img { width: 100%;float: none; margin: 0% auto;padding-left:1%; } .event_img a { width: 100%; height:197px; display: block; } #event .title { float: none; font-size:11px; width: 100%; margin: 3% auto; text-align: center; border-bottom: 1px dotted #ccc; padding: 3%; } #event .title a { color: #000; font-weight: bold; } #event .excerpt { float: none; font-size:13px; width: 100%; height: 5.5rem; position: relative; } #event .excerpt span { position: absolute; bottom: 5%; right: 0; display: block; background: #000; color: #fff; font-size:12px; padding: 2% 4%; text-align: center; border-radius: 10px; } .newslist_more1 { display: none; cursor: pointer; margin-top:0;}/*さらに読み込むボタンチェンジ*/ .newslist_more2{ display: block; cursor: pointer; width: 100%; padding: 0; margin-bottom: 10%; font-size: 1.2rem; line-height: 2; margin-top:50px;} #calendar_sma { display: none; } #calendar_pc { display: block; width: 24%; float: left; margin-top: 5%; margin-right: 1.3%; border: 1px solid #ccc; padding: 5px 5px 1.2%; box-shadow: 2px 2px 2px #ccc; min-height: 351px; } #calendar_text { display: block; float: left; font-size:14px; margin-top: 1%; position: relative; height:5rem; width: 100%;} #calendar_text span { position: absolute; bottom: 0; right: 0; display: block; background: #88131C; padding: 2% 4%; text-align: center; border-radius: 10px; } #calendar_text span a { color: #fff; font-size:12px; } #news_btn { display: none; } .newslist_more2 { font-family: 新丸ゴ M; font-size: 1.2rem; } } @media only screen and (min-width:960px) { } /*■■■■■■■■■■■料金■■■■■■■■■■■*/ #price h2 { font-family: 新丸ゴ M; width: 90%; margin: 10px auto; padding: 5px; color: #D0131B; text-align: center; font-size: 6vw; border-bottom: 2px solid #D0131B; } #price p { text-align: left; } #price .price { font-weight: bold; font-size: 6.5vw; text-align: center; } #price .text { margin: 10px auto 0px; line-height: 1.3; } #price .spec { width: 80%; margin: 5px auto 50px; font-size: 5.5vw; font-weight: bold; padding-left: 3%; } #price .wrap1 { padding: 0 2%; } .page-id-267 #price .wrap1 td { vertical-align: middle; } #price .tbl_island { width:100%; margin:5px 0 10px; } #price .tbl_island, #price .tbl_island tr, #price .tbl_island td { border: none; text-align: center; } #price .tbl_island td { padding-top:3px; } @media only screen and (min-width:768px) { #price { padding: 0 5%; } #price h2 { width: 100%; margin: 10px 0; padding: 5px; color: #D0131B; text-align: center; font-size: 1.5rem; border-bottom: none; } #price .wrap1 { float: left; width: 47.6%; border: 1px solid #C0121B; border-top: none; padding: 0px 10px 5px; height: 210px; } #price .inner { width: 100%;} .page-id-263 #price .text { text-align: center; line-height: 1.2; } .page-id-2171 #price .text { text-align: center; line-height: 1.2; } .page-id-265 #price .wrap1 { height: 500px; } .page-id-267 #price .wrap1 { height: 810px; padding: 0 35px 5px; overflow: hidden;} .page-id-1773 #price .wrap1 { height: 810px; padding: 0 35px 5px; overflow: hidden;} #price .wrap2 { float: right; width: 47.6%; text-align: center; border: 1px solid #C0121B; border-top: 1px solid #fff; padding: 0 10px 5px; height: 210px; } body.page-id-263 #price .wrap1, body.page-id-263 #price .wrap2 { height: 265px; } /*height: 225px;*/ body.page-id-2171 #price .wrap1, body.page-id-2171 #price .wrap2 { height: 255px; } .page-id-267 #price .wrap2+.wrap2 table { margin: auto; } .page-id-267 #price .wrap2+.wrap2 table td { vertical-align: middle; } #price .img { display: block; overflow: hidden; } #price .img p:nth-child(1) { margin-top: 5%; } #price .img p:nth-child(2) { width: 47.6%; float: right; margin-top: 5%; } #price .price { font-weight: bold; font-size: 2rem; width: 100%; font-family: 新丸ゴ M; } #price .text { width: 100%; margin: 10px 0 0; line-height: 1.3; font-size: 1rem; } #price .text_02 { font-weight: bold; font-size: 1.5rem; width: 100%; font-family: 新丸ゴ M; } #price .spec { width: 100%; margin: 5px auto 50px; font-size: 1.7rem; font-weight: bold; font-family: 新丸ゴ M; } body.page-id-263 #price .wrap2 .text{ width: 100%; margin: 10px 0 0; line-height: 1.3; font-size: 1rem; padding: 0 5px; } .price_island { font-size: 1.1em; font-weight: bold; } .caution_happy { font-size: .65em; color: #f00; } #price .inner { margin:3% 0 5%; } #price .spec2 { width: 100%; margin: 5px auto 10px; font-size: 1.7rem; font-weight: bold; font-family: 新丸ゴ M; } #price .spec2 span { margin-left:3%; font-size: 1.2rem !important; } #price .spec3 { width: 100%; margin: 5px auto 10px; font-size: 1.4rem; font-weight: bold; font-family: 新丸ゴ M; } #price .spec3 span { margin-left:3%; font-size: 1.2rem !important; } #price .price { margin-bottom:3%; } #price .price span { margin-right:3%; font-size: 1.2rem !important; } #price div.txt { width: 94%; margin:auto; } #price ul.box li { display: inline-block; vertical-align:top; } #price ul.box li.image { width: 40%; margin-right:3%; } #price ul.box li.text { width: 55%; } #price ul.box2 { display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #price ul.box2 li { width:48%; display: inline-block; vertical-align:top; border:1px solid #000; padding:2%; } #price ul.box2 li:first-child { margin-right:2%; } #price .price_table2 { width:100%; font-size: 13px; text-align: center; background: #fff; } #price .price_table2 th { padding: 2%; width: 50%; vertical-align: middle; color:#fff; font-weight:normal; background:#666; } #price .price_table2 td { padding: 2%; width: 50%; } } #price .price_table { font-size: 13px; text-align: center; background: #fff; } #price .price_table th { padding: 1%; width: 27%; vertical-align: middle; } #price .price_table td { padding: 1%; width: 30%; } .page-id-267 #price .wrap1 h3.vip { color: #fbba00; font-weight: bold; font-size: 1.85em; text-align: center; margin-bottom: 5px; } .price_new table th { border: none; } #price .inner { width: 90%; margin: 5% auto 0; } @media only screen and (min-width:960px) { } /*■■■■■■■■■■■メニュー■■■■■■■■■■■*/ #party_pc { display: none; } #party_sma { overflow: hidden; } #party_sma p { width: 40.625%; float: left; margin: 6.25% 0 6.25% 6.25%; } #special_sma { width: 87.5%; margin: 0 auto 55px; } #tab { width: 100%; margin: 0px auto; overflow: hidden; } #tab li { width: 50%; float: left; } #tab li a { -webkit-filter: brightness(0); -moz-filter: brightness(0); -o-filter: brightness(0); -ms-filter: brightness(0); filter: brightness(0); text-decoration: none; } #tab li a.selected { -webkit-filter: brightness(1); -moz-filter: brightness(1); -o-filter: brightness(1); -ms-filter: brightness(1); filter: brightness(1); } #tab li a { font-size: 4vw; border-width: 1px 1px medium; border-image: none; height: 2.7rem; display: block; text-align: center; line-height: 1.4; } #special_sma .p29 { background: #4C7CFF; } #special_sma .p29 a { color: #fff; font-weight: bold; } #special_sma .p30 { background: #FF7BB7; } #special_sma .p30 a { color: #fff; font-weight: bold; } #tab1 { border: 5px solid #4C7CFF; padding: 15px; } #tab1 .inner { border: 5px solid #80B926; padding: 15px; text-align: center; } #tab1 .inner .logo { width: 21.56%; margin: 0px auto 10px; } #tab1 .inner article { background: #80B926; border-radius: 5px; color: #fff; font-weight: bold; padding: 5px; margin: 10px 0; } #tab1 .inner .text2 { font-size: 9vw; color: #80B926; font-weight: bold; } #tab1 .inner .text3 { background: #000; padding: 3px; margin: 20px 0; } #tab1 .inner .text3 a { color: #fff; font-size: 3.4vw; } #tab1 .text4 { margin: 20px 0 40px; } #tab2 { border: 5px solid #FF7BB7; padding: 25px; } #tab2 .inner { border: 5px solid #CFC38B; padding: 15px; } #tab2 .text { margin-top: 20px; } .special_btn, .special_btn_pc { cursor: pointer; } .include_ticket { text-align: center; } #party_sma .lead { float:none !important; width:100% !important; margin-bottom:0 !important; font-weight:bold; text-align:center; } #party_sma ul li .term { position: absolute; top: 0; left: 0; color: #fff; background: rgba(0,0,0,0.7); padding: 1%; line-height: 1.5; text-align: center; } #party_sma ul li .term span { font-size: 0.8rem; font-weight: bold; font-family: 新丸ゴ M; } #party_sma ul li .price ,#party_sma ul li .price_new > table { color: #fff; font-weight: bold; text-align: center; padding: 3%; position: absolute; bottom: 0; left: 0; width: 100%; } #party_sma ul li .price_new th { background: #000; color: #fff; padding: 2% 2% 2% 3% !important; text-align: left; } #party_sma ul li .price_new td:nth-child(1) { padding: 2% 0 2% 3%; background: #666; color: #fff; font-weight:normal; white-space: nowrap; vertical-align:middle; } #party_sma ul li .price_new td:nth-child(2) { padding: 2% 0 2% 3%; white-space: nowrap; vertical-align:middle; } #party_sma ul li .price_new span { display: block; margin-left:5px; font-size:0.9rem; } #party_sma .comment { padding:5px; background:#fff; font-size:0.9rem; } #party_sma .season_bnr { width:90%;margin:0 auto 20px; } /* スマホパーティーメニュー表示対応ここから */ #party_sma > section > div > h1{ color: #FFD000; border-top: 0; } #party_sma > h1.title_sma { color: #FFD000; } #party_sma > section > div > p:nth-child(2){ width: 100%; margin: 0; } #party_sma > section > div > p.ex { width: 95%; margin: 1% 0 6.25% 6.25%; float: center; line-height: 1.5; font-size: 0.9em; text-align: center; } #party_sma p.party_title_sma { margin: 3% 0; width: 100%; font-family: 新丸ゴ M; text-align: center; padding: 5px; font-size: 5vw; font-weight: bold; color: #FFD000; background: #000; } #party_sma ul.party_course_sma { width: 90%; margin: 0 auto; } #party_sma ul.party_course_sma li { position: relative; width: 100%; float: left; text-align: center; box-shadow: 3px 3px 3px 1px #ccc; background: #FFF; margin: 0 0 5% 0; } #party_sma .menu_lead { width: 90% !important; margin: 5% auto !important; float:none !important; } #party_sma ul.party_course_sma li p { width: 100%; margin: 0 auto; } #party_sma ul.party_course_sma li .img2 { background: #fff; padding-bottom: 40px; } #party_sma ul.party_course_sma li p.img2 img{ width: 80%; margin: 3%; } #party_sma ul.party_course_sma li p.cours_title { background: #FFC401; text-align: center; padding: 2%; font-family: 新丸ゴ M; } #party_sma ul li .term { position: absolute; top: 0; left: 0; color: #fff; background: rgba(0,0,0,0.7); padding: 1%; line-height: 1.5; text-align: center; } #party_sma ul li .term span { font-size: 0.9rem; font-weight: bold; font-family: 新丸ゴ M; } #party_sma ul.party_course_sma li p.price { padding: 2%; color: #FFF; background: #000; } #party_sma .nomiho { width: 90%; background: #FFF; font-family: 新丸ゴ M; text-align: center; font-weight: bold; margin: 40px 5% 5% 5%; border: 1px solid #000; padding: 10px 0; box-shadow: 3px 3px 3px 1px #ccc; border-radius: 5px; font-size: 0.8rem; } #party_sma .nomiho span.course { font-size: 1.3rem; text-align: center; font-weight: bold; display: block; border-bottom: 1px solid; width: 17rem; margin: 0 auto; color: #C0131B; } #party_sma p.btn3 { width: 90%; margin: 5% 0 5% 5%; } /* スマホパーティーメニュー表示対応ここまで */ @media only screen and (min-width:768px) { #party_sma { display: none; } #special_sma { display: none; } #party_pc { display: block; } .special_btn { display: none; } #party_pc { padding: 5% 5% 0; margin-bottom: 10%; } #party_pc .title { font-size: 1.5rem; background: #C0131B; border-top: none; margin-top: 5%; } #party_pc .menu_lead { margin-top: 2%; text-align:center; } #party_pc ul { overflow: hidden; margin-top: 2%; padding-bottom: 2%; } #party_pc ul li { position: relative; width: 30.6%; margin-left: 2%; margin-bottom: 20px; display:inline-block; vertical-align:top; /*float: left;*/ box-shadow: 3px 3px 3px 1px #ccc; } #party_pc ul li h2 { background: #C0131B; text-align: center; color: #fff; padding: 2%; font-family: 新丸ゴ M; } #party_pc ul li .img2 { width: 100%; margin: 2% auto; } #party_pc ul li .term { width:100%; position: absolute; top: 0; left: 0; color: #fff; background: rgba(0,0,0,0.7); padding: 1%; line-height: 1.5; text-align: center; } #party_pc ul li .term span { font-size: 0.8rem; font-weight: bold; font-family: 新丸ゴ M; } #party_pc ul li .price ,#party_pc ul li .price_new { background: #000; color: #fff; font-weight: bold; text-align: center; padding: 2%; } #party_pc ul li .price_new table { width:100%; } #party_pc ul li .price_new th { background: #000; color: #fff; padding: 2% 2% 2% 3% !important; text-align: left; } #party_pc ul li .price_new td:nth-child(1) { padding: 2% 0 2% 3%; background: #666; color: #fff; font-weight:normal; white-space: nowrap; vertical-align:middle; } #party_pc ul li .price_new td:nth-child(2) { padding: 2% 0 2% 3%; white-space: nowrap; vertical-align:middle; } #party_pc ul li .price_new span { display: block; /*margin-left:5px;*/ font-size:0.8rem; } #party_pc .comment { padding:5px; background:#fff; font-size:0.9rem; } #party_pc .nomiho { font-family: 新丸ゴ M; text-align: center; font-weight: bold; margin: 5% auto; max-width: 845px; border: 1px solid #000; padding: 10px 0; box-shadow: 3px 3px 3px 1px #ccc; border-radius: 5px; } #party_pc .nomiho span.course { font-size: 1.5rem; text-align: center; font-weight: bold; display: block; border-bottom: 1px solid; width: 17rem; margin: 0 auto; color: #C0131B; } #party_pc .nomiho span.price { font-size: 1.2rem; } #party_pc .btn1 { margin: 2% 0 5%; } #party_pc .btn2 { margin:0 6% 6%; } .btn3 { margin: 5% 0; } .btn3 img { width: 41% !important; } .btn3 a:nth-child(1) { margin-left: 6%; } .btn3 a:nth-child(2) { margin-left: 6%; } #party_pc #special { overflow: hidden; background: #ECECEC; padding: 0 5% 3%; margin-bottom: 3%; } #party_pc .tab { width: 48%; } #party_pc #tab1 { float: left; padding: 0; border: none; } #party_pc #tab2 { float: right; padding: 0; border: none; } #party_pc #tab1 .inner { height: 63vw; background: #fff; } #party_pc #tab2 .inner { height: 63vw; background: #fff; } #party_pc #tab1 .inner article { font-size: 1.5rem; margin: 5% auto; } #party_pc #tab1 .inner .logo { width: 30%; } #party_pc #tab1 .inner .text1 { font-size: 1.5rem; line-height: 1.4; } #party_pc #tab1 .inner .text2 { font-size: 2.4rem; } #party_pc #tab1 .inner .text3 { padding: 2%; margin: 4.6% 0px 4%; } #party_pc #tab1 .inner .text3 a { font-size: 0.9rem; font-weight: bold; } #party_pc .ex { position: absolute; top: 14%; left: 1%; color: #fff; background: rgba(0,0,0,0.7); padding: 1%; line-height: 1.5; text-align: center; } #party_pc .ex span { font-size: 1.3rem; font-weight: bold; font-family: 新丸ゴ M; } #party_pc .lead { margin-top:2%; font-weight:bold; text-align:center; } #party_pc .season_bnr { width:auto; margin:30px auto 0; } } .page-id-263 .pop img { width: 30.6% !important; margin-left: 2%; box-shadow: 3px 3px 3px 1px #CCC; } @media only screen and (min-width:980px) { #party_pc #tab1 .inner { height: 38.7rem; } #party_pc #tab2 .inner { height: auto; } } /*■■■■■■■■■■■フロア■■■■■■■■■■■*/ #floor div { position: relative; } #floor .title { width: 86%; margin: 4% auto; text-align: center; font-weight: bold; font-family: 新丸ゴ M; } #floor .title_l { width: 90%; margin: 4% auto; text-align: center; font-weight: bold; font-family: 新丸ゴ M; } #floor div h2 { text-align: center; position: absolute; left: 0; right: 0; width: 96%; margin: 0 auto; color: #fff; font-size: 6vw; font-weight: bold; padding: 2%; background: rgba(0,0,0,0.7); border-bottom: 2px solid #fff; border-radius: 10px 10px 0 0; } #floor div p img { border-radius: 10px 10px 0 0; } #floor div p { width: 96%; margin: 0 auto; } #floor div .text { width: 96%; margin: 0 auto 5%; background: #000; color: #fff; padding: 2%; border-radius: 0 0 10px 10px; } #floor .amusement { width: 70%; margin: 0 auto 5%; text-align: left; font-weight: bold; font-family: 新丸ゴ M; font-size:3.vw; } #floor .panorama { font-size: 3vw; text-align: center; } #floor .amusement br { display: none; } @media only screen and (min-width:768px) { #floor div p { width: 100%; } #floor div h2 { width: 100%; } #floor div .text { width: 100%; font-size: 1rem; } #floor { padding: 0 5%; } #floor .title { font-size: 1.3rem; } #floor .title_l { font-size: 1.3rem; } #floor div { width: 47%; float: left;} #floor div:nth-of-type(2n + 1) { margin-right: 6%; } #floor div.wide { width: 100%; clear: both; float:none; } #floor div h2 { font-size: 1.3rem; } #floor div p img { border-radius: 10px 10px 0 0; } #floor .amusement { font-size: 2.5vw; text-align: center; } #floor .amusement br { display: block; } #floor .panorama { font-size: 1rem; } #floor iframe { height: 400px; } } @media only screen and (min-width:980px) { #floor .amusement { width: 70%; margin: 0 auto 5%; font-size: 1.54rem; clear: both; } } /*■■■■■■■■■■■お祝い■■■■■■■■■■■*/ .photo_more_pc { display: none; } #celebration h1 { margin-top: 15%; } #celebration .celebration_inner { overflow: hidden; padding: 0 0.5% 1%; } #celebration #feed .box_rss { width: 47%; margin-top: 2%; margin-left: 2%; padding: 5px 3px; float: left; border: 1px solid #fff; box-shadow: 1px 1px 3px 1px #ccc; border-radius: 5px; } #celebration .photo_more { width: 96%; padding: 1.5%; margin: 1% auto 15%; border: 1px solid #C7121A; text-align: center; border-radius: 20px; } #celebration .photo_more a { font-size: 4.8vw; color: #C7121A; font-weight: bold; display: block; } .mark { width: 6%; vertical-align: -13%; } @media only screen and (min-width:768px) { #celebration { padding: 0 5%; } #celebration h1 { margin-top: 10%; } #celebration #feed .box_rss { width: 24%; margin-top: 3%; margin-left: 0; margin-right: 1.333333%; float: left; padding: 0.7%; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 2px #ccc; } #celebration #feed .box_rss:last-child { margin-right: 0; } #celebration .photo_more { width: 100%; padding: 0; margin-bottom: 10%; } .mark { vertical-align: -0.5vw; width: 3%; } .photo_more_sma { display: none; } .photo_more_pc { display: block; } .pc_none { display:none; } .sp_none { display:block; } #celebration .photo_more a { font-size: 1.2rem; line-height: 2; } } @media only screen and (min-width:980px) { .mark { vertical-align: -6px; } } @media only screen and (max-width:768px) { #celebration h1 { margin-top:0%;} .pc_none { display:block; } .sp_none { display:none; } } /*■■■■■■■■■■■貸切パーティー■■■■■■■■■■■*/ #reserved_party .text { background: #000; color: #fff; padding: 2%; text-align: center; line-height: 1.5; font-family: 新丸ゴ M; } #reserved_party .text2 { width: 90%; margin: 10px auto; font-size: 3.5vw; text-align: center; } #reserved_party .text2 br { display: block; } #reserved_party .kashikiri_btn { width: 90%; margin: 0 auto 50px; } #reserved_party .kashikiri_btn a { display: block; height: 10vw; background-size: contain; background: url(//www.pasela.co.jp/images/shoplist/tmc/common/kashikiri_btn.png) no-repeat; } @media only screen and (min-width:768px) { #reserved_party h1 { margin-bottom: 5%; } #reserved_party { padding: 0 5%; } #reserved_party .text { background: none; color: #000; font-size: 1.1rem; font-weight: bold; } #reserved_party .text2 { font-size: 1rem; margin: 0px auto 30px; } #reserved_party .kashikiri_btn a { height: 3rem; background: url(//www.pasela.co.jp/images/shoplist/tmc/common/kashikiri_btn_pc.png) no-repeat; } } @media only screen and (min-width:960px) { } /*■■■■■■■■■■■観戦スポーツ■■■■■■■■■■■*/ #sports.nav_wrap { padding: 5% 5% 0; } #sports.nav_wrap p { margin-bottom: 20px; font-size: 18px; font-weight: bold; } #sports.nav_wrap p.text2 { font-weight: normal; } @media only screen and (max-width:767px) { #sports.nav_wrap { padding: 0; } #sports.nav_wrap div { position: relative; width: 96%; margin: 0 auto; } #sports.nav_wrap div p { font-size: 4.5vw; margin-bottom: 10px; } #sports.nav_wrap div p.text { font-weight: bold; } } /* 予約ボタン */ p.reserve_btn a { display: block; padding: 10px; text-align: center; background: -moz-linear-gradient(to bottom,#F7D8AA,#D27E05 50%,#F6C832); background: -webkit-linear-gradient(to bottom,#F7D8AA,#D27E05 50%,#F6C832); background: linear-gradient(to bottom,#F7D8AA,#D27E05 50%,#F6C832); border: 2px solid #DF8301; border-radius: 12px; color: #000000 !important; font-size: 20px; font-weight: bold; } .arrow{ position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; } .arrow::before, .arrow::after{ position: absolute; top: 0; bottom: 0; right: 4px; margin: auto; content: ""; vertical-align: middle; } /* .arrow::before, */ p.reserve_btn a.arrow::before { display: block; box-sizing: border-box; width: 26px; height: 26px; border: 1px solid #F6C832; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; } p.reserve_btn a.arrow::after{ position: absolute; top: 0; bottom: 0; right: 7px; margin: auto; content: ""; vertical-align: middle; } p.reserve_btn a.arrow::after{ right: 14px; box-sizing: border-box; width: 8px; height: 8px; border-top: 3px solid #F6C832; border-right: 3px solid #F6C832a0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (max-width:767px) { p.reserve_btn a { font-size: 5vw } } /*■■■■■■■■■■■店舗情報■■■■■■■■■■■*/ .shop_pc { display: none; } #shop .map { width: 96%; margin: 2% auto 2%; } #shop .map_link { width: 96%; margin: 5% auto; } #shop .logo { width: 66.875%; margin: 7% auto 3%; } #shop .name { width: 66.875%; margin: 0 auto 3%; text-align: center; font-size: 5vw; font-weight: bold; } #shop table { width: 96%; margin: 0 auto 10%; } #shop table, td, th { border: 1px solid #595959; border-collapse: collapse; } #shop td, th { padding: 10px 5px; } #shop th { background: #DCDCDC; width: 20.3125%; } #shop .tel { color: #000; font-size: 6vw; font-weight: bold; } #shop .mail { color: #FF8D00; } .parou_pc .box_text{ display: flex; justify-content: center; background-color: #000; margin: auto; padding: 10px 0; line-height: 1.6; } .parou_pc .box_text .text_yellow{ color: #ffd900 } .parou_pc .box_text p{ color: #FFF; font-size: 22px; font-weight: bold; text-align: center;} .parou_pc img{ max-width: 100%; } .parou_pc .box_text .icon_tw{ width:45%; } .parou_pc .bnr_parou{ width: 50%; margin: 20px auto; } @media only screen and (min-width:768px) { .shop_sma { display: none; } .shop_pc { display: block; } #shop { padding: 5% 5% 0; } #shop h1 { margin-bottom: 5%; } #shop .map { width: 56.8%; float: right; } #shop .map_link { width: 56.8%; float: right; } #shop table { width: 40.9%; margin-left: -2%; } #shop th { width: 26%; } #shop .tel { font-size: 1rem; font-weight: normal; } #shop .tel span { font-size: 1.5rem; font-weight: bold; } #shop .map_link { margin: 0; } .parou_pc{ display: block; } .parou_sp{ display: none; } } @media only screen and (max-width:768px) { .parou_pc{ display: none; } .parou_sp{ display: block; width: 96%; background-color: #000; margin: auto; padding: 20px 0 10px; } .box_text{ display: flex; justify-content: center; line-height: 1.4; text-align: center; margin-bottom: 10px; } .box_text .text_yellow{ color: #ffd900; font-size: 20px; font-weight: bold; margin-right: 20px;} .parou_sp p{ color: #FFF; font-size: 13px; font-weight: bold; text-align: center; font-weight: bold; } .parou_sp .box_text a{ width: 14%;} .parou_sp .bnr_parou{ width: 98%; margin: 10px auto 0; } } @media only screen and (min-width:960px) { } /*■■■■■■■■■■■近隣店舗の案内■■■■■■■■■■■*/ #shop_by_walk { padding: 5% 5% 0; } #shop_by_walk h1 { margin-bottom: 3%; } #shop_by_walk .category { font-size: 5vw; margin-left: 3%; font-family: 新丸ゴ M; } #shop_by_walk .name { font-size: 5.5vw; margin: 1% 0 1% 3%; } #shop_by_walk .article { background: #EDEDED; overflow: hidden; margin-bottom: 10%; border-bottom: 5px solid #DCDCDC; } #shop_by_walk .img { width: 31.25%; float: left; margin: 3%; } #shop_by_walk .text { font-size: 4vw; padding: 2%; line-height: 1.5; } #shop_by_walk table { display: none; } #shop_by_walk .more { display: none; } .link_sma { color: #000; } @media only screen and (min-width:768px) { .link_sma { pointer-events: none; } #shop_by_walk { margin-bottom: 4rem; } #shop_by_walk h1 { text-align: center; padding: 5px; line-height: 1; background: transparent none repeat scroll 0% 0%; font-size: 1.5rem; color: #000; font-weight: bold; border-top: medium none; border-bottom: 3px solid #D0131B; } #shop_by_walk .inner { width: 31.3333333%; float: left; margin-right: 2%; } #shop_by_walk .inner:nth-child(7) { margin-right: 0; } #shop_by_walk .category { font-size: 1rem; }/*新丸を使用すると文字化け*/ #shop_by_walk .name { font-size: 1rem; font-family: 新丸ゴ M; } #shop_by_walk .img { display: none; } #shop_by_walk .text { display: none; } #shop_by_walk .text { font-size: 1rem; } #shop_by_walk table { display: block; } #shop_by_walk .article { background: none; border-bottom: none; } #shop_by_walk th { height: 30px; } #shop_by_walk table { } #shop_by_walk tr:first-child th, #shop_by_walk tr:first-child td { height: 2.8rem; } #shop_by_walk td, #shop_by_walk th { font-size: 0.75rem; padding: 5px; vertical-align: middle; border: 1px solid #595959; border-collapse: collapse; } #shop_by_walk th { background: #DCDCDC; width: 13%; } #shop_by_walk td { width: 50%; margin-right: 2%; } #shop_by_walk td.shop_category2 { min-height:70px; } #shop_by_walk td.address { min-height:70px; } #shop_by_walk td.distance { min-height:70px; } #shop_by_walk .more { display: block; float: right; background: #FF5512; padding: 1% 2%; border-radius: 10px; width: 52%; margin: 3% 0 0 auto; font-size: 1.6vw; text-align: center; } #shop_by_walk .more a { color: #fff; font-size: 1.1rem; vertical-align: middle; } } @media only screen and (min-width:980px) { #shop_by_walk td, #shop_by_walk th { font-size: 0.8rem; } #shop_by_walk .more { font-size: 1rem; } } /*■■■■■■■■■■■シングルページ■■■■■■■■■■■*/ #wrap .single { padding: 5%; } .single #nav_sma { display: none; } section.single article p { width: 100%; } section.single article p { text-align: center; } section.single article p img { width: auto; max-width: 100%;} section.single article p img { height: auto; } @media only screen and (min-width:768px) { section.single article p { width: 60%; margin: 5% auto; } } @media only screen and (min-width:980px) { } /*■■■■■■■■■■■アーカイブページ■■■■■■■■■■■*/ #wrap .archive{ padding: 5% 0 2%; overflow:hidden;} .archive #nav_sma{display:none;} .archive article { padding: 10px; border-bottom: 1px solid #ccc; overflow: hidden; } .archive article:nth-of-type(1){border-top:1px solid #ccc;} .archive h2{padding:2%; font-size:1.2em; color:#D0131B; margin-bottom:5%;} .genericon{vertical-align:-1px !important;} .archive .title { float: right; width: 55.41%; margin-bottom: 1%; } .archive .excerpt { float: right; width: 55.41%; position: relative; } .archive .excerpt span { display: block; text-align: right; margin-top: 5%; font-size: 3vw; } .archive_back {width:40%; padding: 1.5%; margin: 8% auto 10%; border: 1px solid #C7121A; text-align: center; border-radius: 20px; font-size:3vw; color: #C7121A; font-weight: bold;} .archive .back{text-align:center; margin:50px 0; display:none;} .archive .back a{color:#D0131B;} .btn4 { font-size: 1.6em; text-decoration: none; text-align: center; color: #fff; padding: 8px 0px; font-weight: bolder; border: 3px solid #e11616; background-color: #e11717; background-image: -webkit-linear-gradient(top, #e61717 0%, #d44c4c 48%, #e11717 49%, #e11717 82%, #e92b2b 100%); box-shadow: inset 0 0 10px 5px #ea5757; border-radius: 10px; margin-bottom: 20px; } .btn4 > a { padding: 5px; color: #ffffff; display: inline-block; width: 100%; height: 100%; position: relative; } .btn4 > a::after { content: ''; display: inline-block; width: 29px; height: 29px; background-image: url(https://www.pasela.co.jp/images/shoplist/tmc/common/arrow_001.png); background-size: contain; vertical-align: middle; position: absolute; right: 215px; } @media only screen and (min-width:768px) { #wrap .archive{ padding: 5%; overflow:hidden;} .archive_back {font-size:1.2rem; padding: 1.5%; margin: 8% auto 10%; border: 1px solid #C7121A; text-align: center; border-radius: 20px; color: #C7121A; font-weight: bold; margin-top:-20px;} .archive .page .title { margin-bottom: 3%; } .archive .page article ul li { margin-bottom: 10%; border-bottom: 1px solid #ccc; padding-bottom: 2%; } .archive article { width: 32%; padding: 0px; overflow: hidden; margin-top: 5%; margin-right:2%; float: left; border: 1px solid #ccc; padding: 5px; box-shadow: 2px 2px 2px #ccc; } .archive article:nth-of-type(3n){margin-right:0;} .archive h2 { padding: 2%; font-size: 1.5em; color: #D0131B; margin-bottom: 0; } .archive .title { float: none; font-size: 14px; width: 100%; margin: 3% auto; text-align: center; border-bottom: 1px dotted #ccc; padding: 3%; } .archive .event_img a { width: 100%; height:266px; display: block; } .archive .excerpt { float: none; font-size: 14px; width: 100%; height: 5.5rem; position: relative; } .archive .excerpt span { position: absolute; bottom: 5%; right: 0; display: block; background: #000; color: #fff; font-size: 12px; padding: 2% 4%; text-align: center; border-radius: 10px; } .archive .back{display:block;} } .price_02{ width: 85%; margin: 0 auto; } @media only screen and (max-width:756px) { #logo{ float: left; margin: 0; width: 31%; } .price_02{ width: 95%; margin: 0 auto; } } /* タイトルが「最新情報 & お得なお知らせ内の「本日のスポーツ放送予定はコチラ！」のアイキャッチ画像から下記リンクに飛ぶのを阻止 ※aタグは上から上野、秋葉原、横浜関内、天王寺店の順で対応しています。 */ a[href="https://www.pasela.co.jp/shoplist/blog/archives/786/"], a[href="https://www.pasela.co.jp/shoplist/blog/archives/2130/"], a[href="https://www.pasela.co.jp/shoplist/blog/archives/886/"], a[href="https://www.pasela.co.jp/shoplist/blog/archives/889/"] { pointer-events: none; }