@charset "utf-8";

/* ------------------------------------------------ */
/* 共通
/* ------------------------------------------------ */

/* ボックスサイズの計算方法を指定 */
* {
box-sizing: border-box;
}

/* ページ全体の基本スタイル */
body {
color: #000;
font-size: 15px;
font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
line-height: 1.6;
}

/* 段落の基本スタイル */
p {
padding-bottom: 1.5em;
}

/* リンクの基本スタイル */
a {
color: #000;
transition: 0.5s;
}

/* リンクにマウスが乗ったときのスタイル */
a:hover {
opacity: 0.9;
}

/* 画像の基本スタイル */
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（768px以上）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px), print {
/* PC専用コンテンツを表示 */
.pc {
display: block;
}
/* スマホ専用コンテンツを非表示 */
.sp {
display: none;
}

/* ------------------------------------------------ */
/* レイアウト
/* ------------------------------------------------ */
/* ページ全体を囲む枠 */
.wrapper {
margin: 0 auto;
width: 100%;
border-left: solid 10px #0f2350 ;
border-right: solid 10px #0f2350 ;
}
.bxslider{
display: none;
}
.bx-wrapper{
display: none;
}
/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
/* エリア外枠のスタイル */
header {
width: 100%;
margin: 0 auto;
background:#0f2350 ;
}
/* 見出しのスタイル */
.header-area {
display: flex;
flex-direction: column;
text-align:center;
}
.header-area1 {
display: flex;
text-align:center;
}
/* ロゴのスタイル */
.header-logo {
text-align:center;
}
.tel {
text-decoration: none;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
background: #0f2350 ;
padding-top:20px;
opacity: 0.9;
}
.fixed {
position: fixed;
background: #fff;
top: 0;
width: 100%;
z-index: 10000;
}
.tai {
width: 100%;
background:#fff;
font-family: "メイリオ"; font-size: 12px; color: #333;
margin-top: 5px;
margin-left: 40px;
}

/* ------------------------------------------------ */
/*右上ボタン部分（PC固定）
/* ------------------------------------------------ */
.bana-kotei {
position: fixed;
top: 164px;
right: 0;
z-index: 10000;
}
.bana-kotei img {
width: 100%;
cursor: pointer;
}
.bana-kotei img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
transform: translateY(-10px);
-ms-transform: translateY(-10px);
transition-duration: 0.5s;
}
.bana-kotei1 {
position: fixed;
top: 388px;
right: 0;
z-index: 10000;
}
.bana-kotei1 img {
width: 100%;
cursor: pointer;
}
.bana-kotei1 img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
transform: translateY(-10px);
-ms-transform: translateY(-10px);
transition-duration: 0.5s;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu a {
text-decoration: none;	
}
/* PC用ナビゲーション */
.drawer_menu #gNav {

}
.drawer_menu .drawer_nav {
transform: translate(0);
-ms-transform: translate(0);
padding:10px 0 10px 0;
list-style-type: none;
display: flex;
justify-content: center;
}
.drawer_menu .drawer_nav li {
height: 40px;
margin: 0 0 0 0px;
line-height: 40px;
list-style-type: none;
font-size: 13px;
}
.drawer_menu .drawer_nav li:hover {

}
.drawer_menu .drawer_nav li a {
position: relative;
display: inline-block;
text-decoration: none;
padding: 0 12px 0 12px;
color: #fff;
}
.drawer_menu .drawer_nav li a::after {
position: absolute;
bottom: -5px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.drawer_menu .drawer_nav li a:hover::after {
bottom: -2px;
opacity: 1;
visibility: visible;
}
.drawer_menu .drawer_nav li a:hover {

}
/* PC非表示 */
.pc-hidden {
display: none;
text-align: center;
}	
.drawer_menu .drawer_button {
color: #fff;
/* ハンバーガーメニュー文字色 */
display: none;
}
.touch-btn {
display: none;
}

/*ワードプレスドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.menu {
  }
/* 親メニューをinline-blockにしてセンターに配置 */
.menu > .menu-item {
  display: inline-block;  
}
/* リストの記号を消去 */
.menu-item {
  list-style-type: none;
}
/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
  position: relative;  
}
/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
  cursor: pointer;
  }
/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
  display: block;
  z-index: 100;
}
/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  background: #37761D;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
  z-index: 100;
}
/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
.sub-menu > .menu-item:not(:last-child) {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: .5em 0;
}
/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
  background: #000;
  color: white;
}
.elementor-section-wrap {
z-index: -1;
}

