/*-------------------------------------------
    見出し
 -------------------------------------------*/

.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 36px!important;
    height: 36px!important;
    border: 2px solid;
    padding: 4px;
}

@media (max-width: 921px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    color: #ffffff;
    background: rgba(30, 30, 30, 0.75);
    backdrop-filter: blur(6px);
    }
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
     color: #ffffff;
    }
}



H1:not(.elementor-widget-container H1),
.eh1 H1 {
    text-align: left;
    padding: 20px 0;
    font-weight: 500;
    text-indent: -2.2em;
    padding-left: 2.2em;
}


H2:not(.elementor-widget-container H2), 
.eh2 H2 {
    margin: 50px auto 30px;
    font-weight: 500;
    line-height: 1.4;
    padding: 10px 0;    
    border-bottom: 3px solid #05635a;
/*    border-image: linear-gradient(to right, #0da9d8 50%, #0969a1 100%);
    border-image-slice: 1;*/
}
.entry-title--post-type--page, h2:where(:not(.wp-block-post-title)) {
    border:none;
}


H3:not(.elementor-widget-container H3), 
.eh3 H3 {
    font-weight: 500;
    margin: 50px 0 30px;
    padding: 8px 1em;
    background-color: #F0F0EE;
    /* Blue*/
    border-left: 4px solid #008888;
}
  
h4:not(.elementor-widget-container H4), 
.eh4 H4 {
    font-weight: 600;
    /* Gold */
    color: #906600;
    /* Blue */
    color: #0097c5;
    /* Green */
    color: #008888;
    padding: 5px;
    margin: 50px 0 30px 0;
    line-height: 1.3;
    border-bottom: 1px dotted #ccc;
}

h5 {
    font-size: 18px;
    background:  #eeeeee;
    color: #fff;
    display: inline-block;
    padding: 5px 18px 5px;
    border-radius: 6px;
}

h6 {
    font-size: 18px;
    color:  #880000;
    display: inline-block;
    padding: 5px 18px 5px;
    border-radius: 6px;
    border: 2px solid #880000;
}


.hentry blockquote{ 
    color: #666;
    font-weight: 500;
    background-color: #f9f9f9;
    padding: 15px 50px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin: 1em auto;
    font-size: 1em;
}

blockquote {
	border: 1px solid #ccc;
    padding: 20px 40px 10px 40px;
    border-radius: 15px;
    background: #fcfcfc;
    margin: 30px auto;
}

h3 ~ p {
    padding-left: 20px;
}

h3:not(.elementor h3) ~ h4 {
    margin-left: 20px;
}

h4 ~ p {
    padding-left: 40px;
}


.post-navigation .nav-previous, .post-navigation .nav-next {
    font-size: 13px;
}

.post-navigation a {
    color: #b69609;
}


/* =========================================
   ヘッダー・mysticky調整
========================================= */

/* 固定ヘッダーの影 */
#mysticky-nav.wrapfixed {
  -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.16);
}


/* =========================================
   PC：mysticky プルダウンメニュー調整
========================================= */

@media (min-width: 922px) {

  /* プルダウン基本 */
  #mysticky-nav ul ul {
    background-color: #215952 !important;
    border: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

    position: absolute;
    top: calc(100% - 1px);
    margin-top: 0 !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity .2s ease;
    z-index: 99999 !important;
  }

  /* プルダウン表示 */
  #mysticky-nav li:hover > ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* hover用の“隙間埋め” */
  #mysticky-nav ul ul::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
  }

  /* 親リスト位置 */
  #mysticky-nav ul li {
    position: relative;
  }

  /* プルダウン内リンク */
  #mysticky-nav ul ul a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: block;
    padding: 10px 14px;
    font-size: 14px !important;
    line-height: 1.4;
    transition: background-color .2s ease, opacity .2s ease;
  }

  /* プルダウン内リンク hover */
  #mysticky-nav ul ul a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
  }

  /* 店舗一覧など、特定の長いサブメニューだけスクロール */
  #ast-hf-menu-1 > li#menu-item-2520 > ul.sub-menu {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: visible;
  }

}


/* =========================================
   Astraテーマのボーダー調整
========================================= */

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu:last-child > .menu-item > .menu-link,
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
  border-bottom-width: 0;
}


