@charset "utf-8";
/* ------------------------------------------------ */
/* 共通
/* ------------------------------------------------ */
* {
box-sizing: border-box;
}
/* 段落の基本スタイル */
p {
padding-bottom: 1.5em;
}
/* リンクの基本スタイル */
a {
color: #000;
text-decoration: none;
}
/* リンクにマウスが乗ったときのスタイル */
a:hover {
opacity: 0.9;
}
/* 画像の基本スタイル */
img {
border: none;
max-width: 100%;
height: auto;
vertical-align: middle;
}
/* パンくずリスト */
.breadcrumbs {
margin-bottom: 20px;
font-size: 13px;
}
/*スクロール　ふわっとでる
----------------------------------------------------------------------------------------------------------------------------------*/
.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);
transition-duration: 1s;
} 
.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.6s 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);
}

/*マウスオーバーで背景が黒
----------------------------------------------------------------------------------------------------------------------------------*/
.scale1{
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.scale1 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.scale1:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*マウスオーバーで
----------------------------------------------------------------------------------------------------------------------------------*/
.sample-img {
  cursor: pointer;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.sample-img img {
  height: auto;
  width: 100%;
}
.hover-mask {
  align-items: center; /* テキストの中央揃え */
  background: rgba(0, 0, 0, .5); /* マスクの色(黒の50%) */
  bottom: 0;
  color: #fff; /* テキストの色 */
  display: flex; /* テキストの中央揃え */
  height: auto;
  justify-content: center; /* テキストの中央揃え */
  left: 0;
  opacity: 0; /* 最初は透明(非表示) */
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .6s ease; /* ゆっくりopacityのみへ変化させる */
  width: 100%;
}
.hover-mask:hover {
  opacity: 1; /* hoverしたら透過しない(表示させる) */
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（1025px以上）
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1025px), print {
/* PC専用コンテンツを表示 */

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

.pc {
display: block;
}
/* スマホ専用コンテンツを非表示 */
.sp {
display: none;
}
.tab {
display: none;
}
/* ページ全体の基本スタイル */
body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を囲む枠 */
#wrapper {
position: relative;
margin: 0 auto;
width: 100%;
}

/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
content: "\A" ;
white-space: pre;
}
.sp-br::after {
display: none;
}

/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.04);
  }
}

/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
position: absolute;
top:2px;
right: 30px;
color: #000;
font-size: 11px;
font-weight: normal;
margin: 0px 0 0 0px;
z-index: 99999;
}
h2 {
color: #000;
font-size: 35px;
text-align:center;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
padding: 0px 0 50px 0;
}
.h2kasen {
width: 250px;
margin: 0px auto 60px auto;
border-bottom: solid 3px #352717;
}
h3 {
text-align:center;
color: #000;
font-size: 35px;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
padding: 150px 0 0 0;
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 16px;	/*文字サイズ*/
padding-top: 7px;
}
h4 {
font-size: 28px;
margin: 30px 0 30px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
position: absolute;
top:33px;
left: 0;
z-index: 10001;
}
.header-area1 {
display: flex;
justify-content: space-between;
width: 100%;
}
.header-tel1{
font-size: 12px;
position: absolute;
top:19px;
right: 185px;
}
.header-tel {
position: absolute;
top:12px;
right: 30px;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.1em;
}
.header-tel a {
text-decoration: none;
color: #000;
}
.header-insta {
position: absolute;
width:22px;
top:14px;
right: 230px;
}
.header-line {
position: absolute;
width:22px;
top:14px;
right: 270px;
}
.header-facebook {
position: absolute;
width:22px;
top:14px;
right: 310px;
}

/* ロゴのスタイル */
.h-logo {
margin: 0px 0px 0px 40px;
text-shadow: 1px 2px 3px #000;
}
.h-logo img {
width: 200px;
}
.h-logo1 {
display: none !important;
}

/*ヘッダ部分（固定）*/
.kotei{
padding:60px 0;
position: fixed;
top: 0;
margin:-20px 0;
width: 100%;
z-index: 10000;
background:#fff;
opacity: 0.9;
}
.fixed {

}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu a {
	text-decoration: none;	
}
/* PC用ナビゲーション */
.drawer_menu #gNav {
	transform: translate(0);
	-ms-transform: translate(0);
	width: 1000px;
	height: 50px;
	/* PC用メニュー高さ */
	position: relative;
	top: auto;
	right: auto;
	z-index: 100;
	margin-top:40px;	
	/* PC用メニュー背景色 */
}
.drawer_menu .drawer_nav {
	max-width: 100%;
	/* コンテンツ幅に合わせる */
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	list-style-type: none;	
}
.drawer_menu .drawer_nav li {
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 0 30px 0 0;	
	height: 50px;
	/* PC用メニュー高さ */
	line-height: 50px;
	/* PC用メニュー高さ */
	/* PC用メニューボタン背景色 */
	text-align: center;
	list-style-type: none;
	color: #000;
}
.drawer_menu .drawer_nav li:hover {
	
	/* PC用メニューボタンマウスオーバー背景色 */
}
.drawer_menu .drawer_nav li a {
	color: #000;
	display: block;		
	/* PC用メニューボタン文字色 */
}
.drawer_menu .drawer_nav li a:hover {
		
	/* PC用メニューボタン文字色 */
}
/* PC非表示 */
.pc-hidden {
display: none;
text-align: center;
}