/*スクロール　ふわっとでる
----------------------------------------------------------------------------------------------------------------------------------*/
.sa {
opacity: 0;
transition: all .5s ease;
} 
.sa.show {
opacity: 1;
transform: none;
} 
.sa--lr {
transform: translate(-100px, 0);
} 
.sa--rl {
transform: translate(100px, 0);
} 
.sa--up {
transform: translate(0, 100px);
} 
.sa--down {
transform: translate(0, -100px);
} 
.sa--scaleUp {
transform: scale(.5);
} 
.sa--scaleDown {
transform: scale(1.5);
} 
.sa--rotateL {
transform: rotate(180deg);
} 
.sa--rotateR {
transform: rotate(-180deg);
}

/*画像拡大
----------------------------------------------------------------------------------------------------------------------------------*/
.scale {
width: 100%;
height: auto;
overflow: hidden;
}
.scale img {
-moz-transition: -moz-transform 0.9s linear;
-webkit-transition: -webkit-transform 0.9s linear;
-o-transition: -o-transform 0.9s linear;
-ms-transition: -ms-transform 0.9s linear;
transition: transform 0.9s linear;
}
.scale img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.1);
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
h1 {
color: #fff;
font-size: 11px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
background: #0f2350 ;
}
h2 {
color: #0f2350;
font-size: 36px;
margin-left: 10px;
margin-top: 52px;
margin-bottom: 40px;
}
.h2text {
display: block;
font-size: 20px;	/*文字サイズ*/
color: #1BA1E6;		/*文字色*/
margin-bottom: 5px;
}
h3 {
color: #333;
font-size: 24px;
margin: 5px 0 30px 0;
font-weight:bold;
}
/* エリア外枠のスタイル */
#contents {
width:100%;
margin-bottom: 0px;
}
#contents .botto {
position: relative;
z-index: -9999;
margin-top: 10px;
}

/* サブページテンプレート */
.sen {
position: relative;
}
.sen1 {
position: absolute;
border-top: 3px solid #0f2350;
width: 300px;
top: 100px;
left: 0px;
}

.bg {
width:100%;
background: #fff;
padding: 20px 0 50px 0;
}
.main_visual-1 {
width: 60%;
margin: 0 auto;
}

/* ブログ表示（左） */
.blog-bg {
position: relative;
}
.blog-bg1 {
position: absolute;
top: 118px;
left: 0px;
background: #0f2350;
width: 240px;
height: 253px;
border-radius: 0 7px 7px 0;
}

/* ブログ表示リスト（中央） */
.blog-bg2 {
width:100%;
padding: 20px 0 30px 0;
background: #fff;
}
.blog-bg3 {
width: 70%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
.blog-h2 {
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
.blog-h2text {
font-size: 16px;
color: #ccc;
padding: 0px 0px 5px 0px;
margin: 20px 0px 0px 0px;
}

#infolist {
display: -webkit-flex;						/* safari用 */
display: flex;
-webkit-justify-content: space-between;		/* safari用 */
justify-content: space-between;
}
#infolist li {
width: 16%;
margin: 0 30px 0 0;
border: 1px solid #efefef;
border-radius: 7px;
box-shadow: 3px 3px 5px #d3d3d3;
}
#infolist li a {
display:block;
}
#infolist li:hover {
background: #fff5ee ;
}
#infolist .thumb {
margin-bottom: 10px;
}
#infolist .thumb img {
width: 100%;
height: auto;
border-radius: 7px 7px 0 0;
}
#infolist .date {
color: #0f2350;
font-weight: bold;
font-size: 14px;
padding: 5px 10px 0 10px;
}
#infolist .title {
font-size: 14px;
padding: 0px 10px 15px 10px;
}
#infolist a {
text-decoration: none;
}
/* ブログ一覧 */
.readmore3 {
display: inline-block;
float:right;
margin: 30px 30px 0 0;
}
.readmore3 a {
text-decoration: none;
border: 1px solid #ccc;
border-radius: 15px;
padding: 5px 15px;

font-size: 14px;
}
.readmore3 a:hover {
border: 1px solid #0f2350;
color: #fff;
background: #0f2350;
}