/* =========================================
   スマホ：Astraモバイルメニュー調整
========================================= */

/* Astraモバイルメニューで長いメニューが途中で切れる問題を修正 */
/* スマホメニュー内の長いサブメニューをスクロール可能にする */
@media (max-width: 921px) {

  .ast-header-break-point .main-header-bar-navigation,
  .ast-header-break-point .ast-mobile-header-content {
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

/* スクロールボタン調整 */
.ast-scroll-to-top-right {
    bottom: 80px;
}

}
/*-------------------------------------------
    サイドバー
 -------------------------------------------*/
/* 投稿 */
.postid-33222 #secondary .sidebar-main {
	border: 5px solid #f3f3f3;
	padding: 20px;
	}


#secondary .veu_postList .postList a {
    font-weight: 400;
    font-size: 15px;
}

#secondary .veu_postList .postList_date {
    color:#009688 ;
    font-size: 12px;
}

 #secondary .veu_postList .postList_terms a,
 #secondary .veu_postList .ppostList_meta_items a {
     font-size: 12px;   
 }


 /*-------------------------------------------
    サイドバーナビボタン
 -------------------------------------------*/
p.button_navi a {
height: 45px;
width:220px;
line-height: 45px;
font-size: 16px;
color: #05635A;
letter-spacing: 3px;
text-decoration: none;
background: #efefef;
border: 1px solid #ccc;
outline: none;
text-align: left;
margin:-1px auto 0;
padding-left:30px;
display: block;
}
p.button_navi a:hover {
    background: #05635A;
color: #fff;
}

p.button_navi a::before,
p.button_navi a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
p.button_navi a,
p.button_navi a::before,
p.button_navi a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#secondary p.button_navi {
	margin-bottom: 0;
}

  
    @media (max-width: 480px) {
        p.button_navi a {display:none;}
    }
  
  
  .webMail {
    max-width: 350px;
    width: 100%;
    padding: 20px 0;
    margin: 0px auto 30px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #199891;
    box-sizing: border-box;
    position: relative;
}


a.webMail {
    max-width: 360px;
    width: 100%;
    padding: 18px 20px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    background: #199891;
    color: #fff;
    text-decoration: none;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;

    border-radius: 4px;
    box-sizing: border-box;

    transition: 0.2s;
}

/* アイコン */
a.webMail:before {
    font-family: "FontAwesome";
    content: "\f0e0";
    font-size: 1.2em;
    font-weight: normal;
}

/* hover */
a.webMail:hover {
    background: #147d77;
    transform: translateY(-1px);
    opacity: 1;
}
  
  /*-------------------------------------------
    ナビボタン小
   -------------------------------------------*/
  p.button_naviS a {
    width:80px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #05635A;
    letter-spacing: 1px;
    text-decoration: none;
    background: #efefef;
    border: 1px solid #ccc;
    outline: none;
    text-align: center;
    margin:-1px auto 0;
    display: block;
  }
  p.button_naviS a:hover {
      background: #05635A;
    color: #fff;
  }
  
  p.button_naviS a::before,
  p.button_naviS a::after {
      position: absolute;
      z-index: -1;
      display: block;
      content: '';
  }
  p.button_naviS a,
  p.button_naviS a::before,
  p.button_naviS a::after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s;
  }
  
/*-------------------------------------------
    フローティングメニュー
-------------------------------------------*/


#P-FloatingMenu {
    display: none;
    position: fixed;
    width: 70px;
    right: 0;
    bottom: 250px;
    z-index: 9999;
    text-align: center;
    padding: 0;
    border: none;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0);
    background-color: #008888;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 20%);
}

#P-FloatingMenu ul {
	margin: 0 auto;
    padding: 0;
}

#P-FloatingMenu ul li {
    list-style-type: none;
	line-height: 1;
	margin: 0;
    padding: 0;
    border-bottom: 1px solid #5e9c91;
}

#P-FloatingMenu ul li a {
	display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    padding: 16px 0;
	transition: all .2s;
}

#P-FloatingMenu ul li a:hover {
    background-color: #075650;
}

#P-FloatingMenu ul li a i {
	display: block;
    padding-bottom: 5px;
    font-size: 20px;
    width: 100%;
}