/* ドロップダウンメニュー2階層目 */
	.drawer_menu .drawer_nav li ul.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: 100;
		top: 0;
		margin: 0;
		padding-left: 0;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level {
		visibility: visible;
		top: 50px;
		/* PC用メニューの高さに合わせる */
		transition: all .5s;
		-ms-transition: all .5s;		
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 250px;
		/* ドロップダウンメニューボタン横幅 */
		height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #000;
		opacity: 1;
		/* ドロップダウンメニューの文字の背景色 */
		color: #fff;
		/* ドロップダウンメニューの文字色 */
		text-decoration: none;
		line-height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
		font-size: 14px;
		border-top: 1px solid #666;
		padding: 0 10px 0 10px;
	}
	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #333;
		/* ドロップダウンメニューマウスホバー背景色 */
	}	

.drawer_menu .drawer_button {
color: #fff;
/* ハンバーガーメニュー文字色 */
display: none;
}
.touch-btn {
display: none;
}
.sp-menu {
display: none;
}
.sp-menu a {
display: none;
}

/* スクロールが200px過ぎると透明度1 */
.active {
opacity: 1;
transition: all 0.65s;
}

/* sns (sp) */
.h-sns {
display: none;
}
.h-sns-gazou {
display: none;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}


/* -----お知らせ----- */
.bg1 {
position: relative;
width:100%;
background-image: url(img/25480436_l.jpg);     /* 背景画像指定 */
background-repeat: no-repeat;
background-position: center;
padding: 200px 0 250px 0;
}
.main_visual1 {
width: 70%;
margin: 0px auto 0 auto;
}
.purasu1{
width: 80px;
margin: 0 auto 10px auto;
}
#infolist1 {
display: -webkit-flex;						/* safari用 */
display: flex;
padding: 0px 0 0px 0;
}
#infolist1 li {
width: calc(100%/4);
background: #fff;
padding-bottom: 10px;
margin: 0 30px 0 0;
border: 1px solid #efefef;
border-radius: 0px;
box-shadow: 3px 3px 5px #d3d3d3;
}
#infolist1 .thumb1 {
margin-bottom: 10px;
}
#infolist1 .thumb1 img {
width: 100%;
height: auto;
padding: 10px 10px 0px 10px;
border-radius: 0px 0px 0 0;
}
#infolist1 .date1 {
font-size: 15px;
padding: 5px 10px 5px 10px;
}
#infolist1 .title1 {
font-size: 15px;
padding: 0px 10px 15px 10px;
}
#infolist1 a {
text-decoration: none;
}
.news-ao {
display: inline-block;
background: #1D2087;
font-size:13px;
color:#fff;
text-align:center;
padding: 5px 15px;
}
/*--------一覧--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
float:right;
margin: 50px 30px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #6A5550;
color: #fff;
font-size: 13px;
padding: 10px 60px 10px 60px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}


/* -----理事長挨拶----- */
.bg2 {
width:100%;
background: #F4F2F1;
margin-top: 0px;
padding: 150px 0 150px 0;
}
.main_visual2-1 {
margin: 0 auto;
width: 100%;
}
.purasu2{
width: 50px;
margin: 0 auto 20px auto;
text-shadow: 1px 2px 3px #000;
}
.bg2-text{
font-size:35px;
text-align:center;
line-height: 30px;
letter-spacing: 0em;
color: #000;
}
.bg2-text1{
font-size:16px;
text-align:center;
padding-top: 0px;
line-height: 35px;
letter-spacing: 0em;
color: #000;
}
/*--------一覧--------*/
.readmore2-c {
text-align:center;
}
.readmore2 {
display: inline-block;
margin: 80px 0px 0 0;
}
.readmore2 a {
text-decoration: none;
border: #fff 1px solid;
color: #fff;
font-size: 13px;
padding: 10px 100px 10px 100px;
letter-spacing: 0.1em;
}
.readmore2 a:hover {
border: 1px solid #fff;
color: #000;
background: #fff;
}


/* 事業紹介 */
.bg3 {
position: relative;
width:100%;
background-color: #fff;
padding: 150px 0 0px 0;
}
.main_visual3-1 {
margin: 0 auto;
width: 100%;
}
.bg3-ghgazou {
border-radius: 0px 0px 0 0;
padding: 0px 0 0px 0;
}
.bg3-ghgazou img {
border-radius: 0px 0px 0 0;
}
.bg3-ghtext {
font-size: 16px;
text-align:center;
padding: 50px 0 60px 0;
line-height: 35px;
}
.bg3-ghbg {
background: #F4FFF4;
}
.bg3-hkbg {
background: #FFFFEA;
}
.bg3-shuuroubg {
background: #FFF4FF;
}
.bg3-waku-oya {
text-align:center;
padding-bottom: 150px;
}
.lock_on_btn {
	display: inline-block;
	position: relative;
	width: 300px;
	height: 50px; 
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #1B1B1B;
	background: #fff;
}
.lock_on_btn::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;	
}
.lock_on_btn::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;
}
.lock_on_btn span::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;
}
.lock_on_btn span::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;	
}
.lock_on_btn:hover {
background: #222;
color: #fff;
}