/* 新着情報 */
.bg1 {
width:100%;
display: flex;
background: #fff;
margin-top: 0px;
padding: 30px 0 50px 0;
}
.main_visual1-1 {
width: 50%;
}
.main_visual1-2 {
width: 70%;
margin: 0 30px 0 auto;
}
.main_visual1-3 {
width: 50%;
}
.main_visual1-4 {
width: 70%;
}
#new001 {
margin: 10px 0;
font-size:16px;
}
#new001 li {
display: flex;
font-size:15px;
align-items: center;
text-align:left;
padding: 20px 0 20px 0px;
border-top: dashed 1px #d3d3d3;
text-decoration: none;
}
#new001 li a {
text-decoration: none;
}
.news-text {
display: flex;
flex-direction: column;
font-size:12px;
}
.news-ao {
background: #ff8c00;
font-size:13px;
color:#fff;
text-align:center;
padding: 3px 15px;
margin: 0 15px 0 0;
}
.news-table {
width:100%;
margin: 0 auto 100px auto;
}
th.news { 
font-weight: normal;
width: 15%;
text-align:left;
padding: 20px 0;
border-top: dashed 1px #d3d3d3;
border-bottom: dashed 1px #d3d3d3;
vertical-align:middle;
}
td.news {
width: 85%;
text-align: left;
padding: 20px 0px;
border-top: dashed 1px #d3d3d3;
border-bottom: dashed 1px #d3d3d3;
line-height: 25px;
vertical-align:middle;
}


/* 営業時間・業務改定表 */
.bg-hyou {
width:100%;
background: #ededed;
padding: 100px 0 100px 0;
}
.bg-hyou1-1 {
width: 60%;
margin: 0 auto 0 auto;
}
.bg-hyou-gazou {
width: 100%;
margin: 0 auto 0 auto;
}


/* 営業時間 */
.eigyou-table {
width:100%;
margin-top: 2px;
border-collapse: separate;
border-spacing: 2px;
}
th.eigyou { 
font-size: 14px;
text-align:center;
font-weight: normal;
padding: 30px 10px;
border: solid 1px #1BA1E6;
vertical-align:middle;
background-color: #fff;
}
td.eigyou {
font-size: 14px;
text-align:center;
padding: 30px 10px;
border: solid 1px #1BA1E6;
vertical-align:middle;
background-color: #1BA1E6;
color: #fff;
}
.main_visual1-4 .text {
font-size: 15px;
line-height: 25px;
padding-top: 10px;
}

/* カレンダー */
.bg2 {
display: flex;
width:100%;
padding: 0px 0 0px 0;
}
/* カレンダー(左) */
.main_visual2-1 {
width:50%;
background: #D9EEF7;
padding: 40px 0 40px 0;
}
.main_visual2-2 {
width: 80%;
margin: 10px auto;
}
.main_visual-flex {
width: 100%;
display: flex;
flex-direction: column;
}
.main_visual2-2 .text {
font-size: 15px;
line-height: 25px;
padding-top: 0px;
}
.calender-text {
text-align:center;
color: #333;
font-size: 30px;
margin-top: 30px;
margin-bottom: 20px;
font-weight:bold;
}

/* カレンダー(右) */
.main_visual2-3 {
width:50%;
background: #ECF7FB;
padding: 40px 0 40px 0;
}
.main_visual2-4 {
width: 80%;
margin: 10px auto;
}
.main_visual2-4 .text {
line-height: 25px;
padding-top: 20px;
}

/* 今月の一言・画像4つ */
.h-bg {
width:100%;
padding: 80px 0 80px 0;
}
.h-visual {
width: 100%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
/* 全体flax */
.bg3 {
display: flex;
justify-content: space-between;
width:100%;
padding: 0px 0 0px 0;
}
/* 左レイアウト */
.main_visual3-left {
width:50%;
}
.gazou3-2 {
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
}

/* 右レイアウト */
.main_visual3-right {
width:50%;
}
.main_visual3-right-flex {
display: flex;
justify-content: space-between;
}
.gazou3-3 {
width: 50%;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.gazou3-3-1 {
width: 50%;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.text3-4 {
text-align:center;
position: absolute;
bottom: 0;
right: 0;
margin:0;
padding:5px 10px;
background: #000;
opacity:0.9;
color: #fff;
display: inline-block;
}
.text3-4 a {
display:block;
text-decoration: none;
text-align:center;
font-size: 16px;
color: #fff;
font-weight: normal;
}


/* インスタグラム */
.insta-bg {
width:100%;
background: #f7f7f7;
padding: 80px 0 80px 0;
}
.insta-visual {
width: 60%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
.insta-text {
text-align:center;
color: #0F2350;
font-size:40px;
margin:0px 0px 50px 0px;
padding:0px 0px;
}


/* 問い合わせ */
#contents .bg4 {
width:100%;
background: #f7f7f7;
padding: 40px 0 40px 0;
}
.flex4 {
display: flex;
display: -webkit-flex;						/* safari用 */
justify-content: center;
-webkit-justify-content: center;		/* safari用 */
}
#main_visual4 {
width: 30%;	
background: #fff;
border-right: solid 5px #f7f7f7;
padding: 50px 0 20px 0px;
}
#main_visual4-1 {
width: 60%;	
background: #fff;
padding: 50px 0 20px 0px;
}
.toi-text {	
text-align:center;
color: #333;
font-size: 28px;	
font-weight:bold;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
margin-top: 24px;
}
.toi-text1 {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #333;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
padding-top: 10px;
}
.toi-text2 {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #ff0000;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
padding: 30px 20px 50px 20px;
}
.tel-text {	
text-align:center;
color: #000;
font-size: 28px;	
font-weight:bold;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.toi-box a {
display:block;
text-decoration: none;
width: 50%;
margin: 30px auto 30px auto;
padding: 10px 0;
font-size: 20px;
text-align:center;
color: #fff;
background: #ff8c00;
border-radius: 8px;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
/* エリア外枠のスタイル */
footer {
background: #0f2350;
color: #fff;
padding: 50px;
}
/* 著作権表記 */
#copyright {
text-align: center;
font-size: 12px;
margin-top: 30px;
display: block;
}
/* メニューリストを囲む枠 */
#fNav ul {
display: -webkit-flex;				/* safari用 */
display: flex;
-webkit-justify-content: center;	/* safari用 */
justify-content: center;
width: 100%;
margin: 0 auto;
}
/* メニューリストの共通スタイル */
#fNav li {
padding: 0px 5px;
}
/* 一番最後のメニュー */
#fNav li:last-child {
border-right: none;
padding-right: 0;
}
/* メニューリンクの共通スタイル */
#fNav a {
position: relative;
padding:5px;
color: #fff;
font-size: 14px;
line-height: 40px;
text-decoration: none;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
/* メニューにマウスを乗せたときのスタイル */
#fNav a::after {
border-bottom: solid 2px #fff;
right: 0;
content: "";
display: block;
position: absolute;
top: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
#fNav a:hover::after {
width: 100%;
}