#P-FloatingMenu img {width:70px;height:70px;}
#back-top #pagetop {display:none;}

	@media (max-width: 480px) {

		#P-FloatingMenu {
		    width: 100%;
		    bottom: 0px;
		    box-shadow: 5px 0px 10px rgb(0 0 0 / 20%);

		}

		#P-FloatingMenu ul li {
			display: inline-block;
            width: 18%;
		  border-right: 1px solid #5e9c91;
		  border-bottom: 0px none;
		}

		#P-FloatingMenu ul li:last-of-type {
		  border-right: 0px none;
		}
	  
        #P-FloatingMenu ul li a {
            padding: 14px 0 10px;
            font-weight: bold;
		}

        #P-FloatingMenu ul li a i {
            font-size: 24px;
            padding-bottom: 8px;
        }


	}


/*-------------------------------------------
	original
-------------------------------------------*/


.infoList .infoListBox div.thumbImage div.thumbImageInner img { width:120px; } 


/* リンク先で少し上がる */
a.jump_point {
  height: 1px;
  display: block;
  padding-top: 40px;
  margin-top: -40px;
}

/*ギャラリー*/
.bf-caption p {
font-size:14px;
}

.dispok {
	margin-top:-40px;
}
#fb-like-box {display:none;}
.dispok #fb-like-box {display:block;}
.moreLink {display:none;}
.sq01 { border: 4px solid #EEE; padding: 20px ; }
.sq02 { width:80%; border: 4px solid #2DB3B2; margin:0 auto; padding: 30px ; border-radius: 30px; border-radius: 30px; -moz-border-radius: 30px; }
.sq03 { width:80%; background-color: #fff; margin:0 auto; padding: 30px ; border-radius: 30px; border-radius: 30px; -moz-border-radius: 30px; }
table.OFauto { overflow:auto; }
table.table14px { overflow:auto; }
table.table14px td { font-size: 14px; }
td.nw{ white-space: nowrap; }
td.vm{ vertical-align: middle;}
img.marginTB5px { margin: 5px 0; }
img.marginTB10px { margin: 10px 0; }
img.marginLR5px { margin: 0 5px; }
img.marginLR10px { margin: 0 10px; }
img.marginLR20px { margin: 0 20px; }
img.marginAll5px { margin: 5px; }
img.category { margin: 0 4px 4px 0; }

.clearMP { margin: 0;padding: 0; }
.clear { clear: both; }
.clearfix {min-height: 1px;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
img.floatL { float:left; }
.left {	text-align: left; }
.center {text-align: center;}
.right {text-align: right;}
.btn.zaiko { width:100%;font-size: 120%; margin: 0 auto; }
.bgGreen { background-color: #00C300;padding: 10px 0 0 10px; }
.chuou {text-align:center;}
.font8px {font-size:8px;}
.font9px {font-size:9px;}
.font10px {font-size:10px;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size:13px;}
.font14px {font-size:14px;}
.font15px {font-size:15px;}
.font16px {font-size:16px;}
.font18px {font-size:18px;}
.font20px {font-size:20px;}
.fontB {font-style:700;}
.red {color: #e72b2b;}
.shopMarkTtl {
  width: 180px;
  color: #fff;
  background-color: #005952;
  line-height: 28px;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

/* 背景ブルー(小) */
a.btnBlues,a.btnBlueM{
	position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 2px 20px 2px 10px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #0188b1;
   border-radius: 5px;
   transition: .4s;
   font-size:12px;
}

a.btnBlues:after,a.btnBlueM:after {
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  right: 10px;
}

a.btnBlues:hover,a.btnBlueM:hover {
    background-color: #EBEBEB;
    color: #2C7FC0;
}


/* 背景ブルー(中) */
a.btnBlueM{
    font-weight: 400;
    padding: 5px 30px 5px 20px;
   font-size:14px;
}

p.spw {
    box-sizing: border-box;
    padding: 0;
}

p.spw img { margin:3px; }

/* 1文字字下げ */
.jisage {
  text-indent: -1em;
  padding-left: 1em;}
  
/* 2文字字下げ */
.jisage2 {
  text-indent: -2em;
  padding-left: 1em;
  margin-left:2em;
}

.jisage3 {
  text-indent: -3em;
  padding-left: 1em;
  margin-left:3em;
}

.mleft1em {margin-left: 1em;}



/*-------------------------------------------
	shop
-------------------------------------------*/

.shopTEL{
	font-size:24px;
	font-weight:bold;
}

.shop_caps{
	float:left;
	margin: 0 10px;
}


.wp-caption p.wp-caption-text {
	text-align: left;
}

.shop_capsWrap{
	margin: 0 auto;
	width: 600px;
}
@media (max-width: 680px) {
.shop_capsWrap{
	margin: 0 auto;
	width: auto;
}
.wp-caption {
	margin: 5px auto;
	text-align: center;


}

}


/*-------------------------------------------
    カテゴリ別新着記事一覧
-------------------------------------------*/

.postlist-box {
	border-bottom:1px dotted #dbdbdb;
	margin: 0 0 15px 0;
}

.postlist-category {
    margin: 10px 0 5px 0;
    padding: 2px;
  	float: left;

}
.postlist-category img {
    float: left;
    margin: 0 10px 0 0;
    width: 80px;
    height: 80px;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
    margin: 0;
    padding: 1px;
    height: 100px;

}
.postlist-category-inner p {
    font-size: 16px;
    margin: 1px 0 5px 3px;

}
.postlist-datetime span {
    font-size: 10px;
 
}

.shop_ucar_btn a {
    display: block;
    width: 80%;
    margin: 20px auto;
    padding: 14px 20px;

    background-color: #1FB5B5;
    color: #fff;

    text-align: center;
    text-decoration: none;

    border-radius: 30px;

    font-size: 1.05rem;
    font-weight: 500;

    transition: 0.2s;
}

.shop_ucar_btn a:hover {
    background-color: #248888;
    color: #fff;
}



/*-------------------------------------------
    トヨッペ吹き出し
-------------------------------------------*/

/* ツールチップの外枠 */
div.tooltip1{
    display: inline-block;
}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
    display: none;
}
 
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
	position: absolute;
	display: block;
	width: 100%;
	line-height: 120%;
    font-size: 80%;
	text-align: center;
	color: #fff;
    background-color: #51A2C1;
    padding: 10px;
	margin: 5px 0 0 0;
    border-radius:10px;
    z-index:100;
}
 
/* フキダシ部分を作成 */
div.tooltip1 span:before{
    content:''; 
    display:block; 
    position:absolute;
    height:0; 
    width:0; 
    top:-13px; 
    right:20px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);	/* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}



/* ここまで */

.entry-meta { display:none; }

/* MW WP Form用 CSS */
input[type="text"] { width: auto; }
input[type="email"] { width: auto; }

.mailform {
	width: 90%;
  	padding: 30px;
	background-color: #eeeeee;
}


@media (min-width: 850px) {
 #main #container { width:710px; margin-top:0px;}
 } 
@media (min-width: 850px) {
 #main #container #sideTower { width:220px; margin:0 auto; }
 } 


/* -------------------------------
	マーク Font Awesome 4（共通）
------------------------------- 

.mMAIL:before{
	font-family: "FontAwesome";
	content: '\f003';
	font-weight: normal;
	padding-right: 0.3em;
}

.mTEL:before{
	font-family: "FontAwesome";
	content: '\f095';
	font-weight: normal;
	font-size: 1.2em;
	padding-right: 0.3em;
}

.mFAX:before{
	font-family: "FontAwesome";
	content: '\f1ac';
	font-weight: normal;
	padding-right: 0.3em;
}

.mURL:before{
	font-family: "FontAwesome";
	content: '\f015';
	font-weight: normal;
	font-size: 1.2em;
	padding-right: 0.3em;
}

.mPDF:before{
	font-family: "FontAwesome";
	content: '\f1c1';
	font-weight: normal;
	font-size: 1.2em;
	padding-right: 0.3em;
}

.mEXCEL:before{
	font-family: "FontAwesome";
	content: '\f1c3';
	font-weight: normal;
	font-size: 1.2em;
	padding-right: 0.3em;
}

.mWORD:before{
	font-family: "FontAwesome";
	content: '\f1c2';
	font-weight: normal;
	font-size: 1.2em;
	padding-right: 0.3em;
}

p.mMAIL,p.mTEL,p.mURL,p.mFAX{
	line-height: 1;
	font-size: 1em;
}

*/
 

/*-------------------------------------------
	マーク Font Awesome 5（共通）　
-------------------------------------------*/


.mMAIL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0e0';
    padding-right: 0.5em;
}

.mTEL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f095';
    padding-right: 0.4em;
}

.mFAX:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1ac';
    padding-right: 0.5em;
}

.mURL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f015';
    color: #333;
    padding-right: 0.5em;
}

.mPDF:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c1';
    font-size: 1.2em;
    color: #C71825;
    padding-right: 0.5em;
}

