★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ Site origin 不要設定解除 ※案件によって使い分けてください。 ※価格表のcssと一緒に使うとバグりますので、その時は個別に設定すると吉です。 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* .panel-grid{ margin:0 auto !important; } .panel-grid-cell{ margin:0 auto !important; } .so-panel{ margin:0 auto !important; } */ } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* .panel-grid{ margin:0 auto !important; } .panel-grid-cell{ margin:0 auto !important; } .so-panel{ margin:0 auto !important; } */ } /* ================================================================================ レイアウト ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { #wrapper{ background:url(../img/c-head-top.png) center top no-repeat; } #wrapper.post-213, #wrapper.post-205{/* ブログとイベントの背景設定 */ background: url(../img/blog-bottom-bg.png) center bottom no-repeat, url(../img/c-head-top.png) center top no-repeat; } #wrapper.post-208{/* アクセスの背景設定 */ background: url(../img/acc-bg.png) center 1600px no-repeat, url(../img/c-head-top.png) center top no-repeat; } #wrapper.post-199{/* システムの背景設定 */ background: url(../img/bg-saum02.png) center 4700px no-repeat, url(../img/bg-saum.png) center 3400px no-repeat, url(../img/bg-saum03.png) center 1500px no-repeat, url(../img/c-head-top.png) center top no-repeat; } main.outer_wrap{ max-width:1920px; width:100%; min-height:50vh; background:url(../img/) center top no-repeat; display:block; padding-bottom:80px; } .inner_wrap{ max-width:1000px; width:100%; margin:0 auto; } main{ min-height:500px; } /* 各ページのみのフッター設定 */ footer { position:relative; background: url(../img/footer-bg.png) center bottom no-repeat; display: block; } /* トップの電話番号非表示 */ .sp-head-tel{ display:none; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { #wrapper{ background:url(../img/sp-bg.jpg) center top repeat; } main.outer_wrap{ width:100%; background:url(../img/) center top no-repeat; } .inner_wrap{ width:100%; padding:0 16px; } main{ min-height:300px; } .sp-head-tel{/* sp電話番号 */ margin:15px auto 30px; width: 80%; } .head-tel{/* pc電話番号非表示 */ display:none; } } /* ================================================================================ 見出し ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .post-199 .h2-cate h2{/* システム */ background: url('../img/h2plan-title.png') center top no-repeat; height:228px; text-indent:-9999px; } .post-202 .h2-cate h2{/* メニュー */ background: url('../img/h2menu-title.png') center top no-repeat; height:228px; text-indent:-9999px; } .post-205 .h2-cate h2{/* イベント */ background: url('../img/h2event-title.png') center top no-repeat; height:228px; text-indent:-9999px; } .post-208 .h2-cate h2{/* アクセス */ background: url('../img/h2access-title.png') center top no-repeat; height:228px; text-indent:-9999px; } .post-213 .h2-cate h2{/* ブログ */ background: url('../img/h2blog-title.png') center top no-repeat; height:228px; text-indent:-9999px; } .h3-cate h3{ font-size: 37px; color: #90800e; background: url('../img/h3.jpg') center top no-repeat; height: 88px; line-height: 86px !important; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; font-weight: normal; } .h3-cate{ margin-bottom: 20px!important; } /* システム・料金ページの見出し */ .plan-cate-h3 h3{ font-size: 40px; background: linear-gradient(transparent 60%, #4f4500 60%); font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; width: 500px; margin: 0 auto; } /* メニューの見出し */ .menu-cate-h3 h3{ font-size: 40px; background: linear-gradient(transparent 60%, #4f4500 60%); font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; margin: 0 auto; } .menu-cate-h3{ padding-bottom:30px; } .osusume-h3 h3{ background: linear-gradient(transparent 60%, #691719 60%); font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; margin: 0 auto; } .h2-etc { margin-bottom: 20px!important; } .h2-etc h2{ font-size: 37px; color: #ffffff; background: url('../img/h3.jpg') center top no-repeat; height: 88px; line-height: 86px !important; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; font-weight: normal; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { h2{ background: #2b2e27; box-shadow: 0px 0px 0px 5px #2b2e27; border: dashed 1px #350c06; padding: 10px; color: #90800e; font-size: 20px; } h3 { background: linear-gradient(transparent 57%, #4f4500 21%); padding-bottom: 5px; font-size:30px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; font-weight: normal; } /* ブログ・イベントページの見出し */ h2.blog_title_link{ margin-top:50px; border:none !important; box-shadow:none !important; background-color:transparent !important; } /* システム・料金ページの見出し */ .plan-cate-h3 h3{ font-size: 27px !important; background: linear-gradient(transparent 60%, #4f4500 60%); font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } /* メニュー・の見出し */ .menu-cate-h3 h3{ font-size: 27px !important; background: linear-gradient(transparent 60%, #691719 60%); font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } } /* ================================================================================ メイン画像 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* 各ページ　メイン画像 */ .m-plan { max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is01.png') right top no-repeat; margin: 0 auto; } .m-menu { max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is02.png') right top no-repeat; margin: 0 auto; } .m-event { max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is03.png') right top no-repeat; margin: 0 auto; } .m-access { max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is05.png') right top no-repeat; margin: 0 auto; } .m-blog, .m-cate{ max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is04.png') right top no-repeat; margin: 0 auto; } .m-blog .page-title-p{ color:#fff !important; } p.page-title-p{ display: none !important; } .m-etc { max-width: 1342px; width: 100%; height: 789px; background: url('../img/c-is-etc.png') right top no-repeat; margin: 0 auto; } .page-title { position: absolute; top: 53%; right: 8%; height: 100px; } .page-title-p { text-align: center; padding: 0 5vw 0 0; font-size: 3vw; line-height:3.1vw; color: #352416; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; font-weight:bold; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* 各ページ　メイン画像 */ .m-plan{ position: relative; height: 249px; background: url('../img/sp-is01.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; border-bottom: 15px #2b2e27 solid; } .m-menu{ position: relative; height: 249px; background: url('../img/sp-is02.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; border-bottom: 15px #2b2e27 solid; } .m-event{ position: relative; height: 249px; background: url('../img/sp-is03.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; border-bottom: 15px #2b2e27 solid; } .m-access{ position: relative; height: 249px; background: url('../img/sp-is04.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; } .m-blog{ position: relative; height: 249px; background: url('../img/sp-is05.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; border-bottom: 15px #2b2e27 solid; } .m-etc{ position: relative; height: 249px; background: url('../img/sp-is-etc.jpg') center top no-repeat; -moz-background-size: cover; background-size: cover; border-bottom: 15px #2b2e27 solid; } /* 各ページ　タイトル*/ .page-title-p { display:none; } } /* ================================================================================ ブログ ================================================================================ */ /* PC */ @media (min-width: 768px) { .blog_wrap{ max-width:800px; width:100%; margin:0 auto; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .blog_wrap p{ overflow:auto; } .blog_wrap img{ max-width:800px; height:auto; } .blog_wrap > ul >li{ margin-bottom:60px; padding-bottom:30px; border-bottom:1px dotted; } .blog_title_link{ font-size:28px; margin-bottom:24px; } .blog_title_link span{ font-size:14px; margin-left:8px; } /* 人気記事 */ .popular_post_wrap{ padding: 223px 0 30px; } .popular_post_wrap h2{ text-align:center; font-size:32px; border-bottom:1px solid #fff; width:50%; margin:0 auto 30px; color:#fff; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .popular_post_wrap ul{ overflow:hidden; width:1000px; margin:0 auto; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .popular_post_wrap ul li{ float:left; width:320px; margin-right:20px; background:url(../img/blogimg-bg.jpg) left top repeat; clear:none; padding:10px; } .popular_post_wrap ul li:last-child{ margin-right:0px; } .popular_post_wrap ul li img{ float:none; display:block; margin:0 auto 8px; } .popular_post_wrap ul li a{ float:none; display:block; text-align:center; font-size:inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; color:#ca2b2f !important; } .popular_post_wrap ul li span{ float:none; display:block; text-align:center; } span.wpp-views { color:#3a1508; } /* 最近の投稿・アーカイブ */ .blog_function_wrap_inner{ padding:40px 0 0; } .blog_function_wrap_inner > ul{ overflow:auto; width:1000px; margin:0 auto; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .blog_function_wrap_inner > ul > li a{ font-size:20px; } .blog_function_wrap_inner > ul > li:nth-of-type(1){ width:50%; padding:0 40px; float:left; } .blog_function_wrap_inner > ul > li:nth-of-type(2){ width:50%; padding:0 40px; float:left; } /* .blog_function_wrap_inner > ul > li:nth-of-type(3){ width:33.3%; padding:0 40px; float:left; } */ .blog_function_wrap_inner > ul > li > ul{ width:100%; height:210px; overflow:auto; text-align:center; } .blog_function_wrap_inner > ul > li > ul > li{ font-size:20px; line-height:40px; } .blog_function_wrap_inner h2{ text-align:center; font-size:32px; border-bottom:1px solid #fff; width:50%; margin:20px auto 30px; color:#fff; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .blog_function_wrap_inner .recent_title_text{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; width:78%; display:block; float:left; text-align:left; } .blog_function_wrap_inner .recent_title_date{ font-size:14px; padding-right:2%; display:block; float:left; text-align:right; } /* ページ送り */ .prevnext-nav{ margin-top:-30px; } } /* SP */ @media (max-width: 767px) { .blog_wrap img{ max-width:100%; height:auto; } .blog_wrap > ul >li{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted; } .blog_title_link{ font-size:18px; margin-bottom:24px; } .blog_title_link span{ font-size:12px; margin-left:8px; } span.wpp-views { color:#3a1508; } /* 人気記事 */ .popular_post_wrap{ padding-top:60px } .popular_post_wrap h2{ text-align:center; font-size:26px; width:50%; margin:0 auto 30px; color:#fff; } .popular_post_wrap ul{ overflow:auto; } .popular_post_wrap ul li{ width:100%; margin-right:20px; margin-bottom:40px; background: url(../img/blogimg-bg.jpg) left top repeat; clear:none; padding:10px; } .popular_post_wrap ul li:last-child{ margin-right:0px; } .popular_post_wrap ul li img{ float:none; display:block; margin:0 auto 8px; } .popular_post_wrap ul li a{ float:none; display:block; text-align:center; font-size:inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } .popular_post_wrap ul li span{ float:none; display:block; text-align:center; } /* 最近の投稿・アーカイブ */ .blog_function_wrap_inner{ padding:40px 0 0; } .blog_function_wrap_inner > ul{ overflow:auto; } .blog_function_wrap_inner > ul > li:first-child{ margin-bottom:100px; } .blog_function_wrap_inner > ul > li:last-child{ } .blog_function_wrap_inner > ul > li > ul{ width:100%; height:210px; overflow:auto; text-align:center; } .blog_function_wrap_inner > ul > li > ul > li{ line-height:2.5; } .blog_function_wrap_inner h2{ text-align:center; font-size:26px; width:50%; margin:20px auto 20px; color:#fff; } .blog_function_wrap_inner .recent_title_text{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; width:60%; display:block; float:left; } .blog_function_wrap_inner .recent_title_date{ margin-left:2%; width:38%; display:block; float:left; } } /* ================================================================================ 【価格表一式】 == 使用ウィジェット == ウィジェット：[SiteOrigin エディター]を使用してください。 == クラス指定 == 1.行の編集 ⇒ 属性 ⇒ 行のclass price_wrap を入力してください。 2.SiteOrigin エディター編集 ⇒ 属性 ⇒ ウィジェットclass price_inner を入力してください。 == 使用方法 == 一つのウィジェットに一つのメニューとし、ウィジェットをコピーして使ってください。 [SiteOrigin エディター] タイトルにメニュー名、内容に値段を入力してください。 ※サイズ、色、ボーダーの種類などデザインは適宜変更してください。 ================================================================================ */ /* 共通設定 ----------------------------------------------- */ .price_wrap{ } .price_wrap > div{ background:url(../img/sp-bg02.jpg) repeat; padding:8px; } .price_wrap .so-panel{ margin-bottom:2px !important; } .price_inner:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; overflow: hidden; float: none; }/* フロート回り込み解除 */ .price_inner{ border-bottom:1px dashed #3c545e; padding:8px; display: block; /* for IE8 */ } .price_inner .widget-title{ font-size:22px; font-weight:normal; line-height:1.7; float:left; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .price_inner .textwidget{ font-size:16px; line-height:1.7; float:right; } .price_inner .textwidget p{ margin:0; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .price_wrap{ overflow:hidden; } .price_wrap > div{ margin-bottom: -99999px; padding-bottom: 100020px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .price_wrap > div{ padding:8px !important; } } /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ここから各固定ページ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ アクセスページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .access-table{ margin-top: 49px; } table , td, th { border-bottom: 2px solid #fff; border-collapse: collapse; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } td, th { padding: 10px 10px 10px 10px; } th { font-weight:bold; font-size: 33px; } .post-208 .row-03{/* SPのマップ非表示 */ display: none !important; } .post-208 .row-02{ height:742px; } .map-box{ position:relative; } .acc-map img{/* マップ画像 */ width: 541px; height: 354px; position: absolute; left:50%; transform:translate(-266px,319px); -webkit-transform:translate(-266px,319px); -ms-transform:translate(-266px,319px); } .acc-animals img{/* パンダ画像 */ width: 289px; height: 412px; position: absolute; left:50%; transform:translate(-539px,312px); -webkit-transform:translate(-539px,312px); -ms-transform:translate(-539px,312px); } .acc-animals02 img{/* フクロウ画像 */ width: 209px; height: 228px; position: absolute; left:50%; transform:translate(180px,151px); -webkit-transform:translate(180px,151px); -ms-transform:translate(180px,151px); } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .access-table{ margin-top: -14px; margin-bottom: 50px; } table , td, th { border-bottom: 2px solid #fff; border-collapse: collapse; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } td.title_td{ width: 80px; } td, th { padding: 10px 10px 10px 10px; } th { font-weight:bold; font-size: 33px; } .post-208 .row-02{/* PCのマップ非表示 */ display: none !important; } .map-box{/* 地図 */ margin-top: 143px !important; } .acc-animals03 img{/* フクロウ・パンダ画像 */ width: 287px; height: 177px; position: absolute; left:50%; margin-left: -157px; margin-top: -143px; } } /* ================================================================================ システム・料金ページ ================================================================================ */ .post-199 .row-02{ } .kari-margin{ margin-bottom: 150px !important; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* 11/5 */ .btn1105{ position:absolute; z-index:100; margin-top:-80px; margin-left:-50px; } #pl-199 .so-panel{ margin-bottom:0px !important; } .plan01-image{/* モーリー君　画像 */ width: 232px; height: 235px; position: absolute; left:50%; transform:translate(-542px,-62px); -webkit-transform:translate(-542px,-62px); -ms-transform:translate(-542px,-62px); } .plan02-image{/* のまれるな！　画像 */ width: 346px; height: 281px; position: absolute; left:50%; transform:translate(245px,-148px); -webkit-transform:translate(245px,-148px); -ms-transform:translate(245px,-148px); } .plan03-image{/* ぱんだ画像 */ width: 256px; height: 403px; position: absolute; left:50%; transform:translate(-636px,-129px); -webkit-transform:translate(-636px,-129px); -ms-transform:translate(-636px,-129px); } /* ---ボトルチャージ・飲みほ・宴会--- */ .post-199 .row-01{ margin-bottom:50px; } .plan-menu h3.widget-title{/* メニュー名の所　背景茶色 */ text-align:center; font-size:28px; background:url(../img/sp-bg.jpg) repeat; /*background-color:#39120c;*/ color:#ffcc00; padding:23px; width:900px; margin: 30px auto 10px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .plan-menu .textwidget{/* 中身　背景緑色 */ width:900px; margin:0 auto 10px; color:#fff; font-size: 22px; background-color:#40482f; min-height: 72px; padding: 20px; } .plan-menu .textwidget ul{ list-style-type: disc !important; list-style-position: inside; width:900px; } .plan-menu .textwidget ul li{ font-size: 22px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; float:left; padding-left: 30px; } .post-199 .row-02{ margin-bottom:150px; } /* ---PM13:00 ～ 17:00--- */ .sp-osusume, .sp-osusume-panda, .sp-plan-menu02, .sp-plan-menu03{/* スマホのおすすめ非表示 */ display:none; } .pc-osusume{/* スマホのおすすめ非表示 */ width: 233px; height: 136px; position: absolute; left:60%; transform:translate(-535px,-29px); -webkit-transform:translate(-535px,-29px); -ms-transform:translate(-535px,-29px); } .plan-menu02{/* 背景の白 */ background-color: rgba(255,255,255,0.9); margin:51px 0px 20px 226px; padding: 20px; width: 530px; min-height: 242px; } .plan-menu02 h3.widget-title{/* 時間の所 */ background: linear-gradient(transparent 60%, #c4ad12 60%); font-size:19px;/*元27px*/ color:#000; margin: 0 auto 10px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-left: 10px; } .plan-menu02 .textwidget ul{ list-style-image: url(../img/plan-list-black.png); list-style-position: inside; } .plan-menu02 .textwidget ul li{ font-size: 18px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; float:left; padding-left: 30px; padding-bottom: 17px; color:#000; } /* ---PM17:00 ～ 19:00--- */ .plan-menu03{/* 背景の黒 */ background-color: rgba(0,0,0,0.7); margin: 20px 20px 50px 450px; padding: 20px; width: 530px; min-height: 216px; } .plan-menu03 h3.widget-title{/* 時間の所 */ background: linear-gradient(transparent 60%, #691719 60%); font-size:19px;/*元27px*/ color:#fff; margin: 0 auto 10px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-left: 10px; } .plan-menu03 .textwidget ul{ list-style-image: url(../img/plan-list.png); list-style-position: inside; } .plan-menu03 .textwidget ul li{ font-size: 18px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; float:left; padding-left: 30px; padding-bottom: 17px; } .post-199 .row-03{ padding-bottom: 144px; } /* ---カラオケの音響抜群・女性限定サービスあり--- */ .plan-about01,.plan-about03{/* 背景の黒 */ height: 435px; } .plan-about01 h3.widget-title{/* カラオケの音響抜群のタイトル */ text-indent:-9999px; background:url(../img/plan-title01.png) no-repeat; width:581px; height:94px; } .plan-about03 h3.widget-title{/* 女性限定サービスありのタイトル */ text-indent:-9999px; background:url(../img/plan-title03.png) no-repeat; width:685px; height:95px; } .plan-about01 .so-widget-sow-editor, .plan-about03 .so-widget-sow-editor{ font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; margin: 0 0 0 420px; padding: 66px 0 0 0; } .plan-about01 .textwidget, .plan-about03 .textwidget{ margin: 30px 0 0 142px; font-size:20px; } /* ---キープダーツ無料--- */ .plan-about02{/* 背景の黒 */ height: 435px; } .plan-about02 h3.widget-title{/* 時間の所 */ text-indent:-9999px; background:url(../img/plan-title02.png) no-repeat; width:581px; height:80px; } .plan-about02 .so-widget-sow-editor{ font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding: 66px 0 0 0; } .plan-about02 .textwidget{ margin: 30px 0 0 94px; font-size:20px; } .sp-about-img{ display:none; } .plan04-image{/* モーリー君　画像 */ width: 181px; height: 116px; position: absolute; left:50%; transform:translate(283px,362px); -webkit-transform:translate(283px,362px); -ms-transform:translate(283px,362px); } .plan05-image{/* ぱんだ画像 */ width: 118px; height: 234px; position: absolute; left:50%; transform:translate(-143px,672px); -webkit-transform:translate(-143px,672px); -ms-transform:translate(-143px,672px); } .plan06-image{/* ぱんだ画像 */ width: 170px; height: 229px; position: absolute; left:50%; transform:translate(184px,1250px); -webkit-transform:translate(184px,1250px); -ms-transform:translate(184px,1250px); } /* ---店長挨拶--- */ .sp-plan07-image{ display:none; } .plan07-image{/* フクロウ画像 */ width: 1062px; margin: 0 auto; } .plan-goaisatu01{/* テキスト1 */ width: 343px; position: absolute; left:50%; transform:translate(-135px,-759px); -webkit-transform:translate(-135px,-759px); -ms-transform:translate(-135px,-759px); text-align: center; font-size:20px; } .plan-goaisatu02{/* テキスト2 */ width: 343px; position: absolute; left:50%; transform:translate(167px,-424px); -webkit-transform:translate(167px,-424px); -ms-transform:translate(167px,-424px); text-align: center; font-size:20px; } .plan-goaisatu03{/* テキスト3 */ width: 381px; position: absolute; left:50%; transform:translate(-462px,-328px); -webkit-transform:translate(-462px,-328px); -ms-transform:translate(-462px,-328px); text-align: center; font-size:20px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* 11/5 */ .btn1105{ position:absolute; z-index:100; margin-top:-80px; margin-left:0px; } .plan01-image, .plan02-image, .plan03-image, .plan04-image, .plan05-image, .plan06-image{/* モーリー君　画像 */ display:none; } /* ---ボトルチャージ・飲みほ・宴会--- */ #pl-199 .so-panel{ margin-bottom:0px !important; } .post-199 .row-01{ margin-bottom:50px; } .plan-menu h3, .plan-menu-type2 h3{/* 黄色の見出し線を消す */ background: linear-gradient(transparent 57%, transparent 21%) !important; font-size:20px !important; } .plan-menu h3.widget-title{/* メニュー名の所　背景茶色 */ text-align:center; font-size:15px; background-color:#3e2e1b !important; color:#fff; padding:23px; margin: 10px auto 5px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } .plan-menu .textwidget{/* 中身　背景緑色 */ margin:0 auto 5px; color:#fff; font-size: 15px; background:url(../img/sp-bg02.jpg) repeat; padding: 20px; } .plan-menu .textwidget ul{ list-style-type: disc !important; margin-left: 20px; } .plan-menu .textwidget ul li{ font-size: 15px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; } /* ---PM13:00 ～ 17:00--- *//* ---PM17:00 ～ 19:00--- */ #pg-199-4 > .panel-row-style{ background:url() !important; } .plan-menu02, .plan-menu03{ display:none; } .pc-osusume{/* PCのおすすめ非表示 */ display:none; } .sp-osusume{/* スマホのおすすめ */ width: 241px; height: 106px; position: absolute; margin-left: -120px; left: 50%; margin-top: -37px; } .sp-osusume-panda img{ width:79% !important; } .sp-osusume-panda{/* 遊びにおいでよ！ */ width: 344px; height: 186px; position: absolute; left: 50%; margin-left: -172px; margin-top: 325px; } .sp-plan-menu02{/* 背景の白 */ background-color: rgba(255,255,255,0.9); padding: 68px 20px 154px 20px; min-height: 216px; } .sp-plan-menu03{/* 背景の黒 */ background-color: rgba(0,0,0,0.5); margin: 30px 0 50px; padding: 20px; min-height: 216px; } .sp-plan-menu02 h3.widget-title{/* 時間タイトル */ background: linear-gradient(transparent, transparent); font-size:22px;/*元27px*/ color:#fff; margin: 0 auto 10px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-left: 10px; color:#000 !important; } .sp-plan-menu02 h3.widget-title span.title-line{/* 時間の所　黄色 */ background: linear-gradient(transparent 60%, #c4ad12 60%) !important; } .sp-plan-menu03 h3.widget-title{/* 時間タイトル */ background: linear-gradient(transparent, transparent); font-size:22px;/*元27px*/ color:#fff; margin: 0 auto 10px; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-left: 10px; } .sp-plan-menu03 h3.widget-title span.title-line{/* 時間の所赤*/ background: linear-gradient(transparent 60%, #691719 60%); } .sp-plan-menu02 .textwidget ul{/* 黒 */ list-style-image: url(../img/plan-list-black.png); margin-left: 30px; } .sp-plan-menu03 .textwidget ul{/* 白 */ list-style-image: url(../img/plan-list.png); margin-left: 30px; } .sp-plan-menu02 .textwidget ul li{ font-size: 15px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-bottom: 17px; color:#000; } .sp-plan-menu03 .textwidget ul li{ font-size: 15px; font-weight: normal; font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; padding-bottom: 17px; } /* ---カラオケの音響抜群・女性限定サービスあり--- */ #panel-199-6-0-1 > .panel-widget-style, #panel-199-6-0-3 > .panel-widget-style, #panel-199-6-0-5 > .panel-widget-style{ background-image: url() !important; } .plan-about01,.plan-about03,.plan-about02{/* 背景の黒 */ } .plan-about01 h3.widget-title{/* カラオケの音響抜群のタイトル */ text-indent:-9999px; background:url(../img/sp-plan-title01.png) no-repeat; width:300px; height:49px; margin: 0 auto; } .plan-about03 h3.widget-title{/* 女性限定サービスありのタイトル */ text-indent:-9999px; background:url(../img/sp-plan-title03.png) no-repeat; width:300px; height:41px; margin: 0 auto; } .plan-about02 h3.widget-title{/* 女性限定サービスありのタイトル */ text-indent:-9999px; background:url(../img/sp-plan-title02.png) no-repeat; width:300px; height:42px; margin: 0 auto; } .plan-about01 .so-widget-sow-editor, .plan-about03 .so-widget-sow-editor, .plan-about02 .so-widget-sow-editor{ font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important; margin: 0 0 0 0; padding: 0 0 0 0; } .plan-about01 .textwidget, .plan-about03 .textwidget, .plan-about02 .textwidget{ margin: 15px; font-size:20px; } .sp-plan01-image{/* モーリー君　画像 */ width: 307px; margin: 0 auto 55px; } .sp-plan02-image{/* ぱんだ画像 */ width: 306px; margin: 0 auto 55px; } .sp-plan03-image{/* モーリー君　画像 */ width: 307px; margin: 0 auto 55px; } .plan07-image{ display:none; } .sp-plan07-image{ width:100%; margin: 0 auto 30px; } .plan-goaisatu01{/* テキスト1 */ text-align: center; padding-bottom:10px; } .plan-goaisatu02{/* テキスト2 */ text-align: center; padding-bottom:10px; } .plan-goaisatu03{/* テキスト3 */ text-align: center; padding-bottom:10px; } } /* ================================================================================ メニュー ================================================================================ */ .box{ width:72.3%; } .slider{ background:url(img-slider-bg.png) center top no-repeat; background-size: auto auto; background-size: cover; width: 100%; height:0; padding-top:41%; margin: 0 auto; display: block; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .sp-sider{/* SPのスライダー非表示 */ display:none; } .margin-menu{/* タイトル続きのメニュー下にマージン */ margin-bottom:65px; } .menu-slider{/* スライダーの下のマージン */ margin-bottom: 150px; } /*.row-03{ margin:150px 0; }*/ .haikeikesi > div:nth-of-type(2){ background: url() !important; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .pc-sider{/* PCのスライダー非表示 */ display:none; } .price_inner h3.widget-title{/* タイトル黄色線　けし */ background: linear-gradient(transparent , transparent); } .menu-slider{/* スライダーの下のマージン */ margin-bottom:50px; } .margin-menu{/* タイトル続きのメニュー下にマージン */ margin-bottom:65px; } /*.row-02img .panel-grid-cell:nth-child(2){/* 画像部分の背景を消し background:url(); }*/ } /* ================================================================================ 予約フォーム ================================================================================ */ /* 予約カレンダー ----------------------------------------------- */ /* カレンダー背景色 */ .monthly-calendar tbody { background: #2e312a; } /* 本日の色 */ .day-box.today { background-color: #474e3d; } /* 存在しない日の色 */ .day-box.no-day { background-color: #1b1e17; } /* 入力フォーム ----------------------------------------------- */ /* 入力フォーム「予約確認」ボタン*/ .content-form button { background-color: #333333; color: #ffffff; border: none; cursor: pointer; cursor: hand; opacity: 1; transition-property: color, opacity, background-color; transition-duration: 0.3s; transition-timing-function: ease-in-out; transition-delay: 0s; } .content-form button:hover { background-color: #555555; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* 予約カレンダー ----------------------------------------------- */ .monthly-calendar caption { padding-bottom: 8px; } .monthly-calendar table, .day-calendar table { width: 100%; } .week-title { padding: 10px 0 0 0; } .monthly-prev-next { margin-top: 8px; } .monthly-next { margin-right: 0; } /* 入力フォーム ----------------------------------------------- */ #booking-form { width: 1000px; margin: 0 auto; } /* 入力フォーム「予約確認」ボタン*/ .content-form button { padding: 0.5em 2em; font-size: 18px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* 予約カレンダー ----------------------------------------------- */ .monthly-calendar caption { padding-bottom: 3vw; } .monthly-calendar table, .day-calendar table { width: 100%; } .monthly-prev-next { margin-top: 3vw; } .monthly-next { margin-right: 0; } /* 入力フォーム ----------------------------------------------- */ #booking-form { padding: 0; margin: 4vw 0 6vw; } .content-form th { font-size: 3.5vw; width: 35%; } .content-form td { font-size: 3.5vw; width: 65%; } /* 入力フォーム「予約確認」ボタン*/ .content-form button { padding: 0.5em 2em; font-size: 4vw; } }