/* ------------------------------------------------ */
/*フッターボタン部分（スマホ固定）
/* ------------------------------------------------ */
#floatingmenu {
display: none;
}
.tel01{
display: none;
}
.mail{
display: none;
}
.br1{
display: none;
}

/* ------------------------------------------------ */
/*パンくずリスト
/* ------------------------------------------------ */
.breadcrumbs {
padding-bottom: 10px;
font-size: 12px;
text-decoration: none;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs1 {
padding-bottom: 10px;
font-size: 12px;
text-decoration: none;
}
.breadcrumbs1 a {
text-decoration: none;
}
.bread1 {
width:100%;
background-color: #f7f7f7;	
}
.bread2 {
width:60%;
background-color: #f7f7f7;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
.bread3 {
width:100%;
background-color: #f7f7f7;	
}
.bread4 {
width:60%;
background-color: #f7f7f7;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}

/* ------------------------------------------------ */
/* ブログページ（single.php）
/* ------------------------------------------------ */
#blobg3 {
width:100%;
background-color: #f7f7f7;
padding: 0px 0 30px 0;	
}
#blo_visual1-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background: #fff;
width: 60%;	
margin: 0 auto;
}
#blo_visual1-1-1 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 auto 0px auto;
padding: 20px 20px 20px 30px;
border: dotted 1px #ccc;
}
#blo_visual1-1-1-1 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #f7f7f7;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 10px;
}
.blo-sen {
width:100%;
border: dotted 1px #ccc;
margin: 10px auto 20px auto;
padding: 20px 20px 20px 20px;
}
/* 投稿日付とカテゴリー */
.entry-meta {
margin-bottom: 15px;
font-size: 16px;
}
/* 投稿本文の枠 */
.entry-content {
line-height: 30px;
font-size: 15px;
margin-bottom: 10px;
}
.entry-content::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content img {
float: left;
margin: 0 15px 15px 0;
width: 200px;
height: auto;
}
/* 投稿日付 */
.date {
margin-bottom: 10px;
font-size: 14px;
}

/* ------------------------------------------------ */
/* ブログページ（archive.php）
/* ------------------------------------------------ */
#blobg4 {
width:100%;
background-color: #f7f7f7;
padding: 50px 0 30px 0;	
}
#blo_visual4-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background: #f7f7f7;
width: 60%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #f7f7f7;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #f7f7f7;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 10px;
}
.blo-sen4 {
width:100%;
border: dotted 1px #ccc;
margin: 0px auto 20px auto;
padding: 20px 20px 20px 20px;
background: #fff;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 15px;
font-size: 16px;
}
/* 投稿本文の枠 */
.entry-content4 {
line-height: 30px;
font-size: 15px;
margin-bottom: 10px;
}
.entry-content4::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content4 img {
margin: 0 15px 15px 0;
width: 200px;
height: auto;
}
/* 投稿日付 */
.date4 {
margin: 0 10px 0px 0px;
font-size: 14px;
}