.mEXCEL:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c3';
    font-size: 1.2em;
    color: #3F8D23;
    padding-right: 0.5em;
}

.mWORD:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f1c2';
    font-size: 1.2em;
    color: #0F48AE;
    padding-right: 0.5em;
}

.m2down:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f103';
    font-size: 1.2em;
    padding-left: 0.5em;
}

.mORDER:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f044';
    font-size: 1.2em;
    padding-left: 0.5em;
}

p.mMAIL,p.mTEL,p.mURL,p.mFAX,p.mPDF,p.mEXCEL,p.mWORD{
    line-height: 1;
    font-size: 1.1em;
}

/* 別窓で開く
a[target="_blank"]:not(.noicon):after {
    font-family: "Font Awesome 5 Free";
    content: "\f2d2";
    font-size: 7px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 3px;
}
 */


/*-------------------------------------------
	Table
-------------------------------------------*/

/*セルの間隔を無くす*/
table {
    border-collapse: collapse;
}

table, table td, 
table th {
    border: solid 1px #ccc;
    padding: 10px 1em;
}

table.left td, 
table.left th {
    text-align: left;
}

table th {
    background-color: #eee;
}

table.dot {
    border: none;
}
table.dot td, 
table.dot th {
    border: none;
    border-bottom: dotted 1px #ccc;
    padding: 10px 1em;
}


