@charset "utf-8";
/*--------------------------------------------------------------
 common
--------------------------------------------------------------*/
html {font-size: 54% ;}/* pが12px */
/** ▼youtubeレスポンシブ **/
.video{
  padding-top:56.25%;
}
/* page見出し */
/*.page .header h1,
.single .header h1,
.archive .header h1,
.category .header h1{
	font-size: 24px;
	border-bottom: 2px solid #fdd000;
	padding: 10px;
	background:#6b6b6b;
	color: #fff;
}
.page .header h1 span,
.single .header h1 span,
.archive .header h1 span,
.category .header h1 span{
}*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}

.mb-xs-0{margin-bottom:0 !important;}
.mg-xs-10{margin:10px;}
.mt-xs-10{margin-top:10px;}
.mr-xs-10{margin-right:10px;}
.mb-xs-10{margin-bottom:10px !important;}
.ml-xs-10{margin-left:10px;}

.mg-xs-20{margin:20px;}
.mt-xs-20{margin-top:20px;}
.mr-xs-20{margin-right:20px;}
.mb-xs-20{margin-bottom:20px !important;}
.ml-xs-20{margin-left:20px;}

.mb-xs-30{margin-bottom:30px !important;}
.mb-xs-40{margin-bottom:40px !important;}
.mb-xs-50{margin-bottom:50px !important;}

.row{
	margin-right: -5px;
	margin-left: -5px;
}
.visible-xs {
    display: block !important;
}
.hidden-xs {
	display: none !important;
}

.sp-flex{flex-direction: column;}
.basis-xs-50 li{flex-basis: 49%;}
/* flex要素 */
.flex-xs-wrap{flex-wrap:wrap !important;}/*子要素を折り返し、複数行に上から下へ並べる*/
.flex-xs-end{justify-content: flex-end !important;}/*親要素の終点から配置。下揃え。*/
.space-xs-between{justify-content: space-between !important;}/*最初と最後の子要素を上下の端に配置、残りは均等に間隔をあけて配置*/
.space-xs-around{justify-content:space-around !important;}/*両端の子要素も含め、均等に間隔をあけて配置*/
.flex-xs-center{justify-content:center !important;}/*親要素の終点から配置。下揃え。*/

/*--------------------------------------------------------------
 list/table
--------------------------------------------------------------*/
/** ▼dlリスト **/
/* 格子タイプ（sp/縦並び） */
dl{
	width: 100%;
}
dl dt,
dl dd {
	margin-top:-1px;
}
dl dd{border-top:none;}
/*dl dd {
	background: #fff;
}
dl dt span,
dl dd span.red{
	font-weight:normal;
	color:#e71a0f;
}*/
/* 上記の装飾打消し */
dl.dl_none{
border-top: none;
width: auto;
}
dl.dl_none dt {
clear: left;
float: left;
width: 30%;
}
dl.dl_none dd {
margin-left: 30%;
}
/*--------------------------------------------------------------
 tablepress(sp)
--------------------------------------------------------------*/
.tablepress{
	width:100%;
}
.tablepress tr{
	display:block;
	height: auto !important;
}
/** ▼2列のとき **/
.tablepress th,
.tablepress td{
	display:list-item;
	list-style-type:none;
}
.tablepress tbody td.column-1{
	width:100%;
	border-bottom: none;
	margin-top: -1px;/*重なりを取る*/
}
.tablepress tr td:nth-child(2){
     border-top: none !important;
}
/** ▼2列以上(スクロール/基本は↑のcssが入る)**/
/*縦並びを横に戻す*/
.table-wrapper .tablepress th,
.table-wrapper .tablepress td{
	display:table-cell;
}/*jsでtable .responsiveが消えて.table-wrapperができる*/
.table-wrapper .tablepress tr{
	display:table-row;
}

/*--------------------------------------------------------------
 ページャー
--------------------------------------------------------------*/
#nav-below .nav-previous{}
/*--------------------------------------------------------------
 header
--------------------------------------------------------------*/
#header{
	/*border-top: 10px solid #d70029;*/
	padding: 0 10px 10px;
	/*margin-bottom: 30px;*/
	background: #fff;
}
#inner-header{
	padding: 10px 0;
}
/** ▼ logo  **/
.logo h1{
	text-align: center;
	/*margin-right:50px;*/
	/*margin-bottom: 0 !important;*/
}
/** ▼ icon  **/
#inner-header ul{
	/*display: none;*/
	/*justify-content: space-around;*/
	justify-content: center;
}

/** ▼nav **/
 /* ハンバーガーアイコンの枠 */
#h-menu {
  position:fixed;
	width:		45px;
	height:		45px;
	margin:		6px;
	cursor:		pointer;
	display:	block;
	border:		1px solid #ccc;
	box-shadow:	1px 1px 1px #ccc;
	border-radius:	4px;
	text-align:	center;
	background-color:#fff;
	top: 0%;
	right: 0;
	z-index: 99;
}

 /* ハンバーガーアイコン下のテキスト */