/*---------------------------------------------------------*/
/* 一覧へ移動ボタン（続きを読むボタン） */
/*---------------------------------------------------------*/
.readmore {
display: inline-block;
float:right;
}
.readmore a {
text-decoration: none;
border: 1px solid #ccc;
border-radius: 15px;
padding: 5px 15px;
margin-right: 15px;
font-size: 14px;
}
.readmore a:hover {
border: 1px solid #0f2350;
color: #fff;
background: #0f2350;
}

.readmore1 {
text-align:right;
}
a.readmore1 {
display: inline-block;
margin-left: auto;
height: 2em;
line-height: 2;
text-align: center;
padding: 0 0 0 15px;
position: relative;
}

.more-link {
    border: 1px #2581c4 solid;
    padding: 12px 24px;
    line-height: 26px;
    margin-bottom: 64px;
    box-sizing: border-box;
    clear: both;
    color: #2581c4;
    font-size: 14px;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0px 0px 20px;
}
.sidebar-title {
background: #0f2350;
font-size: 15px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
}
.textwidget {
padding: 0 8px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 10px 5px 10px 5px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
text-decoration:none;
display: block;
color: #000;
padding: 3px 0 3px 0px;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（767px以下）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

/* ------------------------------------------------ */
/* 共通
/* ------------------------------------------------ */
/* PC専用コンテンツを非表示 */
.pc {
display: none;
}
/* スマホ専用コンテンツを表示 */
.sp {
display: block;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #333;
font-size: 14px;
font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;
line-height: 1.6;
}

/* ------------------------------------------------ */
/* レイアウト
/* ------------------------------------------------ */
/* ページ全体を画面の横幅に合せる */
#wrapper {
width: 100%;
}
#kotei{
width: 100%;
top: 0;
left: 0;
background:#fff;
border-top: solid 3px #0f2350;
padding-bottom:0px;
}
.fixed {
top: 0;
width: 100%;
z-index: 10000;
}
.wideslider {
display: none;
}
	
/* ------------------------------------------------ */
/*右上ボタン部分（パソコン版固定）
/* ------------------------------------------------ */
.bana-kotei {
display: none;
}
.bana-kotei img {
display: none;
}
.bana-kotei img:hover {
display: none;
}
.bana-kotei1 {
display: none;
}
.bana-kotei1 img {
display: none;
}
.bana-kotei1 img:hover {
display: none;
}
	
/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {    
width: 100%;	
padding: 0px;
}
/* 見出しを非表示 */
h1 {
display: none;
}	
.header-area {
width: 100%;
background: #0f2350;
padding: 10px 0 10px 0;
}
/* ロゴのスタイル */
.header-logo {

}

/* ------------------------------------------------ */
/* コンテンツ
/* ------------------------------------------------ */
/* エリア内枠のスタイル */
#contents {
width:100%;
background: #fff;
margin: 0;
padding: 0 0 0px 0;
}	
#contents .botto {
padding: 0 0 0px 0;
margin: 0;
width:100%;
}
/* 見出しを左右中央寄せ */
h2 {
text-align: left;
font-size: 20px;
padding: 0px 0 10px 5px;
}
.h2text {
display: block;
text-align: left;
font-size: 18px;	/*文字サイズ*/
color: #1BA1E6;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
}
h3 {
font-size: 18px;
padding: 10px 0 15px 0;
font-weight: bold;
line-height: 25px;
}

/* ------------------------------------------------ */
/* 各ページタイトル
/* ------------------------------------------------ */
.bg {
width:100%;
background: #fff;
padding: 20px 0 50px 0;
}
.main_visual-1 {
width: 95%;
margin: 0 auto;
}

/* ------------------------------------------------ */
/* トップページ専用スタイル
/* ------------------------------------------------ */

/* ブログ表示（左） */
.blog-bg {
display: none;
}
.blog-bg1 {
display: none;
}

/* ブログ表示リスト（中央） */
.blog-bg2 {
width:100%;
padding: 10px 0 30px 0;
background: #fff;
}
.blog-bg3 {
width: 95%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
.blog-h2 {
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
}
.blog-h2text {
font-size: 13px;
color: #ccc;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#infolist {
display: -webkit-flex;						/* safari用 */
display: flex;
-webkit-justify-content: space-between;		/* safari用 */
justify-content: space-around;
flex-wrap: wrap;
}
#infolist li {
width: 45%;
margin: 0 0px 20px 0;
border: 1px solid #efefef;
border-radius: 7px;
box-shadow: 3px 3px 5px #d3d3d3;
}
#infolist li a {
display:block;
}
#infolist li:hover {
background: #fff5ee ;
}
#infolist .thumb {
margin-bottom: 10px;
}
#infolist .thumb img {
width: 100%;
height: auto;
border-radius: 7px 7px 0 0;
}
#infolist .date {
color: #0f2350;
font-weight: bold;
font-size: 13px;
padding: 5px 10px 0 10px;
}
#infolist .title {
font-size: 13px;
padding: 0px 10px 15px 10px;
}
#infolist a {
text-decoration: none;
}
/* ブログ一覧 */
.readmore3 {
display: inline-block;
float:right;
margin: 10px 10px 10px 0;
}
.readmore3 a {
text-decoration: none;
border: 1px solid #ccc;
border-radius: 15px;
padding: 5px 15px;
font-size: 13px;
}
.readmore3 a:hover {
border: 1px solid #0f2350;
color: #fff;
background: #0f2350;
}

