@charset "utf-8";
/*  style　[ 鹿児島市在宅医師会 PC&Tablet ]
=================================================================== */
.bodyWrapper {
  width: 100%;
}
/* header
------------------------------------------------------------------- */
/* jumbotron */
header #jumbotron {
  background-color: #b0deeb;
}
#jumbotron img {
  width: 100%;
}
/* navi */
header .navbar-default {
  background-color: #FFF;
  border: none;
}
header .container,
header .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
header .navbar-nav {
  border-bottom: 1px solid #ced2d3;
  width: 100%;
}
header .navbar-nav>li>a {
  color: #a3947f !important;
  letter-spacing: 0.2em;
  width: 100%;
}
header .navbar-nav>li:nth-child(5)>a { text-align: right; }
header .navbar-nav>li>a:hover {
  background-color: #eee !important;
  text-decoration: underline !important;
}
/* body
------------------------------------------------------------------- */
#body {
  width: 100%;
}
#body .container {
  padding-right: 0;
  padding-left: 0;
}
/* body > mainContents
------------------------------------------------------------------- */
/* 在宅医療のこと */
#link ul {
  list-style: none;
  margin-bottom: 40px;
}
#link li {
  float: left;
  height: 17.44%;
}
#link .w050 {
  position: relative;
  padding-left: 3.49%;
  width: 50%;
}
.linkIcon .dr {
  height: 100%;
}
.linkIcon .pro {
  margin-top: 1.88%;
  width: 100%;
}
.linkIcon .hd {
  margin-top: 37%;
  width: 100%;
}
.linkIcon .cmt {
  margin-top: 25%;
  width: 100%;
}
.linkIcon .inq {
  height: 86.67%;
  transform: rotate(-24deg);
}
.linkIcon .brd {
  margin-top: 15%;
  width: 100%;
  transform: rotate(-20deg);
}
.w050 .linkTitle {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(201,202,202,1) 66.17%, rgba(201,202,202,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,202,202,1) 66.17%,rgba(201,202,202,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(201,202,202,1) 66.17%,rgba(201,202,202,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(201,202,202,1) 66.17%,rgba(201,202,202,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9caca',GradientType=0 );
  color: #8a704f;
  display: inline-block;
  text-align: center;
}
.w050 a:hover {
  opacity: 0.7;
}
/* 新着情報 */
#news {
  border: 1px solid #8a704f;
  border-radius: 3px;
}
.newsHead .newsH {
  color: #8a704f;
  float: left;
  letter-spacing: 0.15em;
  width: 5em;
}
.newsHead .arcWrapper {
  border: 1px solid #8a704f;
  border-radius: 3px;
  float: right;
  margin-right: 5px;
  padding: 5px 7px;
}
.newsHead .arcWrapper .arcInner {
  color: #FFF;
  display: inline-block;
  background-color: #8a704f;
  border-radius: 3px;
  letter-spacing: 0.15em;
  line-height: 120%;
  padding: 2px 17px;
}
#news .newslist {
  list-style: none;
  padding-top: 10px;
}
.newslist li {
  border-bottom: 1px dashed #8a704f;
  padding: 14px 0;
}
.newslist li a:link {
  color: #0066FF;
}
.newslist li:first-child {
  padding-top: 0;
}
.newslist .cat {
  border-radius: 3px;
  display: inline-block;
  color: #FFF;
  text-align: center;
  vertical-align: top;
}
.newslist .news     { background-color: #8a704f; }
.newslist .lecture  { background-color: #f6b165; }
.newslist .date {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.newslist .title {
  display: inline-block;
}
/* 在宅医会とは */
#mainContents .contentsPanel {
  line-height: 170%;
}
.contentsPanel .head01 {
  border-bottom: 1px dashed #a5d2df;
  padding-bottom: 12px;
  margin-bottom: 38px;
}
.contentsPanel .head02 {
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #a5d2df;
  margin: 15px 0 10px 0;
}
.contentsPanel ul {
  margin-left: 18px;
}
.backtoTop {
  text-align: right;
}
.backtoTop a {
  font-size: 16px; /* old browzer */
  font-size: 1.6rem;
  padding: 12px;
}
/* body > sideContents
------------------------------------------------------------------- */
#sideContents .sideNavi {
  list-style: none;
  margin-top: 35px;
}
.sideNavi li {
  margin: 0 10px 35px 10px;
}
.sideNavi li img {
  width: 100%;
}
.sideNavi .banner01 {
  border: 1px solid #a4d2df;
  padding: 10px;
}
.sideNavi .banner01 .banner01inner,
.sideNavi .banner01 a {
  background-color: #a4d2df;
  color: #FFF;
  display: block;
  text-align: center;
  padding: 42px 0;
}
.sideNavi .bennerHight .banner01inner,
.sideNavi .bennerHight a {
  padding: 40px 0;
}
.bennerHight .banner01inner .bannerBig,
.bennerHight a .bannerBig {
  font-weight: bold;
}
.bennerHight .banner01inner .bannerSmall {
  font-size: 17px; /* old browzer */
  font-size: 1.7rem;
  margin: 17px 0;
  display: inline-block;
}
/* footer
------------------------------------------------------------------- */
footer .footBg {
  background: url("../images/footer_bg.png") right bottom no-repeat;
}
footer .footer {
  background-color: #c4e4ef;
  position: relative;
  height: 175px;
  width: 100%;
}
/*
footer .backtoTop {
  position: absolute;
  top: 27px;
  right: 168px;
}
footer .backtoTop a {
  background-color: #e2eaed;
  display: block;
  font-size: 16px;
 */
 /* old browzer */
/*
  font-size: 1.6rem;
  padding: 12px;
}
 */
footer .footName {
  color: #8a704f;
  letter-spacing: 0.2em;
  padding-top: 50px;
  text-align: center;
}
/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
header .navbar-nav>li:nth-child(1) { width: 14.79%; }
header .navbar-nav>li:nth-child(2) { width: 22.66%; }
header .navbar-nav>li:nth-child(3) { width: 22.66%; }
header .navbar-nav>li:nth-child(4) { width: 24.78%; }
header .navbar-nav>li>a>img {
  width: 78%;
}
#body #mainContents {
  float: left;
  margin-right: 26.50%;
  width: 73.50%;
}
#body #sideContents {
  float: right;
  margin-left: -26.50%;
  width: 26.50%;
}
#mainContents .contentsPanel {
  padding: 0 20px 70px 75px;
}
/* navi */
header .navbar-nav>li>a {
  font-size: 15px; /* old browzer */
  font-size: 1.5rem;
  line-height: 58px;
  text-align: center;
  padding: 0;
}
/* 在宅医のこと */
.w050 .longtitle {
  text-align: right;
}
.w050 .linkIcon {
  position: absolute;
  top: 0;
  text-align: center;
  left: 7.5%;
  width: 23.26%;
  height: 100%;
  z-index: 2;
}
/* 新着情報 */
#news {
  margin: 0 10px 66px 30px;
  padding: 18px;
}
.newslist .cat {
  width: 13%;
  font-size: 14px; /* old browzer */
  font-size: 1.4rem;
}
.newslist .date {
  width: 15%;
  margin: 0 8px;
}
.newslist .title {
  width: 66%;
}
#news .newslist {
  font-size: 13px; /* old browzer */
  font-size: 1.3rem;
}
.newsHead .newsH {
  font-size: 25px; /* old browzer */
  font-size: 2.5rem;
}
.newsHead .arcWrapper {
  font-size: 18px; /* old browzer */
  font-size: 1.8rem;
}
/* 在宅医療のこと */
.w050 .linkTitle {
  font-size: 14px; /* old browzer */
  font-size: 1.4rem;
  line-height: 57.69px;
  margin-top: 19.23px;
  margin-bottom: 19.23px;
  margin-left: 16.75%;
  width: 80.75%;
}
#link li:nth-child(2) .linkTitle {
  font-size: 11px; /* old browzer */
  font-size: 1.1rem;
}
.subTitle {
  font-size: 75%;
  color: #8a704f;
  position: absolute;
  top: 80px;
  left: 87px;
}
/* 在宅医会とは */
#mainContents .contentsPanel {
  font-size: 25px; /* old browzer */
  font-size: 2.5rem;
}
.contentsPanel .head01 {
  font-size: 27px; /* old browzer */
  font-size: 2.7rem;
}
.contentsPanel .head02 {
  font-size: 20px; /* old browzer */
  font-size: 2.0rem;
}
.sideNavi .banner01 .banner01inner,
.sideNavi .banner01 a {
  font-size: 19px; /* old browzer */
  font-size: 1.9rem;
}
.bennerHight .banner01inner .bannerBig,
.bennerHight a .bannerBig {
  font-weight: bold;
  font-size: 20px; /* old browzer */
  font-size: 2.0rem;
}
footer .footName {
  font-size: 34px; /* old browzer */
  font-size: 3.4rem;
}
footer .footBg {
  padding-top: 300px;
}
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
/* navi */
header .navbar-nav>li>a {
  font-size: 20px; /* old browzer */
  font-size: 2.0rem;
  line-height: 75px;
}
/* 新着情報 */
#news .newslist {
  font-size: 15px;
  font-size: 1.5rem;
}
.newslist .cat {
  width: 10%;
}
.newslist .date {
  width: 15%;
}
.newslist .title {
  width: 70%;
}
.newslist li {
  line-height: 120%;
}
/* 在宅医療のこと */
.w050 .linkTitle {
  font-size: 16px; /* old browzer */
  font-size: 1.6rem;
  line-height: 74.62px;
  margin-top: 24.87px;
  margin-bottom: 24.87px;
}
#link li:nth-child(2) .linkTitle {
  font-size: 13px; /* old browzer */
  font-size: 1.3rem;
}
.subTitle {
  top: 107px;
  left: 112px;
  font-size: 79%;
}
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
/* navi */
header .navbar-nav>li>a {
  font-size: 25px; /* old browzer */
  font-size: 2.5rem;
  line-height: 91px;
}
/* 新着情報 */
.newslist .cat {
  width: 10%;
}
.newslist .date {
  width: 15%;
}
/* 在宅医療のこと */
.w050 .linkTitle {
  font-size: 20px; /* old browzer */
  font-size: 2.0rem;
  line-height: 90px;
  margin-top: 30px;
  margin-bottom: 30px;
}
#link li:nth-child(2) .linkTitle {
  font-size: 16px; /* old browzer */
  font-size: 1.6rem;
}
.subTitle {
	top: 127px;
	left: 150px;
}
}
/* debug
------------------------------------------------------------------- */
/* 768px(sm)～ ____________________________________________________ */
/*
@media print,screen and (min-width: 768px) {
.bodyWrapper {
  background: url("../images/shita750.jpg") center 57px no-repeat;
}
}
 */
/* 992px(md)～ ____________________________________________________ */
/*
@media screen and (min-width: 992px) {
.bodyWrapper {
  background: url("../images/shita970.jpg") center 72px no-repeat;
}
}
 */
/* 1200px(lg)～ ___________________________________________________ */
/*
@media screen and (min-width: 1200px) {
.bodyWrapper {
  background: url("../images/shita1200.jpg") center 111px no-repeat;
}
}
 */