/* 一覧へ移動ボタン*/
.readmore3 {
text-align:right;
padding: 25px 0px;
}
.readmore3 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.readmore3 a:hover {
}


/* -----法人概要----- */
.bg4 {
width:100%;
background: #AED8FF;
margin-top: 150px;
padding: 0px 0 0px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 100%;
}
.bg4-flex {
width: 100%;
display: flex;
justify-content: space-between;
padding: 5px;
}
.bg4-left {
width: 60%;
}
.bg4-right {
width: 40%;
padding: 80px 80px 100px 80px;
}
.bg4-right .text{
font-size: 35px;
}
.bg4-right .kasen{
border-bottom: solid 2px #000;
padding: 5px 0px 0 0px;
}
.bg4-right .text1{
font-size: 20px;
padding: 35px 0 0 0;
}
.bg4-right .text2{
font-size: 16px;
padding: 5px 0 15px 0px;
}
.bg4-right .flex {
display: flex;
}
.bg4-right .tel1{
font-size: 16px;
background: #0084FF;
border-radius: 30px;
padding: 5px 30px;
margin: 0 10px 0 0;
}
.bg4-right .tel1 a{
color: #fff;
}
.bg4-right .fax{
color: #000;
font-size: 16px;
background: #fff;
border-radius: 30px;
padding: 5px 30px;
}


/* フッター */
footer {
width: 100%;
background: #0084FF;
color: #fff;
padding: 100px 0px 50px 0;
}
.f-waku {
width: 70%;
margin: 0 auto;
}
.f-flex {
width: 100%;
display: flex;
justify-content: space-between;
}

/* ロゴ部分 */
.f-left {
width: calc(100%/3);
margin: 0 30px 0 0;
}
.f-logo {
text-align:center;
color: #fff;
margin: 0 auto;
}
.f-logo a {
text-align:center;
color: #fff;
margin: 0 auto;
}
.f-sns {
display: flex;
justify-content: center;
}
.f-sns a {
width: 32px;
margin: 30px 0 50px 0;
}
.f-sns1 {
width: 32px;
margin: 30px 0 50px 0;
padding-right:10px;
}

/* 会社概要レイアウト */
.f-center {
width: calc(100%/3);
margin: 0 80px 0 0;
}
.f-text {
font-size:14px;
line-height: 25px;
}
.f-text a {
color: #fff;
text-decoration: none;
}

/* メニュー */
.f-right {
width: calc(100%/3);
margin: 0 0px 0 0;
}
#fNav ul {
}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #fff;
font-size: 14px;
line-height: 25px;
}

/* 著作権表記 */
#copyright {
font-size: 12px;
text-align:center;
padding: 70px 0 10px 0;
}

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

/* ------------------------------------------------------------------- */
/* ワードプレス 全ページテンプレート（page-〇〇〇.php等）
/* ------------------------------------------------------------------- */
/* 各ページのタイトル */