/* -------------------------------
    フッター
------------------------------- */
/* powerd非表示*/
footer .copySection p:nth-child(2) {
    display: none !important;
}

footer h1 {
    font-size: 1rem;
}

.siteFooter .navi_shop ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.siteFooter .navi_shop ul li a {
    padding: 0 7px;
    font-size: 12px;
    color: #fff;
    background-color: mediumseagreen;
    border-radius: 100px;
    margin: 5px 3px;
}

/*
.xo-event-calendar table.xo-month>thead th {
    padding: 5px 0 !important;
}
	*/

footer h1 {
    font-size: 1.2em;
}

/* フッターナビ（カレンダーのすぐ下） */
footer .widget ul {
    display: flex;
    justify-content: space-around;
	margin: 50px 0 0;
}

footer .widget ul  li {
	padding: 0 10px;
    background-color: #565656;
    border-radius: 100px;
    margin: 5px 3px;
    font-size: 0.9em;
}

footer .widget ul  li a {
		color: #fff;
}


/* フッターサイトマップ */
footer .footer-nav-wrap ul#astra-footer-menu {
    display: flex;
    justify-content: flex-start;
	margin: 50px 0 0;
	align-items: stretch;

}

footer .footer-nav-wrap ul#astra-footer-menu li {
padding: 0 7px;
		font-size: 0.9em;
    /* background-color: #3cb371; */
    /* border-radius: 100px; */
    margin: 5px 3px;
    border-right: 1px solid #dbdbdb;
}

/*
footer .footer-nav-wrap ul#astra-footer-menu li a {
    color: #fff;
}
	*/


/* =========================================
     営業カレンダー（Simple Business Calendar JP）
========================================= */

.sbc-single-block,
.sbc-two-months-block{
	max-width:800px;
	margin:2em auto;
	padding: 0 50px;
	position: relative;
}

#secondary .sbc-single-block {
    padding: 0;
}

/* -------------------------------
   2か月横並び
------------------------------- */

.sbc-two-months{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10%;
	align-items:start;
}

/* -------------------------------
   前月・翌月
------------------------------- */

.sbc-calendar-nav{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:12px;
	margin-bottom:1em;
}