#h-text {
	font-size:	12px;
	margin-top:	6px;
	color:		#848484;
	text-align:center;
	display:	block;
}

/*	ハンバーガーアイコンの作成　*/
#h-icon {
	position:	relative;
	display:	block;
	width:		23px;
	height:		17px;
	top:		4px;
	left:		10px;
	background-color:#848484;	/* アイコンの線の色 */
}

/* ハンバーガーアイコンの白線部分作成 */
#h-icon:before, #h-icon:after {
	position:	absolute;
	left:		0;
	content:	"";
	width:		100%;
	border-top:	4px solid #fff; 
}
#h-icon:before {
	top:		3px;
}
#h-icon:after {
	bottom:		3px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 70%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
/** メニュー中 **/
.spnav_logo{padding: 10px;}
#nav-content ul{
	margin-top: 30px;
}
#nav-content ul li{
	text-align: center;
	padding:20px 0;
	/*border-bottom: 1px dashed #c9c9c9;*/
}
/*icon*/
#nav-content ul{justify-content: center;}
#nav-content ul.head_contact_sp li{
	border-bottom: none;
}
#nav-content ul.head_contact_sp li a{
	padding: 0;
}

/*--------------------------------------------------------------
 footer
--------------------------------------------------------------*/
.foot_left{padding-top:50px;}
#footer p{text-align:center;}

/** ▼ メニュー  **/
#menu-footer-menu{
	display:flex;
	margin-top:20px;
}
#menu-footer-menu,#menu-footer-menu2{
	flex-direction: column;
	text-align: center;
}
#menu-footer-menu li{padding:5px 0;}
/** ▼ fixedメニュー  **/
.fix-menu {
	position: fixed;
	bottom: 0;
	height: auto;
	z-index: 999;
	width: 100%;
	/*background:#e7e7e7;*/
	display: flex;
	justify-content: space-between;
	/*padding-top: 5px ;*/
	border-top: 1px solid #fff;
}
.fix-menu li{
	flex-basis: 50%;
	text-align: center;
	font-weight: bold;
}
.fix-menu li a{
	padding: 20px 0;
	display: block;
	margin: 0 auto;
	color: #fff;
}
.fix-menu li:first-child{
	background:#be140a;
}
.fix-menu li span{
	padding: 20px 0;
	display: block;
}
.fix-menu li:nth-child(2){
	background: #1977b9;
}
/** モーダル **/
.fix-menu .modal-menu ul li:first-child{background: none;}
.fix-menu .modal-menu ul li:nth-child(2){background: none;}

.fix-menu .modal-menu ul li a:before {
    font-family: "dashicons";
    content: "\f525";
	color:#fff;
}

/*--------------------------------------------------------------
 home
--------------------------------------------------------------*/
body{
	/*background-color: #e7e7e7;*/
}
#wrapper,.wrapper{
	width: 100%;
	/*max-width: 1920px;
	min-width: 1080px;*/
    margin: 0 auto;
}
#container,
.wrap{
	padding-left:10px;
	padding-right:10px;}
#container{/*margin: 100px ;*/}

/** ▼TOP **/
body#home #container{
	background:none;
	padding: 0;
}
body#home{}
/** ▼事業案内 **/
.welcome ul li {
	flex-basis:45%;
}
/* 画像 */
.welcome ul li img.nt1{
	padding:11px 0;
}





/*--------------------------------------------------------------
 page
--------------------------------------------------------------*/
/** ▼タイトル **/
.title{padding: 20px 0;}
.title h1{/*padding-bottom: 20px;*/}

/** ▼アクセス **/
.access {
	text-align:center;
}

/*--------------------------------------------------------------
 single
--------------------------------------------------------------*/
.single #container{padding:20px 0;}
.single .footer{
	/*background: #fff;*/
	margin: 0;
	padding: 0 10px;
	padding-bottom: 30px;
}
/** ▼the_content **/
.content-box{
	padding-bottom: 40px;
}

/*--------------------------------------------------------------
 archive
--------------------------------------------------------------*/
/** ▼お知らせ **/
.post_content{margin: 0 15px;}

/** カテゴリボタン **/
.post-all .icons_nav li{
	flex-basis: 50%;
}
.post-all .icons_nav li a{
	padding: 10px;
	text-align: center;
}
/*--------------------------------------------------------------
  デイサービス遊
--------------------------------------------------------------*/
#yu .header {margin-bottom:0;}
.subnav{
	display: inline-block;
	padding:20px 0;
}
/** ▼施設案内 **/
.room .maru{/*margin:0 auto;*/
}
.room h3{
	text-align:center;
}
/*--------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------*/
.contact_form dd input{
	width: 100%;
}
/*--------------------------------------------------------------
 plugin
--------------------------------------------------------------*/
/** ▼sitemap **/
.wsp-container{margin-bottom: 50px;}