.template-bg1 {
width:100%;
background: #fff;
padding: 0px 0 150px 0;
}
.template_visual01 {
width: 70%;
margin: 150px auto 70px auto;
padding: 0px 0 0px 0;
}
.template-h2 {
width:100%;
padding: 50px 0px 0 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.template-text-e {
font-size: 18px;
color: #fff;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
line-height:25px;
text-align:center;
text-shadow: 1px 2px 3px #000;
}
.template-text {
font-size: 40px;
color: #fff;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
text-align:center;
text-shadow: 1px 2px 3px #000;
}

/* パンくずリスト */
.breadcrumbs6 {
position:relative;
z-index: 50;
width:100%;
background-color: #ececec;
padding: 10px 10px 10px 0px;
}
.breadcrumbs6-1 {
color: #000;
font-size: 13px;
text-decoration: none;
width:70%;
margin: 0 auto;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}
/* ------------------------------------------------ */
/*グループホームあおぞら
/* ------------------------------------------------ */
.gh-bg {
background:url(img/gh-main-sya.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 450px;
position: relative;
z-index: 20;
}
.gh-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*就労継続支援B型あおぞら
/* ------------------------------------------------ */
.bgatamasuku-bg {
background:url(img/bgatamasuku-main-sya.jpg) ;
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 100%;
height: 450px;
position: relative;
z-index: 20;
}
.bgatamasuku-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*訪問介護あおぞら
/* ------------------------------------------------ */
.hk-bg {
background:url(img/hk-main-sya.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 450px;
position: relative;
z-index: 20;
}
.hk-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*お問い合わせ
/* ------------------------------------------------ */
.toi-bg {
background:url(img/toi-main-sya.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 450px;
position: relative;
z-index: 20;
}
.toi-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0.1;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ------------------------------------------------ */
/* お知らせ・ブログ一覧ページ（archive.php）
/* ------------------------------------------------ */
/* メイン画像 */
.news-list-main1 {
background-image: url("img/blog-main-sya.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 450px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #0f2350;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 50px 0 30px 0;	
}
#blo_visual4-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background-color: #ececec;
width: 70%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
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-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 20px 40px auto;
padding: 30px;
background: #fff;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {

}
.time-h4 {
font-size: 15px;
padding:0px 0 0px 0;
margin: 0 0 10px 0;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 20px;
padding:0px 0 0px 0;
margin: 0 0 30px 0;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 0px 0 0 0;
}

/* ------------------------------------------------ */
/* 新着・ブログページ詳細ページ（single.php）
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #ececec;
padding: 50px 0 50px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background-color: #ececec;
width: 70%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0px 30px 0px;
}
#blo_visual7-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background-color: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}
.blobg77 {
width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 30px;
margin: 0px 0 0px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 35px;
font-size: 16px;
margin: 0px 0px 0px 0px;
}

/* ------------------------------------------------ */
/* 前・次 */
/* ------------------------------------------------ */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto;
padding: 50px 10px 30px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 10px;

color: #016FA9;
background-color: #f7f7f7;
}
.prev a {
text-decoration: none;
color: #016FA9;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 10px;
color: #016FA9;
background-color: #f7f7f7;
}
.next a {
text-decoration: none;
color: #016FA9;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/* ↓未使用？ */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
.date4 {
padding: 0px 0px 0px 0px;
font-size: 18px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 15px 15px 0;
width: 200px;
height: auto;
}
.blobg77-1 {

}
.blobg77-2 {
width: 80%;
background: #0D2048;
font-size: 15px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}
/*パンくずリスト*/
.bread1 {
width:100%;
background-color: #fff;	
}
.bread2 {
width:60%;
background-color: #fff;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
.breadcrumbs7 {
font-size: 13px;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0px 0px 0px;
}
.sidebar-title {
background: #444444;
font-size: 16px;
padding: 10px 10px 10px 10px;
margin: 0px 0;
color: #fff;
text-align:left;
}
.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 0 30px 0;
}
.sidebar-wrapper li {
border-bottom: solid 1px #ccc;
padding: 10px 0px 10px 0px;
margin: 0px 0 0 0;
}
.sidebar-wrapper li a {
font-size: 15px;
text-decoration:none;
display: block;
color: #000;
padding: 3px 0 3px 0px;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}

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

.pc {
display: none;
}
.sp {
display: block;
}
.tab {
display: none;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を画面の横幅に合せる */
#wrapper {
width: 100%;
margin-top: 80px;
}
/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
display:none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}
/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper{
margin-top: 80px;
}
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.04);
  }
}
/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
display: none;
}	
h2 {
color: #BDA337;
font-size: 24px;
text-align:center;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
padding: 0px 0px 30px 0px;
}
.h2kasen {
display: none;
}
h3 {
text-align:center;
color: #000;
font-size: 20px;
margin: 0px;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 15px;	/*文字サイズ*/
padding-top: 7px;
}
h4 {
margin: 0px 0 0px 0;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
position: absolute;
z-index: 100;
top:0px;
left: 0;
}
.header-area1 {
width: 100%;
margin: 0px auto 0 auto;
}
.header-tel {
display: none;
}
.header-tel a {
display: none;
}
.header-tel1 {
display: none;
}
.header-tel1 a {
display: none;
}
.header-insta {
display: none;
}
.header-line {
display: none;
}
.header-facebook {
display: none;
}

/* ロゴのスタイル */
.h-logo {
display: none;
}
.h-logo img {
display: none;
}
.h-logo1 {
width:150px;
padding: 10px 0 0px 10px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
padding-bottom:10px;
}
.fixed {    
top: 0;
width: 100%;
z-index: 10000;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.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: #1D2087;
		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: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}
	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin: 60px 0 0px 0;
	}
	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
		padding-left: 20px;
	}
	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #000;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-decoration:none;
		text-align: left;
		
	}	
	/* スマートフォン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 {
		height: auto;
		line-height: 30px;
	}
	.drawer_menu .drawer_nav li ul.second-level li a {
		padding: 10px 20px 10px 10px;
	}		
	.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;
}

/* sns */
.h-sns {
display: flex;
justify-content: center;
padding: 40px 0px 0px 0px;
}
.h-sns-gazou {
width: 50px;
padding: 0px 20px 0px 0;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}