/* 新着情報 */
.bg1 {
width:100%;
background: #fff;
padding: 10px 0 10px 0;
}
.main_visual1-1 {
width: 95%;
margin: 0px auto 60px auto;
}
.main_visual1-2 {

}
#new001 {
display: -webkit-flex;						/* safari用 */
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
#new001 li {
text-align:left;
padding: 15px 0;
border-bottom: dashed 1px #d3d3d3;
}
.news-text {
font-size:12px;
margin: 0 0 5px 0px;
}
.news-ao {
background: #ffa500;
font-size:12px;
color:#fff;
text-align:center;
padding: 2px 13px;
margin: 0 0 5px 10px;
}
.readmore {
display: inline-block;
float:right;
margin: 10px 10px 10px 0;
}
.readmore a {
text-decoration: none;
border: 1px solid #ccc;
border-radius: 15px;
padding: 5px 15px;
font-size: 13px;
}
.readmore a:hover {
border: 1px solid #0f2350;
color: #fff;
background: #0f2350;
}

.news-table {
width:100%;
margin: 10px auto;
}
th.news { 
font-size: 13px;
font-weight: normal;
width: 20%;
text-align:left;
padding: 8px 5px 8px 0;
border-top: dashed 1px #d3d3d3;
border-bottom: dashed 1px #d3d3d3;
vertical-align:middle;
}
td.news {
font-size: 13px;
font-weight: normal;
width: 80%;
text-align: left;
padding: 0px;
border-top: dashed 1px #d3d3d3;
border-bottom: dashed 1px #d3d3d3;
vertical-align:middle;
}



/* 営業時間・業務改定表 */
.bg-hyou {
width:100%;
background: #ededed;
padding: 50px 0 50px 0;
}
.bg-hyou1-1 {
width: 95%;
margin: 0 auto 0 auto;
}
.bg-hyou-gazou {
width: 100%;
margin: 0 auto 0 auto;
}





/* 営業時間 */
.main_visual1-3 {
width: 100%;
margin: 0px auto 10px auto;
}
.main_visual1-4 {
width: 95%;
margin: 0px auto 0px auto;
}
.eigyou-table {
width:100%;
margin: 10px auto;
border-collapse: separate;
border-spacing: 2px;
}
th.eigyou {
font-size: 13px;
text-align:center;
font-weight: normal;
padding: 5px 5px;
border: solid 1px #1BA1E6;
vertical-align:middle;
background-color: #fff;
}
td.eigyou {
font-size: 13px;
text-align:center;
padding: 5px 5px;
border: solid 1px #1BA1E6;
vertical-align:middle;
background-color: #1BA1E6;
color: #fff;
}
.main_visual1-4 .text {
line-height: 20px;
padding: 5px 0 0 5px;
}

/* カレンダー */
.bg2 {
width:100%;
padding: 10px 0 10px 0;
}
/* カレンダー(左) */
.main_visual2-1 {
width:95%;
background: #fff;
margin: 0px auto;
padding: 30px 0 10px 0;
}
.main_visual2-2 {

}
.main_visual-flex {
width: 100%;
display: flex;
flex-direction: column;
}
.main_visual2-2 .text {
line-height: 25px;
padding-top: 10px;
}
.calender-text {
color: #333;
font-size: 20px;
margin-top: 0px;
margin-bottom: 10px;
font-weight:bold;
}

/* カレンダー(右) */
.main_visual2-3 {
width:95%;
background: #fff;
margin: 0px auto;
padding: 30px 0 10px 0;
}
.main_visual2-4 {

}
.main_visual2-4 .text {
line-height: 25px;
padding-top: 10px;
padding-bottom: 20px;
}



