/*
Theme Name: 通所支援ベルテール
Theme URI: 
Author: 株式会社エムシンク
Author URI: 
*/

body{
  font-family: 游ゴシック, Yu Gothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 16px;
  color: #505050;
  border-right: 10px solid #4bc1f4;
  border-left: 10px solid #4bc1f4;      
}

/* Navigation */
nav{
  width: 100%;
  height: auto;
  float: left;
  position: fixed;
/*  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);*/
}
.navbar-inverse{
  background: rgba(255,255,255,0.8);
  border: none;
  border-top: 10px solid #4bc1f4;    
  border-right: 10px solid #4bc1f4;    
  border-left: 10px solid #4bc1f4;      
}
#nav-container{
  max-width:1400px;
  width:100%;
  margin: 0 auto;
  line-height: 85px;  
}
#nav-container a{
  color: #333;
}
nav h1{
  float: left;
  margin: 0;
  line-height: 85px;
}
#headLogo{
  float: left;
  line-height: 85px;
  margin-top: 15px;
  margin-bottom:20px;
}
#siteTitle{
  float: left;
  font-size: 12px;
  color: #777;
  height: 65px;
  line-height: 1.7em;  
  margin-top: 15px;
  margin-left: 20px;
}
#global-nav{ 
  line-height: 1.2em;
  font-weight: bold;
}
#global-nav div{
  border-left: 1px dotted #999;
}
#global-nav div:first-child{
  border-right: 1px dotted #999;  
}
#global-nav a{
  display: block;
  color: #333;
  padding-top: 15px;
  padding-bottom: 15px;
}
#global-nav a:hover{
  text-decoration: none;
}
#global-nav li a:hover{
  border-bottom: 3px solid #005c9a;
  background: none;
  border-radius: 0;
}
#global-nav div.active{
  background: #4bc1f4;
}
#global-nav .active a{
  color: #FFF;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
div.dropdown{
  border: none !important;
}
.dropdown a:hover{
  border: none !important;
  text-decoration: none !important;
}
ul.dropdown-menu {
	width:420px;
}
.dropdown-menu li{
	float:left;
	width:205px;
}
.dropdown-menu .first-menu {
	border-bottom:1px dotted gray;
	width:410px;
}

.dropdown ul li a{
  color: #000 !important;
}
.dropdown ul li a:hover{
  background: #eee !important;
  color: #000 !important;
}

#navigation{
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

/*- スマホ用ナビゲーション -*/
#navToggle {
    display:none; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    right:50px;
    top:40px;
    cursor:pointer;
}
#navToggle div {
  position:relative;
  width:40px;
  height:45px;
} 
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}
header {
    width:100%;
    z-index:1050;
    position:fixed;
    background:rgba(183,230,251,.7);    
}
/*header menu*/
header {
    display:table;
/*    font-size:0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
/*    line-height:0;*/
}
nav {
    display:table-cell;
}
nav {
    text-align:right;
    vertical-align:bottom;
}
header ul {
    font-size:18px;
    line-height:1;
    margin:0 10px 10px 0;
}
header ul li {
    margin-left:3px;
    display:inline-block;
}
header ul li::after {content:' |'}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}

header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -1000px; /*通常時はビュー外*/
    background:rgba(183,230,251,.7);
    width:100%;
    padding:0 10px;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
}
header ul {margin:0}
header ul li {
  font-weight: bold;
    display:block;
    margin:0;
    border-bottom:dotted 1px #fff;
    line-height:3;
}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
header.openNav nav {
    -moz-transform: translateY(1081px);
    -webkit-transform: translateY(1081px);
    transform: translateY(1081px);
}


#navToggle {display:block}
 
.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
 

#mainVisual {
  margin: 0 auto;
  width: 100%;
}
#hero-image #page-image{
  width:100%;
  height: 100%;
  background-size: cover;
  position:relative;  
}
#hero-image{
  /*background: url("images/hero-image.jpg") center no-repeat;*/
  margin-bottom: 40px !important;  
}
#page-image{
  margin-bottom: 20px;
}
#pageHead{
  max-width:1400px;
  width: auto;
  margin: 0 auto;
  position: relative;
}
#pageHead #logo{
  top: 30px;
}

.bg-head{
  background-color: #EAEFF3;
}

/*- footer -*/
footer{
  background:#b7e6fb;
  padding-top:50px;
}
footer .container{
  background-color: #b7e6fb;
}
#footer-line{
  margin: 0 auto;
  overflow: hidden;
}
footer h3{
  font-size: 12px;
  height: 2em; /* 2行以上になる場合は増やす */
  font-weight: bold;
}
footer ul{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}
footer ul li a span{
font-size: 10px;
}
#pagetop{
  margin-bottom: 20px;
}
#copyLine{
  color: #FFF;
  background:#4bc1f4;
  line-height: 30px;  
}

/*- トップページ -*/
h2.index-entry{
  font-size: 11px;
}
.title-twoline{
  line-height: 0.9em;
  margin-bottom: 0px;
}
.title-twoline span{
  font-size: 0.em;
  font-weight: normal;
}