/* -----キャンペーン情報----- */
.bg1 {
position: relative;
width:100%;
background-image: url(img/25480436_l.jpg);     /* 背景画像指定 */
background-repeat: no-repeat;
background-position: center;
padding: 70px 0 100px 0;
}
.main_visual1 {
width: 95%;
margin: 0px auto 0 auto;
}
.purasu1{
width: 50px;
margin: 0 auto 10px auto;
}
#infolist1 {
display: -webkit-flex;						/* safari用 */
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px 0 0px 0;
}
#infolist1 li {
width: 47%;
background: #fff;
margin: 10px 5px;
border: 1px solid #efefef;
border-radius: 0px;
box-shadow: 3px 3px 5px #d3d3d3;
}
#infolist1 .thumb1 {
margin-bottom: 10px;
}
#infolist1 .thumb1 img {
width: 100%;
height: auto;
padding: 10px 10px 0px 10px;
border-radius: 0px 0px 0 0;
}
#infolist1 .date1 {
font-size: 14px;
padding: 5px 10px 5px 10px;
}
#infolist1 .title1 {
font-size: 14px;
padding: 0px 10px 15px 10px;
}
#infolist1 a {
text-decoration: none;
}
.news-ao {
display:inline-block;
background: #1D2087;
font-size:12px;
color:#fff;
text-align:center;
padding: 5px 15px;
}
/*--------一覧--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
margin: 50px 0px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #6A5550;
color: #fff;
font-size: 13px;
padding: 15px 70px 15px 70px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}

/* -----理事長挨拶----- */
.bg2 {
width:100%;
background: #F4F2F1;
margin-top: 0px;
padding: 50px 0 70px 0;
}
.main_visual2-1 {
margin: 0 auto;
width: 95%;
}
.purasu2{
width: 70px;
margin: 0 auto 20px auto;
text-shadow: 1px 2px 3px #000;
}
.bg2-text1{
font-size:16px;
padding-top: 0px;
line-height: 30px;
letter-spacing: 0em;
color: #000;
}


/* 事業紹介 */
.bg3 {
position: relative;
width:100%;
background-color: #fff;
padding: 70px 0 0px 0;
}
.main_visual3-1 {
margin: 0 auto;
width: 100%;
}
.bg3-ghgazou {
padding: 0px 0 0px 0;
}
.bg3-ghgazou img {
margin-bottom: 0px;
}
.bg3-ghtext {
font-size: 16px;
padding: 30px 0 60px 0;
line-height: 30px;
}
.bg3-ghbg {
background: #F4FFF4;
padding: 30px 10px 0px 10px;
}
.bg3-hkbg {
background: #FFFFEA;
padding: 30px 10px 0px 10px;
}
.bg3-shuuroubg {
background: #FFF4FF;
padding: 30px 10px 0px 10px;
}
.bg3-waku-oya {
text-align:center;
padding-bottom: 100px;
}
.lock_on_btn {
	display: inline-block;
	position: relative;
	width: 300px;
	height: 50px; 
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #1B1B1B;
	background: #fff;
}
.lock_on_btn::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;	
}
.lock_on_btn::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;
}
.lock_on_btn span::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;
}
.lock_on_btn span::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;	
}
.lock_on_btn:hover {
background: #222;
color: #fff;
}


/* -----法人概要----- */
.bg4 {
width:100%;
background: #AED8FF;
padding: 0px 0 100px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 100%;
}
.bg4-flex {
width: 100%;
padding: 10px;
}
.bg4-left {
width: 100%;
}
.bg4-right {
width: 100%;
padding: 10px;
}
.bg4-right .text{
font-size: 22px;
padding-top: 20px;
}
.bg4-right .kasen{
border-bottom: solid 2px #000;
padding: 5px 0px 0 0px;
}
.bg4-right .text1{
font-size: 18px;
padding: 35px 0 0 0;
}
.bg4-right .text2{
font-size: 16px;
padding: 5px 0 15px 0px;
}
.bg4-right .flex {
display: flex;
}
.bg4-right .tel1{
width: 50%;
font-size: 15px;
background: #0084FF;
border-radius: 30px;
padding: 10px 10px;
margin: 0 5px 0 0;
text-align:center;
}
.bg4-right .tel1 a{
color: #fff;
text-decoration: underline;
}
.bg4-right .fax{
width: 50%;
color: #000;
font-size: 15px;
background: #fff;
border-radius: 20px;
padding: 10px 10px;
margin: 0 0px 0 5px;
text-align:center;
}


/* フッター */
footer {
width: 100%;
background: #0084FF;
color: #fff;
padding: 70px 0px 100px 0;
}
.f-waku {
width: 95%;
margin: 0 auto;
}
.f-flex {
width: 100%;
}

/* ロゴ部分 */
.f-left {
margin: 0 0px 0 0;
}
.f-logo {
text-align:center;
color: #fff;
margin: 0 auto;
font-size:20px;
}
.f-logo a {
text-align:center;
color: #fff;
margin: 0 auto;
}
.f-sns {
display: flex;
justify-content: center;
}
.f-sns a {
width: 32px;
margin: 20px 0 50px 0;
}
.f-sns1 {
width: 32px;
margin: 30px 0 50px 0;
padding-right:10px;
}

/* 会社概要レイアウト */
.f-center {
margin: 0 0px 0 0;
}
.f-text {
font-size:16px;
line-height: 30px;
text-align:center;
}
.f-text a {
color: #fff;
text-decoration: underline;
}

/* メニュー */
.f-right {
display:none;
}
#fNav ul {
}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #fff;
font-size: 14px;
line-height: 25px;
}

