@charset "UTF-8";
/* CSCC */
html {
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5em; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent;
  color: #69c; }
  a:active, a:hover {
    outline: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  margin: 5px 0 20px;
  padding: 0 0 0 10px;
  border: 1px solid #369;
  border-top: 4px solid #369; }

h2 {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: #369;
  background-color: #c5e5ff;
  margin: 0;
  padding: 0; }
  h2:before {
    content: "●";
    display: inline-block;
    width: 20px;
    text-align: center; }

h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #369; }

p {
  margin: 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal;
  margin: 0 0 1em 0; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0; }
  table td,
  table th {
    border: 1px solid #ccc;
    font-weight: normal;
    padding: 0.5em; }
  table th {
    background-color: #c5e5ff;
    vertical-align: baseline;
    text-align: left; }

/* container */
#container {
  background-color: #e6fff6;
  width: 100%;
  /* header-wrap */
  /* topimage */
  /* breadcrumb */
  /* content */
  /* footer */ }
  #container #header-wrap {
    width: 100%;
    height: 200px;
    background-color: #fff;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /* header */ }
    #container #header-wrap #header {
      width: 960px;
      height: 195px;
      margin: 5px auto 0;
      /* title */
      /* address */
      /* globalmenu */ }
      #container #header-wrap #header #title {
        width: 450px;
        height: 95px;
        float: left; }
        #container #header-wrap #header #title #kinryoukai {
          width: 450px;
          height: 20px;
          background-image: url(../img/logo_kinryoukai.png);
		  background-repeat: no-repeat; }
		  /*サイトID*/
        #container #header-wrap #header #title #tsukayama {
          width: 440px;
          height: 38px;
          background-image: url(../img/header/pic_header_12.gif), url(../img/logo_tsukayama.png);
          background-position: left,right;
          background-repeat: no-repeat; }
          #container #header-wrap #header #title #tsukayama a {
            display: block;
            width: 440px;
            height: 38px;
            display: block; }
      #container #header-wrap #header #address {
        width: 215px;
        height: 58px;
        font-size: 12px;
		line-height: 18px;/*add 2021.11.1*/
        text-align: right;
        background-image: url(../img/logo_tel.png);
        background-position: bottom;
        background-repeat: no-repeat;
        float: right; }
      #container #header-wrap #header #globalmenu {
        height: 100px;
        width: 960px;
        clear: both; }
        #container #header-wrap #header #globalmenu nav ul {
          height: 100px;
          width: 960px;
          margin: 0;
          padding: 0; }
          #container #header-wrap #header #globalmenu nav ul li {
            height: 100px;
            width: 159px;
            padding: 0;
            margin: 0;
            list-style: none;
            font-size: 18px;
            line-height: 45px;
            text-align: center;
            border-right: 1px solid #369;
            float: left; }
            #container #header-wrap #header #globalmenu nav ul li a {
              display: block;
              width: 159px;
              height: 100px;
              text-decoration: none;
              color: #000; }
            #container #header-wrap #header #globalmenu nav ul li:first-child {
              background-image: url(../img/ico_outline.gif);
              background-position: center 40px;
              background-repeat: no-repeat; }
            #container #header-wrap #header #globalmenu nav ul li:nth-child(2) {
              background-image: url(../img/ico_service.gif);
              background-position: center 40px;
              background-repeat: no-repeat; }
            #container #header-wrap #header #globalmenu nav ul li:nth-child(3) {
              background-image: url(../img/ico_event.gif);
              background-position: center 40px;
              background-repeat: no-repeat; }
            #container #header-wrap #header #globalmenu nav ul li:nth-child(4) {
              background-image: url(../img/ico_family.gif);
              background-position: center 40px;
              background-repeat: no-repeat; }
			#container #header-wrap #header #globalmenu nav ul li:nth-child(5) {
				background-image: url(../img/ico_access.gif);
				background-position: center 40px;
				background-repeat: no-repeat;
			}
            #container #header-wrap #header #globalmenu nav ul li:last-child {
              background-image: url(../img/ico_recruit.png);
              background-position: center 40px;
              background-repeat: no-repeat;
              border: none; }
  #container #topimage {
    width: 960px;
    height: 440px;
    margin: 10px auto;
    overflow: hidden; }
  #container #breadcrumb {
    width: 960px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 12px;
    color: #369; }
  #container #content {
    width: 940px;
    min-height: 740px;
    margin: 0 auto 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    /* servicemenu */ }
    #container #content #servicemenu ul {
      width: 940px;
      height: 165px;
      margin: 0;
      padding: 0; }
      #container #content #servicemenu ul li {
        width: 180px;
        height: 165px;
        list-style: none;
        margin: 0 10px 0 0;
        padding: 0;
        float: left; }
        #container #content #servicemenu ul li a {
          width: 180px;
          height: 40px;
          line-height: 38px;
          display: block;
          margin-top: 125px;
          border-top: 2px solid #c5e5ff;
          border-bottom: 2px solid #c5e5ff;
          font-size: 16px;
          font-weight: bold;
          text-decoration: none;
          background-image: url(../img/ico_link.gif);
          background-position: right center;
          background-repeat: no-repeat; }
        #container #content #servicemenu ul li:first-child {
          background-image: url(../img/pic_service_01_01.jpg);
          background-repeat: no-repeat; }
        #container #content #servicemenu ul li:nth-child(2) {
          background-image: url(../img/pic_service_02_01.jpg);
          background-repeat: no-repeat; }
        #container #content #servicemenu ul li:nth-child(3) {
          background-image: url(../img/pic_service_03_01.jpg);
          background-repeat: no-repeat; }
        #container #content #servicemenu ul li:nth-child(4) {
          background-image: url(../img/pic_service_04_01.jpg);
          background-repeat: no-repeat; }
        #container #content #servicemenu ul li:last-child {
          background-image: url(../img/pic_service_05_01.jpg);
          background-repeat: no-repeat;
          margin: 0; }
  #container #footer {
    clear: both;
    width: 100%;
    height: 60px;
    margin: 0;
    /* footermenu */
    /* copyright */ }
    #container #footer #footermenu {
      height: 30px;
      width: 960px;
      margin: 0 auto; }
      #container #footer #footermenu ul {
        padding: 0;
        margin: 0;
        float: left; }
        #container #footer #footermenu ul li {
          list-style: none;
          font-size: 12px;
          float: left;
          border-right: 1px solid #000;
          margin: 5px 0 0 0;
          padding: 0 1em; }
          #container #footer #footermenu ul li:last-child {
            border: none; }
      #container #footer #footermenu #pagetop {
        width: 150px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #369;
        float: right; }
        #container #footer #footermenu #pagetop a {
          color: #fff;
          text-decoration: none; }
    #container #footer #copyright {
      height: 30px;
      width: 100%;
      line-height: 30px;
      text-align: center;
      font-size: 12px;
      clear: both;
      color: #fff;
      background-color: #369; }