.index-category{
  padding-bottom: 3px;
}
.index-entry-title{
  font-size: 15px;
  vartical-align: baseline;
  padding-left: 1em;
}
.index-entry-date{
  color:#C66;
}
#newsHead{
  margin-top: 40px;
}

article .contentText{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}
article .contentText{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}
#news article{
  padding-bottom:20px;
  margin-top: 20px;
  border-bottom: 1px dotted #ccc;
}
#news article .media-body{
  width: 100%;
  white-space: nowrap;  
  overflow: hidden;  
  text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important; /* Opera9,10対応 */
  
}
.roomHead {
  line-height: 1.1;
}
.roomOV{
	height: 3em;
}

/*- about -*/
#about dl dt, #about dl dd{
  line-height: 2.4em;
}
#about dl dd{
  margin-left: 170px;
}
#about ul li{
  text-indent: -0.5em;
  padding-left: 1em;
  line-height: 2.5em;
}
#rinen-box h4{
  border-top: 3px solid #4bc1f4;
  padding: 1em 0;
}
#rinen-box div p{
  border-top: 2px dotted #4bc1f4;
  border-bottom: 1px solid #E8F3A5;
  margin: 0 1em;
  padding: 1em 0;
}

/*- 施設案内 -*/
#qaBox{

}
#qaBox b{
  text-indent: 0;
  padding-right: 0.5em;
}
#qaBox dd{
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#qaBox dt{
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 1em 0 0;
}
#qaBox dd{
  font-size: 1.2em;
  line-height: 1.5em;
  padding-top: 0;
  padding-bottom:2em;  
}


/*- お問合せ　-*/
.mwform-radio-field{
  margin-right: 15px;
}

/*- common -*/
h2.downArrow{
  letter-spacing: 0.2em;
  /*background: url(images/downArrow.png) no-repeat center 4em ;
  /*line-height: 5em;*/
  padding-bottom: 40px;
  margin-top: 40px;
}
h2.downArrow:after{
  content: "";
  background: url(images/downArrow.png) no-repeat center bottom ;
  display: block;
  height: 1em;
}
.row-0{
  margin-left: 0;
  margin-right: 0;
}
.row-0 > div{
  padding-right: 20px;
  padding-left: 0;  

}
.nav-pills>li>a:hover{
  background: none;
}


.text-hide{
  text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.mb-20{
  margin-bottom: 20px;
}
.mb-40{
  margin-bottom: 40px;
}
.mt-20{
  margin-top: 20px;
}
.mt-40{
  margin-top: 40px;
}
.pl-20{
  padding-left: 20px;
}
.textBlue{
  color: #4ea0e6;
}

.readMore a{
  background: #FFF;
  border:1px solid #4ea0e6;
  padding: 0.5em;
  border-radius: 0.2em;
  float:right;
  display: block;
}
.readMore a:hover{
  background: #4ea0e6;
  text-decoration: none !important;
  color: #FFF !important;
}

.topGrad{
  padding: .75em 1em;
	border-top: 3px solid #4BC1F4;
	background: -webkit-linear-gradient(top,  #B7E6FB 0% ,#fff 100%);
	background: linear-gradient(to bottom, #B7E6FB 0%, #fff 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  line-height:1.5em;  
}

.mw_wp_form_preview .input_only  
{display:none;}



/* 20230613mod */
.flex-justify-center { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
.flex-column-justify-center { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.nofloat { float:none; }
.col-nofloat { float:none !important; margin:0 auto; }

.roomHead + p > span { display:block; margin:5px 0 0 0; }
.roomHead + p > span i { display:inline-block; margin:0 5px 0 0; padding:0 6px; border-radius:2px; border:#ccc 1px solid; line-height:21px; font-size:11px; font-style:normal; }

.Introduction { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0 0 40px; padding:0; }

.PhotoWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
.PhotoWrap li { width:23%; }
.PhotoWrap li img { width:100%; height:100%; object-fit:cover; }
.PhotoWrap li p { padding:15px 0 0; font-size:13px; text-align:center; }


.YouTube { text-align:center; }
.googlemap { width:920px; height:400px; border:0; }

@media (max-width:728px) {
.flex-justify-center { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.flex-column-justify-center { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.nofloat { float:none; }
.col-nofloat { float:none !important; margin:0 auto; }

.roomHead + p > span { display:block; margin:5px 0 0 0; }
.roomHead + p > span i { display:inline-block; margin:0 5px 0 0; padding:0 6px; border-radius:2px; border:#ccc 1px solid; line-height:21px; font-size:11px; font-style:normal; }

.Introduction { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0 0 40px; padding:0; }
.Introduction .Photo { max-width:100%; }
.Introduction .Photo img { width:100%; height:100%; object-fit:cover; }

.PhotoWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
.PhotoWrap li { width:48%; margin:0 0 15px; }
.PhotoWrap li img { width:100%; height:100%; object-fit:cover; }
.PhotoWrap li p { padding:15px 0 0; font-size:13px; text-align:center; }


.YouTube { text-align:center; }
.YouTube iframe { width:280px; height:160px; }
.googlemap { width:920px; height:400px; border:0; }
}