/* 著作権表記 */
#copyright {
font-size: 12px;
text-align:center;
padding: 20px 0 0px 0;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
}
.tel{
width:50%;
}
.mail{
width:50%;
}
.br1{
display:none;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.template-bg1 {
width:100%;
background: #fff;
padding: 0px 0 70px 0;
}
.template_visual01 {
width: 95%;
margin: 0px auto 0 auto;
padding: 70px 0 0px 0;
}
.template_visual02 {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
}
/* 各ページのタイトル */
.template-h2 {
width: 90%;
padding: 0px 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.template-h2-1 {
padding: 0px 0px;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.template-text-e {
font-size: 12px;
color: #fff;
text-align:center;
}
.template-text {
font-size: 20px;
color: #fff;
text-align:center;
text-shadow: 1px 2px 3px #000;
line-height: 30px;
}
/* パンくずリスト */
.breadcrumbs6 {
width:100%;
padding: 10px 10px 10px 10px;
background: #ececec;
}
.breadcrumbs6-1 {
font-size: 13px;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}
/* ------------------------------------------------ */
/*グループホームあおぞら
/* ------------------------------------------------ */
.gh-bg {
background:url(img/gh-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.gh-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*就労継続支援B型あおぞら
/* ------------------------------------------------ */
.bgatamasuku-bg {
background:url(img/bgatamasuku-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.bgatamasuku-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*訪問介護あおぞら
/* ------------------------------------------------ */
.hk-bg {
background:url(img/hk-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.hk-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*お問い合わせ
/* ------------------------------------------------ */
.toi-bg {
background:url(img/toi-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.toi-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ------------------------------------------------ */
/* 新着・ブログページ（archive.php）
/* ------------------------------------------------ */
/* お知らせ・ブログ一覧ページ用メイン画像 */
.news-list-main1 {
background-image: url("img/blog-main-sya-sp.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #0f2350;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 30px 0 50px 0;	
}
#blo_visual4-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 30px 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 0px 30px 0;
padding: 20px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 0px 0 10px 0;
text-align:center;
}

/* ------------------------------------------------ */
/* 新着・ブログページ（single.php）
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #ececec;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
border: solid 1px #ccc;
font-size: 15px;
padding: 20px;
margin: 0px 0 20px 0;
background: #fff;
}
.blobg77-1 {
width: 100%;
border-bottom: solid 1px #000;
font-size: 15px;
padding: 0px 0 0px 0px;

}
.blobg77-2 {
color: #fff;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 10px 0;
width: 100%;
background: #0D2048;
}
.time-h4 {
font-size: 13px;
padding:0px 0 0px 0;
margin: 0 0 10px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 16px;
padding:0px 0 0px 0;
margin: 0 0 25px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 25px;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}
/* 前・次 */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto 30px auto;
padding: 15px 0px 15px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 8px;
color: #fff;
background-color: #444444;
}
.prev a {
text-decoration: none;
color: #fff;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 8px;
color: #fff;
background-color: #444444;
}
.next a {
text-decoration: none;
color: #fff;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px;
}
.sidebar-title {
background: #444444;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 0px;
color: #fff;
text-align:left;
font-weight: normal;
}
.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: 0px 0px 20px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* レスポンシブ　スマホ横やタブレット等（568pxから1024pxまで）
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (min-width:568px) and (max-width:1024px) {

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.pc {
display: none;
}
.sp {
display: block;
}
.tab {
display: none;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #000;
font-size: 15px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
#wrapper {
width: 100%;
margin-top: 80px;
}
/* ------------------- */
/* 改行brの代わり
/* ------------------- */
.css-br::after {
display:none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}

/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper{
margin-top: 80px;
}
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.04);
  }
}
/* ------------------------------------------------ */
/* H1～H4
/* ------------------------------------------------ */
h1 {
display: none;
}	
h2 {
color: #BDA337;
font-size: 24px;
text-align:center;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
padding: 0px 0px 30px 0px;
}
.h2kasen {
display: none;
}
h3 {
text-align:center;
color: #000;
font-size: 20px;
margin: 0px;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h3text {
color: #000;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
text-align:center;
font-size: 15px;	/*文字サイズ*/
padding-top: 7px;
}
h4 {
margin: 0px 0 0px 0;
letter-spacing: 0.0em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
position: absolute;
z-index: 100;
top:0px;
left: 0;
}
.header-area1 {
width: 100%;
margin: 0px auto;
}
.header-tel {
display: none;
}
.header-tel a {
display: none;
}
.header-tel1 {
display: none;
}
.header-tel1 a {
display: none;
}
.header-insta {
display: none;
}
.header-line {
display: none;
}
.header-facebook {
display: none;
}

/* ロゴのスタイル */
.h-logo {
display: none;
}
.h-logo img {
display: none;
}
.h-logo1 {
width:150px;
padding: 10px 0 0px 10px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
padding-bottom:10px;
}
.fixed {    
top: 0;
width: 100%;
z-index: 10000;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.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: #1D2087;
		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: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}
	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin: 60px 0 0px 0;
	}
	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
		padding-left: 20px;
	}
	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #000;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-decoration:none;
		text-align: left;
		
	}	
	/* スマートフォン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 {
		height: auto;
		line-height: 30px;
	}
	.drawer_menu .drawer_nav li ul.second-level li a {
		padding: 10px 20px 10px 10px;
	}		
	.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;
}

/* sns */
.h-sns {
display: flex;
justify-content: center;
padding: 40px 0px 0px 0px;
}
.h-sns-gazou {
width: 50px;
padding: 0px 20px 0px 0;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}
.aka {
color: #ff0000;
}
.black {
color: #000000;
}
.white {
color: #ffffff;
}

/* -----キャンペーン情報----- */
.bg1 {
position: relative;
width:100%;
background-image: url(img/25480436_l.jpg);     /* 背景画像指定 */
background-repeat: no-repeat;
background-position: center;
padding: 70px 0 100px 0;
}
.main_visual1 {
width: 95%;
margin: 0px auto 0 auto;
}
.purasu1{
width: 50px;
margin: 0 auto 10px auto;
}
#infolist1 {
display: -webkit-flex;						/* safari用 */
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px 0 0px 0;
}
#infolist1 li {
width: 47%;
background: #fff;
margin: 10px 5px;
border: 1px solid #efefef;
border-radius: 0px;
box-shadow: 3px 3px 5px #d3d3d3;
}
#infolist1 .thumb1 {
margin-bottom: 10px;
}
#infolist1 .thumb1 img {
width: 100%;
height: auto;
padding: 10px 10px 0px 10px;
border-radius: 0px 0px 0 0;
}
#infolist1 .date1 {
font-size: 14px;
padding: 5px 10px 5px 10px;
}
#infolist1 .title1 {
font-size: 14px;
padding: 0px 10px 15px 10px;
}
#infolist1 a {
text-decoration: none;
}
.news-ao {
display:inline-block;
background: #1D2087;
font-size:12px;
color:#fff;
text-align:center;
padding: 5px 15px;
}
/*--------一覧--------*/
.readmore1-c {
text-align:center;
}
.readmore1 {
display: inline-block;
margin: 50px 0px 0 0;
}
.readmore1 a {
text-decoration: none;
background: #6A5550;
color: #fff;
font-size: 13px;
padding: 15px 70px 15px 70px;
letter-spacing: 0.1em;
}
.readmore1 a:hover {
border: #6A5550 1px solid;
color: #000;
background: #fff;
}