/* 今月の一言・画像4つ */
.h-bg {
width:100%;
padding: 40px 0 40px 0;
}
.h-visual {
width: 100%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
/* 全体flax */
.bg3 {
width:100%;
padding: 0px 0 0px 0;
}
/* 左レイアウト */
.main_visual3-left {
width:95%;
margin: 0px auto;
}
.gazou3-2 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
/* 右レイアウト */
.main_visual3-right {
width:95%;
margin: 0px auto;
}
.main_visual3-right-flex {
display: flex;
flex-direction: column;
}
.gazou3-3 {
width: 100%;
position: relative;
margin-bottom: 20px;
margin-right: 0px;
}
.gazou3-3-1 {
width: 100%;
position: relative;
margin-bottom: 20px;
margin-right: 0px;
}
.text3-4 {
width: 100%;
text-align:center;
font-size: 18px;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
margin:0;
padding:5px 5px;
background: #000;
opacity:0.9;
border-radius: 0px 0px 0px 0px;
}
.text3-4 a {
color: #fff;
text-decoration: none;
}


/* インスタグラム */
.insta-bg {
width:100%;
background: #f7f7f7;
padding: 40px 0 40px 0;
}
.insta-visual {
width: 95%;
padding: 0px 0 0px 0;
margin: 0px auto;
}
.insta-text {
text-align:center;
color: #0F2350;
font-size:24px;
margin:0px 0px;
padding:0px 0px;
}


/* 問い合わせバナー */	
#contents .bg4 {
width:100%;
background: #f7f7f7;
padding: 0px 0 0px 0;
}
.flex4 {
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
}
#main_visual4 {
width: 100%;	
border-right: solid 0px #f7f7f7;
padding: 20px 0 0px 0px;
}
#main_visual4-1 {
width: 100%;	
padding: 0px 0 10px 0px;
}
.toi-text {	
text-align:center;
color: #333;
font-size: 20px;	
font-weight:bold;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.toi-text1 {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #333;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
}
.toi-text2 {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #ff0000;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
padding: 20px 0px 20px 0px;
}
.tel-text {	
text-align:center;
color: #000;
font-size: 20px;	
font-weight:none;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.tel-text a {	
text-decoration: none;
}
.toi-box a {
display:block;
text-decoration: none;
width: 50%;
margin: 20px auto 10px auto;
padding: 10px 0;
font-size: 16px;
text-align:center;
color: #fff;
background: #1BA1E6;
border-radius: 8px;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
/* エリアの外枠 */
footer {
padding: 10px 0px;
background: #f7f7f7;
text-align: center;
}
/* 著作権表記 */
#copyright {
margin: auto 0;
background: #f7f7f7;
text-align: center;
font-size: 12px;
}

/* ------------------------------------------------ */
/* フッターナビゲーション
/* ------------------------------------------------ */
/* メニューを縦並びにする */
#fNav ul {
display: none;
}
/* 各メニュー要素の装飾 */
#fNav li {
display: none;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
border-top: solid 1px #0F2350;
border-left: solid 1px #0F2350;
border-right: solid 1px #0F2350;
}
.tel01{
width:25%;

}
.mail{
width:25%;
border-right: solid 1px #0F2350;
}
.br1{
margin-bottom:50px;
}

/* ------------------------------------------------ */
/*パンくずリスト
/* ------------------------------------------------ */
.breadcrumbs {
font-size: 12px;
background-color: #f7f7f7;	
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs1 {
font-size: 12px;
background-color: #fff;	
}
.breadcrumbs1 a {
text-decoration: none;
}
.bread1 {
width:100%;
background-color: #f7f7f7;	
}
.bread2 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}
.bread3 {
width:100%;
background-color: #f7f7f7;	
}
.bread4 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}

/* ------------------------------------------------ */
/* ブログページ(single.php)
/* ------------------------------------------------ */
#blobg3 {
width:100%;
background-color: #f7f7f7;
padding: 10px 0 20px 0;	
}
#blo_visual1-1 {
background: #f7f7f7;
width: 95%;	
margin: 0 auto;
}
#blo_visual1-1-1 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
padding: 10px;
background: #fff;
}
#blo_visual1-1-1-1 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 30px auto 0px auto;
}

/* 投稿日付とカテゴリー */
.entry-meta {
margin-bottom: 5px;	
font-size: 14px;
}
/* 投稿本文の枠 */
.entry-content {
font-size: 15px;
line-height: 25px;
padding: 0px 0 5px 0;
}
.entry-content::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content img {
margin: 10px 10px 10px 0;
width: 180px;
height: auto;
}
/* 投稿日付 */
.date {
margin-bottom: 5px;
font-size: 14px;
}