/* サイズ調整用class */
.w-5 {
  width: 5%; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-35 {
  width: 35%; }

.w-40 {
  width: 40%; }

.w-45 {
  width: 45%; }

.w-50 {
  width: 50%; }

.w-55 {
  width: 55%; }

.w-60 {
  width: 60%; }

.w-65 {
  width: 65%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.cont {
  /*width: 460px;*/
	width: 310px; }

.left-cont {
  float: left;
  margin-right: 5px;
  /*margin-right: 6px;*/ }

.right-cont {
  float: right; }

.clear-cont {
  clear: both; }

.border-cont {
  border: 1px solid #ccc;
  margin: 0 0 20px 0;
  padding: 5px; }

.space-bottom-40 {
  margin-bottom: 40px; }

.space-top-10 {
  margin-top: 10px; }

.info {
  /*width: 448px;*/
  height: 150px;
  overflow-y: scroll;
  overflow-x: hidden; }

.event {
  width: 458px; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.dot-border {
  border-bottom: 1px dotted #ccc; }
  .dot-border:last-child {
    border: none; }

.main-color {
  color: #369; }

.day-color {
  color: #f90; }

.gray-bg {
  background-color: #f2f2f2; }

.red-tx {
  color: #f00; }

.align-center {
  text-align: center; }

/* slider */
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto; }

/*別タブで開く 2020.6.17*/
a.outside::after,
a.pdf::after,
.pdf a::after{
content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(../img/icon_new-tab.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
}

/* イベント情報表示調整*/
.top-sp {
	padding-top: 5px;
}

.bottom-sp {
	padding-bottom: 8px;
}

.bottom-sp12 {
	padding-bottom: 12px;
}

.bottom-sp20 {
	padding-bottom: 20px;
}

.bottom-sp30 {
	padding-bottom: 30px;
}

.member-notice .notice-body article:not(.first-article) {
	margin-top: 1.0em;
}

.member-notice h3 {
	text-align: center;
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}


/*外出に関するお知らせ関連*/

/*メインお知らせ枠 clearfix*/
#content #main-info:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	font-size: 1.0em;
}

/*外出に関するお知らせ*/
#content #gaisyutsu-info {
	display: flex;
	justify-content: space-between;
}

#content #gaisyutsu-info .cont {
	width: calc(( 100% - 5px ) / 2 );
}

#content #gaisyutsu-info .cont .info {
	height: 80px;
}

#content #gaisyutsu-info .cont .border-cont {
	margin: 0;
}

/*ホーム 「かながわベスト介護セレクト20」受賞用画像*/
a.award img {
	width: 170px;
	height: auto;
	margin-bottom: 30px;
}

/*家族会フライヤー 2024.8.15 add*/
.flyer a small {
	display: block;
	text-align: right;
	text-decoration: none;
}

/*
.flyer a:hover small {
	text-decoration: underline;
}
*/