/* -----理事長挨拶----- */
.bg2 {
width:100%;
background: #F4F2F1;
margin-top: 0px;
padding: 50px 0 70px 0;
}
.main_visual2-1 {
margin: 0 auto;
width: 95%;
}
.purasu2{
width: 70px;
margin: 0 auto 20px auto;
text-shadow: 1px 2px 3px #000;
}
.bg2-text1{
font-size:16px;
padding-top: 0px;
line-height: 30px;
letter-spacing: 0em;
color: #000;
}


/* 事業紹介 */
.bg3 {
position: relative;
width:100%;
background-color: #fff;
padding: 70px 0 0px 0;
}
.main_visual3-1 {
margin: 0 auto;
width: 100%;
}
.bg3-ghgazou {
padding: 0px 0 0px 0;
}
.bg3-ghgazou img {
margin-bottom: 0px;
}
.bg3-ghtext {
font-size: 16px;
padding: 30px 0 60px 0;
line-height: 30px;
}
.bg3-ghbg {
background: #F4FFF4;
padding: 30px 10px 0px 10px;
}
.bg3-hkbg {
background: #FFFFEA;
padding: 30px 10px 0px 10px;
}
.bg3-shuuroubg {
background: #FFF4FF;
padding: 30px 10px 0px 10px;
}
.bg3-waku-oya {
text-align:center;
padding-bottom: 100px;
}
.lock_on_btn {
	display: inline-block;
	position: relative;
	width: 300px;
	height: 50px; 
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #1B1B1B;
	background: #fff;
}
.lock_on_btn::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;	
}
.lock_on_btn::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;
}
.lock_on_btn span::before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-left: 1px solid #1B1B1B;
}
.lock_on_btn span::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #1B1B1B;
    border-right: 1px solid #1B1B1B;	
}
.lock_on_btn:hover {
background: #222;
color: #fff;
}


/* -----法人概要----- */
.bg4 {
width:100%;
background: #AED8FF;
padding: 0px 0 100px 0;
}
.main_visual4-1 {
margin: 0 auto;
width: 100%;
}
.bg4-flex {
width: 100%;
padding: 10px;
}
.bg4-left {
width: 100%;
}
.bg4-right {
width: 100%;
padding: 10px;
}
.bg4-right .text{
font-size: 22px;
padding-top: 20px;
}
.bg4-right .kasen{
border-bottom: solid 2px #000;
padding: 5px 0px 0 0px;
}
.bg4-right .text1{
font-size: 18px;
padding: 35px 0 0 0;
}
.bg4-right .text2{
font-size: 16px;
padding: 5px 0 15px 0px;
}
.bg4-right .flex {
display: flex;
}
.bg4-right .tel1{
width: 100%;
font-size: 15px;
background: #0084FF;
border-radius: 30px;
padding: 10px 10px;
margin: 0 5px 0 0;
text-align:center;
}
.bg4-right .tel1 a{
color: #fff;
}
.bg4-right .fax{
width: 100%;
color: #000;
font-size: 15px;
background: #fff;
border-radius: 20px;
padding: 10px 10px;
margin: 0 0px 0 5px;
text-align:center;
}