/* ------------------------------------------------ */
/* ブログページ(archive.php)
/* ------------------------------------------------ */
#blobg4 {
width:100%;
background-color: #f7f7f7;
padding: 0px 0 0px 0;	
}
#blo_visual4-1 {
background: #fff;
width: 100%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
padding: 10px;
}
#blo_visual4-3 {
width: 95%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 auto 0px auto;
padding: 20px 0px 20px 0px;
}
.blo-sen4 {
width:100%;
border: dotted 1px #ccc;
margin: 10px auto 10px auto;
padding: 30px 10px 30px 10px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 10px 0 10px 0;	
font-size: 14px;
}
/* 投稿本文の枠 */
.entry-content4 {
font-size: 14px;
}
.entry-content4::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content4 img {
margin: 10px 10px 10px 0;
width: 180px;
height: auto;
}
/* 投稿日付 */
.date4 {

}


/* ------------------------------------------------ */
/* 一覧へ移動ボタン（続きを読むボタン） */
/* ------------------------------------------------ */
.readmore1 {
text-align:right;
}
a.readmore1 {
display: inline-block;
margin-left: auto;
height: 2em;
line-height: 2;
text-align: center;
padding: 0 0 0 15px;
position: relative;
}

.more-link {
    border: 1px #2581c4 solid;
    padding: 12px 24px;
    line-height: 26px;
    margin-bottom: 0px;
    box-sizing: border-box;
    clear: both;
    color: #2581c4;
    font-size: 14px;
}
/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0 10px 0;
width: 100%;
}
.sidebar-title {
background: #0f2350;
font-size: 15px;
padding: 10px;
margin: 0px 0;
color: #fff;
}
.textwidget {
padding: 0 0px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 10px 0px 10px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 5px 10px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
padding: 3px 0 3px 0px;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu .drawer_button .drawer_bar {
background-color: #fff;
/* ハンバーガーメニュー三本線の色 */
}
.drawer_menu .drawer_bg {
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
background-color: rgba(51, 51, 51, 0.5);
display: none;
top: 0;
left: 0;
}
.drawer_menu .drawer_button {
display: block;
background-color: #0f2350;
color: #fff;
border: none;
padding: 5px;
width: 50px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 1001;
text-align: center;
outline: none;
}
.drawer_menu .drawer_button.active .drawer_bar {
width: 40px;
}
.drawer_menu .drawer_button.active .drawer_bar1 {
transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
.drawer_menu .drawer_button.active .drawer_bar2 {
opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}
.drawer_menu .drawer_button.active .drawer_menu_text {
display: none;
}
.drawer_menu .drawer_button.active .drawer_close {
display: block;
}
.drawer_menu .drawer_bar {
display: block;
height: 2px;
margin: 8px 2px;
transition: all 0.2s;
transform-origin: 0 0;
-ms-transform-origin: 0 0;
}
.drawer_menu .drawer_text {
text-align: center;
font-size: 10px;
}
.drawer_menu .drawer_close {
letter-spacing: 0.08em;
display: none;
}
.drawer_menu .drawer_menu_text {
display: block;
}
.drawer_menu #gNav {
width: 300px;
height: 100%;
transition: all 0.2s;
transform: translate(300px);
-ms-transform: translate(300px);
position: fixed;
top: 0;
right: 0;
z-index: 1000;
background-color: #0f2350;
/* ドロワーメニュー内背景色 */
overflow-x: hidden;
overflow-y: auto;
}
.drawer_menu .drawer_nav {
display: block;
position: relative;
margin-top: 40px;
}
.drawer_menu .drawer_nav li {
background-color: #0f2350;
height: auto;
line-height: 50px;
/*  ドロワーメニューリスト項目高さ */
position: relative;
border-bottom: 1px dotted #0f2350;
}
.drawer_menu .drawer_nav li a {
background-color: #fff;
/* ドロワーメニューリスト背景色 */
color: #000;
/* ドロワーメニューリスト文字色 */
display: block;
text-decoration:none;
text-align: left;
padding-left: 20px;
}
/* スマートフォン2階層目 */
.drawer_menu .drawer_nav li:hover ul.second-level {
}
.drawer_menu .drawer_nav li ul.second-level {
display: none;
position: relative;
padding: 0;
z-index: 1001;
}
.drawer_menu .drawer_nav li ul.second-level li a {
padding-left: 40px;
}
.drawer_menu #gNav.open {
transform: translate(0);
-ms-transform: translate(0);
}
.drawer_menu.left .drawer_button {
right: auto;
left: 32px;
}
.drawer_menu.left #gNav {
transform: translate(-300px);
-ms-transform: translate(-300px);
right: auto;
left: 0;
}
.drawer_menu.left #gNav.open {
transform: translate(0);
-ms-transform: translate(0);
}
.pc-hidden {
text-align: center;
}
.touch-btn {
color: #000;
position: absolute;
top: .25rem;
right: 2%;
display: block;
z-index: 10;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
}	
}