@charset 'UTF-8';
/* ================================================================================
å„固定ページ
================================================================================ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
body直下ã«idå「wrapperã€ã®divãŒã‚ã‚Šã¾ã™ã€‚
ã“ã¡ã‚‰ã«ã¯ã€å›ºå®šãƒšãƒ¼ã‚¸ã”ã¨ã«ç•°ãªã‚‹classå(post-〇)ãŒä»˜ä¸Žã•ã‚Œã¾ã™ã®ã§ã€
ã”活用ãã ã•ã„。
ã€ä¾‹ã€‘
<body>
<div id="wrapper" class="post-2 page type-page status-publish has-post-thumbnail hentry">
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ================================================================================
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;
}
}