/* フッター */
footer {
width: 100%;
background: #0084FF;
color: #fff;
padding: 50px 0px 50px 0;
}
.f-waku {
width: 95%;
margin: 0 auto;
}
.f-flex {
width: 100%;
}

/* ロゴ部分 */
.f-left {
margin: 0 0px 0 0;
}
.f-logo {
text-align:center;
color: #fff;
margin: 0 auto;
font-size:20px;
}
.f-logo a {
text-align:center;
color: #fff;
margin: 0 auto;
}
.f-sns {
display: flex;
justify-content: center;
}
.f-sns a {
width: 32px;
margin: 20px 0 50px 0;
}
.f-sns1 {
width: 32px;
margin: 30px 0 50px 0;
padding-right:10px;
}

/* 会社概要レイアウト */
.f-center {
margin: 0 0px 0 0;
}
.f-text {
font-size:16px;
line-height: 30px;
text-align:center;
}
.f-text a {
color: #fff;
text-decoration: none;
}

/* メニュー */
.f-right {
display:none;
}
#fNav ul {
}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #fff;
font-size: 14px;
line-height: 25px;
}

/* 著作権表記 */
#copyright {
font-size: 12px;
text-align:center;
padding: 20px 0 0px 0;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
}
.tel{
display:none;
}
.mail{
display:none;
}
.br1{
display:none;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.template-bg1 {
width:100%;
background: #fff;
padding: 0px 0 70px 0;
}
.template_visual01 {
width: 95%;
margin: 0px auto 0 auto;
padding: 70px 0 0px 0;
}
.template_visual02 {
width: 95%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
}
/* 各ページのタイトル */
.template-h2 {
width: 90%;
padding: 0px 0px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.template-h2-1 {
padding: 0px 0px;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
line-height:25px;
}
.template-text-e {
font-size: 12px;
color: #fff;
text-align:center;
}
.template-text {
font-size: 20px;
color: #fff;
text-align:center;
text-shadow: 1px 2px 3px #000;
line-height: 30px;
}
/* パンくずリスト */
.breadcrumbs6 {
width:100%;
padding: 10px 10px 10px 10px;
background: #ececec;
}
.breadcrumbs6-1 {
font-size: 13px;
}
.breadcrumbs6 a {
color: #000;
text-decoration: none;
}
/* ------------------------------------------------ */
/*グループホームあおぞら
/* ------------------------------------------------ */
.gh-bg {
background:url(img/gh-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.gh-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*就労継続支援B型あおぞら
/* ------------------------------------------------ */
.bgatamasuku-bg {
background:url(img/bgatamasuku-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.bgatamasuku-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*訪問介護あおぞら
/* ------------------------------------------------ */
.hk-bg {
background:url(img/hk-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.hk-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
/* ------------------------------------------------ */
/*お問い合わせ
/* ------------------------------------------------ */
.toi-bg {
background:url(img/toi-main-sya-sp.jpg) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index: 20;
}
.toi-bg::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #173E7E;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}

/* ------------------------------------------------ */
/* 新着・ブログページ（archive.php）
/* ------------------------------------------------ */
/* お知らせ・ブログ一覧ページ用メイン画像 */
.news-list-main1 {
background-image: url("img/blog-main-sya-sp.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
z-index:20;
}
.news-list-main1::before{
/* 透過した黒を上から重ねるイメージ */
background-color: #0f2350;
opacity: 0;
/* 自由に位置指定 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
}
#blobg4 {
width:100%;
background-color: #ececec;
padding: 30px 0 50px 0;	
}
#blo_visual4-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 30px 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #ccc;
margin: 0px 0px 30px 0;
padding: 20px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 0px 0 10px 0;
text-align:center;
}

/* ------------------------------------------------ */
/* 新着・ブログページ（single.php）
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #ececec;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #ececec;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #ececec;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
border: solid 1px #ccc;
font-size: 15px;
padding: 20px;
margin: 0px 0 20px 0;
background: #fff;
}
.blobg77-1 {
width: 100%;
border-bottom: solid 1px #000;
font-size: 15px;
padding: 0px 0 0px 0px;

}
.blobg77-2 {
color: #fff;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 10px 0;
width: 100%;
background: #0D2048;
}
.time-h4 {
font-size: 13px;
padding:0px 0 0px 0;
margin: 0 0 10px 0;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.title-h4 {
font-size: 16px;
padding:0px 0 0px 0;
margin: 0 0 25px 0;
}
/* 投稿本文の枠 */
.content-h4 {
line-height: 25px;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}
/* 前・次 */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto 30px auto;
padding: 15px 0px 15px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 8px;
color: #fff;
background-color: #444444;
}
.prev a {
text-decoration: none;
color: #fff;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 8px;
color: #fff;
background-color: #444444;
}
.next a {
text-decoration: none;
color: #fff;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px;
}
.sidebar-title {
background: #444444;
font-size: 15px;
padding: 7px 7px 7px 10px;
margin: 0px;
color: #fff;
text-align:left;
font-weight: normal;
}
.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: 0px 0px 20px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}

}