.sbc-nav-link{
	display:inline-block;
	padding:6px 20px;
	border:1px solid #d0d0d0;
	background:#fff;
	text-decoration:none;
	font-size:.80rem;
	line-height:1.4;
	transition:.2s;
	background: #a5ce8a !important;
    border-radius: 50px;
    font-weight: 500;
    letter-spacing: 1px;
}

.sbc-nav-link:hover{
	background:#f5f5f5;
}

.sbc-prev-month {
	position: absolute;
	top: 0;
	left: 0;
}

.sbc-next-month {
	position: absolute;
	top: 0;
	right: 0;
}

/* -------------------------------
   カレンダー（sbc-calendar）
------------------------------- */

.sbc-calendar-wrap{
	width:100%;
}

.sbc-calendar-title{
	text-align:center;
	font-size:1em;
	margin-bottom:.6em;
	letter-spacing:.05em;
}

/* table */

.sbc-calendar-table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	background:#fff;
}

.sbc-calendar-table th,
.sbc-calendar-table td{
	border:1px solid #dcdcdc;
	text-align:right;
	vertical-align:top;
}

.sbc-calendar-table th {
	text-align:center;
}


.sbc-calendar-table th{
/*	background:#f5f5f5;*/
	padding: 5px 0;
    font-size: .90rem;
    font-weight: 600;
}

.sbc-calendar-table td{
	padding: 10px 5px;
	position:relative;
	transition:.2s;
}

#secondary .sbc-calendar-table td {
    padding: 5px;
}

.sbc-calendar-table td:hover{
	filter:brightness(.97);
}

/* 空白 */

.sbc-empty{
	background:#fafafa;
}

/* 日付 */

.sbc-date{
	display:block;
	font-size:0.9em;
/*	margin-bottom:.35em;*/
}

/* ステータス */

.sbc-status{
	display:block;
	font-size:.72rem;
	font-weight:700;
	line-height:1.4;
}

/* -------------------------------
   曜日色
------------------------------- */

.sbc-sun .sbc-date{
	color:#a00707;
}

.sbc-sat .sbc-date{
	color:#005bbb;
}

/* -------------------------------
   背景色
------------------------------- */

/* イベント */

.sbc-event{
	background:#a5ce8a;
	background:#ffe7a8;
}

/* サービス工場のみ営業日 */

.sbc-service{
	background:#eacc79;
	background:#d8e8ff;
}

/* 全社休業 */

.sbc-holiday{
	background:#e8a9c0;
	background:#ffc8c8;
}

/* -------------------------------
   凡例
------------------------------- */

.sbc-legend{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:14px 20px;
	margin-top:1em;
	font-size:.9rem;
}

#secondary .sbc-legend{
    gap: 0;
	margin-top:-10px;
    font-size: .8rem;
    align-content: flex-end;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-around;
}

.sbc-mark{
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:.4em;
	vertical-align:-2px;
	border:1px solid rgba(0,0,0,.12);
}

/* 凡例色 */

.sbc-mark-event{
	background:#ffe7a8;
}

.sbc-mark-service{
	background:#d8e8ff;
}

.sbc-mark-holiday{
	background:#ffc8c8;
}


    /* -------------------------------
        カレンダー（sbc-calendar）レスポンシブ
    ------------------------------- */

    @media (max-width:820px){

        .sbc-two-months{
            grid-template-columns:1fr;
            gap:36px;
        }

    }/* 820ここまで */

    @media (max-width:640px){

        .sbc-calendar-table td{
            height:62px;
            padding:.2em .1em;
        }

        .sbc-date{
            font-size:.92rem;
        }

        .sbc-status{
            font-size:.62rem;
        }

        .sbc-nav-link{
            font-size:.85rem;
            padding:.35em .8em;
        }

        .sbc-calendar-title{
            font-size:1.08rem;
        }

    }/* 640ここまで */


/* =======================================
	PC
======================================= */

@media print,screen and (min-width : 769px) {

    .nopc {
        display: none !important;
    }
    
    
    /* -------------------------------
        XOイベントカレンダー（PC）
    ------------------------------- */

    /*
    .xo-event-calendar .calendars {
        display: flex;
        flex-flow: nowrap;
        justify-content: center;
        margin: 4px 0;
    }

    .xo-event-calendar .calendar {
        padding: 30px 5% 10px;
        box-sizing: border-box;
    }
    
    
    .xo-event-calendar .holiday-titles {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }

    .xo-event-calendar p.holiday-title {
        padding: 2px 2%;
        font-size: 13px;
    }

    .xo-event-calendar table.xo-month button.month-prev {
        position: absolute;
        left: 0;
    }

   .xo-event-calendar table.xo-month button.month-next {
        position: absolute;
        right: 0;
    } 
        */
      


} /* PCここまで */


/* =======================================
	モバイル（タブレット以下）
======================================= */

@media (max-width: 768px) {

    .nosp {
        display: none !important;
    }


} /* タブレット以下ここまで */
    


/* =======================================
	モバイル（スマホのみ）
======================================= */

@media (max-width: 480px) {

    .nosp {
        display: none !important;
    }

	/* フッターナビ（カレンダーのすぐ下） */
footer .widget ul {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
	margin: 50px 0 0;
}

  
} /* スマホここまで */


/* =========================================
   ウィジェット
========================================= */

#secondary H2.widget-title {display: none;}

#secondary li {
    margin-bottom: 0em;
}

#vkexunit_childpagelist-2 .menu-item a {
    padding: 0.8em;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    color: #333;
    font-size: 0.9em;
    display: block;
}


/* =========================================
   誘導ボタン guideBT
========================================= */

/*
.guideBT {
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}

.guideBT2col {
  padding: 20px 10px 50px 0;
}

.guideBT ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.guideBT ul li {
  position: relative;
  margin: 0;
  padding: 0;
}

.guideBT ul li a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #099;
  border: 3px solid #099;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s;
}

.guideBT ul li a:hover {
  color: #099;
  background: #fff;
}

.guideBT ul li i.abs {
  position: absolute;
  color: #fff;
}

.guideBT ul li a:hover i.abs {
  color: #099;
}

.mg5 {
  margin-right: 0.5em;
}

@media (min-width: 850px) {
  .guideBT1 {
    width: 480px;
  }

  .guideBT2 {
    width: 840px;
  }

  .guideBT ul li {
    display: inline;
    float: left;
  }

  .guideBT ul li a {
    margin: 0 10px;
    padding: 20px 1.5em;
    font-size: 22px;
    letter-spacing: 3px;
  }

  .guideBT1 ul li a {
    width: 460px;
  }

  .guideBT2 ul li a {
    width: 400px;
  }

  .guideBT2col ul li {
    width: 50%;
    box-sizing: border-box;
  }

  .guideBT ul li i.abs {
    right: 20px;
  }
}

@media (max-width: 849px) {
  .guideBT {
    width: 100%;
    padding: 10px 0;
  }

  .guideBT ul li {
    width: 90%;
    margin: 30px auto;
    background: #099;
    list-style: none;
    box-sizing: border-box;
  }

  .guideBT ul li a {
    margin: 5px 0;
    padding: 24px 1em;
    font-size: 22px;
    text-align: left;
  }

  .guideBT ul li i.abs {
    right: 15px;
  }

  .guideBT ul li a .spFont_s {
    font-size: 20px;
    line-height: 1;
  }
}
*/

/* =========================================
   店長・副店長エリア
========================================= */
#shop_tc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}

#shop_tc dl {
  width: 50%;
  margin: 0 auto;
  padding: 5px 3%;
  box-sizing: border-box;
}

#shop_tc dt {
  display: block;
  clear: both;
  font-size: 0.8em;
}

#shop_tc dt img {
  display: block;
  float: right;
  width: 100%;
  height: auto;
}

#shop_tc dd {
  margin: 0 auto;
}

#shop_tc dd p {
  margin: 0;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 2px;
}

#shop_tc dd p .s {
  font-size: 13px;
  font-weight: normal;
}



/* =========================================
   誘導ボタン（guideBT）
========================================= */

.guideBT{
  padding: 40px 0;
  margin: 0 auto;
  text-align:center;

}

.guideBT ul li a{
  background: #009999;
  border: 3px solid #009999;
}

.guideBT ul li a:hover {
  background: #fff;
  color: #009999;
  border: 3px solid #009999;
}


.guideBT ul li a:hover i.abs{
  color: #009999;
}

.mg5 {
  margin-right: 0.5em;
}

/* ucar */
a.shop_ucar_btn {
    display: block;
    width: 80%;
    margin: 20px auto;
    padding: 14px 20px;

    background-color: #1FB5B5;
    color: #fff;

    text-align: center;
    text-decoration: none;

    border-radius: 30px;

    font-size: 1.05rem;
    font-weight: 500;

    transition: 0.2s;
}

a.shop_ucar_btn a:hover {
    background-color: #248888;
    color: #fff;
}



/* ---------------------------------
    PC
--------------------------------- */

@media (min-width: 850px) {

    blockquote .shijyo{
    font-size: 20px;line-height: 170%;padding-bottom:10px;
    }
    .guideBT1{
    max-width: 480px;
    }

    .guideBT2{
    max-width: 840px;
    }


    .guideBT ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
	display: flex;
    justify-content: center;
    }

    .guideBT ul li{
        width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
    }

    .guideBT ul li a{
		display: block;
		margin: 0 10px;
		padding: 20px 0;
		font-size: 1.2rem;
		color: #fff;
		letter-spacing: 2px;
		text-decoration: none;
		font-weight: bold;
		outline: none;
		text-align: center;
    }

	/*
    .guideBT1 ul li a{
    width: 460px;
    }

    .guideBT2 ul li a{
    width: 400px;
    }
	*/


    .guideBT ul li i.abs{
    position:absolute;
    right: 20px;
	top: 37%;
    color: #fff;
    }

    .guideBT ul li a::before,
    .car_navi ul.fbox li a::after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
    }
    .guideBT ul li a,
    .guideBT ul li a::before,
    .guideBT ul li a::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }


}

/* ---------------------------------
    モバイル
--------------------------------- */

@media (max-width: 849px) {

    .guideBT{
        width:100%;
        padding: 10px 0;
    }

    .guideBT ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .guideBT ul li{
        position: relative;
        width: 98%;
        background: #009999;
        margin: 0 auto;
        padding: 0;
    }

    .guideBT ul li a{
    display: block;
    margin:5px 0;
    padding: 25px 1em;
    font-size: 22px;
    text-decoration:none;
    color: #fff;
    /*  letter-spacing: 1px;*/
    text-decoration: none;
    font-weight: bold;
    outline: none;
    text-align: left;
    }

    .guideBT ul li i.abs{
    position:absolute;
    right: 15px;
    color: #fff;}


    .guideBT ul li a .spFont_s {
    font-size: 20px;
    line-height: 1;
    }

}


/* =========================================
整備・メンテナンス  誘導ボタン（ServiceBT）
========================================= */

main  ul.ServiceBT {
 display:table;
 border-collapse:collapse;
 width: 99.9%;
 margin: 10px auto 20px;
 padding: 0;
 overflow: hidden;
}

main  ul.ServiceBT li {
 display: table-cell;
 vertical-align: middle;
 list-style-type: none;
 text-align: center;
 font-weight: bold;
 font-size: 14px;
 margin: 0;
 padding: 0;
 border: 1px solid #ccc;
 background: -webkit-linear-gradient(top, #f7f7f7, #dedede);
 background: linear-gradient(to bottom, #f7f7f7, #dedede);
 background:-moz-linear-gradient(top, #f7f7f7, #dedede);
 background:-o-linear-gradient(top, #f7f7f7, #dedede);
}

main  ul.ServiceBT li a {
 display: block;
 margin: 0px auto;
 padding: 10px 0;
 color: #000;
 text-decoration: none;
}

main  ul.ServiceBT li a:before{
 font-family: "FontAwesome";
 content: '\f0ad';
 font-weight: normal;
 color: #006767;
 padding-right: 0.5em;
}

main  ul.ServiceBT li a:hover,main  ul.ServiceBT li a.activ {
 color: #fff;
 background-color: #009999;
}

	@media (max-width: 640px) {
	main  ul.ServiceBT li {
	display: block;
	line-height: 1;
	font-size: 1em;
	}
}


#tokuyamaMec {
display:inline-block;
text-align:left;
}

#tokuyamaMec > p {margin-bottom:15px;}