@charset "UTF-8";
/*
 * 千葉整形外科クリニック
 * 2018.8.26 Kaworks
 * ==========================================
 */
.v-align-middle, .loading, .sidebar .nav li.nav-item a, .footer .footer-content, .footer .copyright {
  display: flex;
  align-items: center; }

.loading, .sidebar .nav li.nav-item a, .footer .footer-content, .footer .copyright {
  justify-content: center; }

/*
 * 配色設定
 * ==========================================
 */
/*
 * セレクタ、extend定義
 * ==========================================
 */
.btn-white, .btn-white:link, .btn-white:visited, .btn-white:active {
  background-color: #FFF; }

.bg-sidebar, .btn-white:hover {
  color: #FFF;
  background: rgba(32, 156, 181, 0.8); }

.bg-sidebar-noalpha {
  color: #FFF;
  background: #209CB5; }

.bg-footer-top {
  color: #FFFFFF;
  background-color: #4DB4C9; }

.bg-footer-bottom {
  color: #FFFFFF;
  background-color: #209CB5; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #2490a6; }
a:hover {
  color: #a6d9e4; }

.text-sidebar {
  color: #209CB5; }

a.text-sidebar:link, a.text-sidebar:visited, a.text-sidebar:hover, a.text-sidebar:active {
  color: #209CB5; }

.text-normal {
  color: #000 !important; }

a.text-normal:link, a.text-normal:visited, a.text-normal:hover, a.text-normal:active {
  color: #000; }

.bg-yellowgreen {
  background: url(../images/bg-yellowgreen.jpg); }

.bg-orange {
  background: url(../images/bg-orange.jpg); }

.bg_interview_sheet {
  background: #EFF8F9; }

.bg-content-doctor {
  background: url(../images/doctor.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 500px; }
  @media screen and (min-width: 1300px) {
    .bg-content-doctor {
      background-size: 1300px;
      background-position: center bottom -190px; } }

.bg-subcontent-header {
  color: #FFF;
  background-image: url("../images/bg-sub-header.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.sub.about-clinic .bg-subcontent-header {
  background-image: url("../images/bg-sub-about-clinic.jpg"); }

.sub.examination .bg-subcontent-header {
  background-image: url("../images/bg-sub-examination.jpg"); }

.sub.profile .bg-subcontent-header {
  background-image: url("../images/bg-sub-profile.jpg"); }

.sub.rehabilitation .bg-subcontent-header {
  background-image: url("../images/bg-sub-rehabilitation.jpg"); }

.sub.locomotive-syndrome .bg-subcontent-header {
  background-image: url("../images/bg-sub-locomotive-syndrome.jpg"); }

.sub.facility .bg-subcontent-header {
  background-image: url("../images/bg-sub-facility.jpg"); }

.sub.access .bg-subcontent-header {
  background-image: url("../images/bg-sub-access.jpg"); }

.bg-content-green {
  background: #EFF8F9; }

.bg-content-gray {
  background-color: #EAEBF0; }

.bg-content-black {
  color: #FFF;
  background: #000; }

body {
  font-family: "ヒラギノUD角ゴ W3 JIS2004", sans-serif;
  font-size: 16px; }

h1, h2, h3, h4, h5, h6, .bold {
  font-family: "ヒラギノUD角ゴ W6 JIS2004", sans-serif; }

.font-ss, .nav, .footer-content {
  font-size: .9375rem; }

.font-sm, .info, .copyright {
  font-size: .875rem; }

.font-m {
  font-size: 1.25rem !important; }

.font-l {
  font-size: 1.5rem; }

.font-xl {
  font-size: 1.9375rem; }

.font-xxl {
  font-size: 2.5rem; }

.red {
  color:#FF0000;
  text-align:left;
  margin:0 8.333333%;
}

@media (max-width: 767.98px) {
  body {
    font-size: 13pt; }

  .font-ss, .nav, .footer-content {
    font-size: 1rem; }

  .font-sm, .info, .copyright {
    font-size: 1rem; }

  .font-m {
    font-size: 1rem; }

  .font-l {
    font-size: 1.5rem; }

  .font-xl {
    font-size: 1.9375rem; }

  .font-xxl {
    font-size: 2rem; }
  .red {
  margin:0;
}
}
.pad-sidebar {
  padding-left: 0; }

.margin-sidebar {
  margin-left: 0; }

.padding-content-top,
.padding-content-y {
  padding-top: 3.51rem; }

.padding-content-bottom,
.padding-content-y {
  padding-bottom: 3.51rem; }

.padding-content-left,
.padding-content-x {
  padding-left: 3.51rem; }

.padding-content-right,
.padding-content-x {
  padding-right: 3.51rem; }

dl dd {
  margin-bottom: 1rem; }

/*
 * ローディング画面
 * ==========================================
 */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #209CB5;
  z-index: 20; }
  .loading .logo img {
    width: 263px;
    height: 150px;
    color: #209CB5; }

.loading.fadein {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }

.sidebar .logo, .sidebar .nav li.has-top-border, .sidebar .nav li.has-bottom-border {
  margin-left: 24px;
  margin-right: 24px; }

.sidebar .nav li .btn-white,
.sidebar .nav li .btn-reserve, .sidebar .info {
  margin-left: 31px;
  margin-right: 31px; }

#sidebar {
  width: 262px; }

.sidebar {
  width: 262px; }
  .sidebar .bg-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%; }
  .sidebar .content {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 262px; }
  .sidebar .logo {
    display: block;
    margin-top: 50px;
    margin-bottom: 38px; }
  .sidebar .nav li {
    font-family: "ヒラギノUD角ゴ W5 JIS2004", sans-serif;
    width: 100%;
    text-align: center; }
    .sidebar .nav li.has-top-border {
      border-bottom: 1px solid #FFF;
      margin-top: 17px; }
    .sidebar .nav li.has-bottom-border {
      border-top: 1px solid #FFF;
      margin-bottom: 17px; }
    .sidebar .nav li.nav-item a {
      width: 100%;
      height: 48px; }
      .sidebar .nav li.nav-item a:link, .sidebar .nav li.nav-item a:visited, .sidebar .nav li.nav-item a:active {
        color: #FFF; }
      .sidebar .nav li.nav-item a:hover, .sidebar .nav li.nav-item a.active {
        color: #209CB5;
        background: #E0F0F0;
        background-blend-mode: multiply; }
    .sidebar .nav li .btn-white,
    .sidebar .nav li .btn-reserve {
      display: block; }
  .sidebar .info {
    margin-top: 1rem; }
    .sidebar .info dt {
      text-align: center; }
    .sidebar .info dd {
      text-align: justify;
      text-justify: inter-ideograph; }
    .sidebar .info .tel {
      text-align: center;
      font-size: 1.5625rem;
      vertical-align: middle; }

/*
 * フッター
 * ==========================================
 */
.footer .footer-content {
  text-align: center; }
  .footer .footer-content a:link, .footer .footer-content a:visited, .footer .footer-content a:active {
    color: #FFF; }
  .footer .footer-content a:hover {
    color: #9FD9F6;
    text-decoration: underline; }
  .footer .footer-content .btn-top {
    margin-top: 38px; }
    .footer .footer-content .btn-top:hover {
      text-decoration: none; }
  .footer .footer-content .nav {
    margin: 35px auto;
    align-items: center;
    justify-content: center; }
    .footer .footer-content .nav li {
      padding: 0 1.5em;
      border-right: 1px solid #FFF; }
      .footer .footer-content .nav li:first-child {
        border-left: 1px solid #FFF; }
    .footer .footer-content .nav .btn-top {
      width: 100%; }
.footer .copyright {
  font-size: .75rem;
  height: 70px;
  text-align: center;
  font-size: .75rem; }

/*
 * アイコン付き表現
 * ==========================================
 */
@font-face {
  font-family: 'iconfonts';
  src: url("../fonts/iconfonts.eot?um88xb");
  src: url("../fonts/iconfonts.eot?um88xb#iefix") format("embedded-opentype"), url("../fonts/iconfonts.ttf?um88xb") format("truetype"), url("../fonts/iconfonts.woff?um88xb") format("woff"), url("../fonts/iconfonts.svg?um88xb#iconfonts") format("svg");
  font-weight: normal;
  font-style: normal; }
.btn:after, [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-faq-a:before {
  content: "\e900"; }

.icon-faq-q:before {
  content: "\e901"; }

.btn:after, .icon-gt:before {
  content: "\e902"; }

.icon-home:before {
  content: "\e903"; }

.icon-map-pin:before {
  content: "\e904"; }

.icon-menu:before {
  content: "\e905"; }

.icon-tel:before {
  vertical-align: -1px;
  content: "\e906"; }

[class^=".icon-symptoms-"]:before,
[class*=" icon-symptoms-"]:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px; }

.icon-symptoms-1:before {
  background-image: url("../images/icon-symptoms-1.svg"); }

.icon-symptoms-2:before {
  background-image: url("../images/icon-symptoms-2.svg"); }

.icon-symptoms-3:before {
  background-image: url("../images/icon-symptoms-3.svg"); }

.icon-symptoms-4:before {
  background-image: url("../images/icon-symptoms-4.svg"); }

.icon-symptoms-5:before {
  background-image: url("../images/icon-symptoms-5.svg"); }

.icon-symptoms-6:before {
  background-image: url("../images/icon-symptoms-6.svg"); }

.icon-symptoms-7:before {
  background-image: url("../images/icon-symptoms-7.svg"); }

.icon-symptoms-8:before {
  background-image: url("../images/icon-symptoms-8.svg"); }

.btn {
  position: relative;
  border-radius: 0;
  padding: .58em 3em .45em 2em;
  box-shadow: 0px 2px 0px #B3B3B3;
  border-width: 2px;
  border-style: solid;
  line-height: 1.2; }

.btn-white {
  border-color: #FFF;
  color: #209CB5 !important; }
  .btn-white:link, .btn-white:visited, .btn-white:active {
    color: #209CB5 !important; }
  .btn-white:hover {
    color: #FFF !important; }

.btn-reserve {
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/btn-reserve.svg);
  width: 200px;
  height: 95px;
  display: inline-block; }
  .btn-reserve:hover {
    background-image: url(../images/btn-reserve-inverse.svg); }

.btn-more {
  border-color: #209CB5;
  color: #FFF !important;
  background: #209CB5 !important; }
  .btn-more:link, .btn-more:visited, .btn-more:active {
    background: #209CB5 !important;
    color: #FFF !important; }
  .btn-more:hover {
    background: #FFF !important;
    color: #209CB5 !important; }

.btn-more-yg {
  border-color: #8DC21F;
  color: #FFF !important;
  background: #8DC21F !important; }
  .btn-more-yg:link, .btn-more-yg:visited, .btn-more-yg:active {
    background: #FFF !important;
    color: #8DC21F !important; }
  .btn-more-yg:hover {
    background: #8DC21F !important;
    color: #FFF !important;
    border-color: #FFF; }

.btn-more:after, .btn-more-yg:after, .btn-white:after {
  font-weight: 700;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.5em; }

.btn-top {
  display: inline-block;
  width: 52px;
  height: 52px;
  padding-left: 2px;
  padding-top: 23px;
  background: url("../images/btn-top.svg") no-repeat;
  text-align: center;
  font-size: 0.8125rem;
  letter-spacing: 1px; }
  .btn-top:link, .btn-top:visited, .btn-top:active {
    color: #209CB5 !important; }

/*
 * メインページ
 * ==========================================
 */
.main .header {
  height: 550px;
  background: url("../images/mainvisual.jpg") no-repeat;
  background-position: center bottom;
  background-size: cover;
  text-align: center;
  color: #FFF; }
  .main .header h1 {
    max-width: 702px;
    margin: 0 auto;
    padding: 157px 0 42px 0; }
  .main .header h2 {
    margin: 0 auto;
    font-size: 1.1875rem;
    letter-spacing: 0.3125rem; }
.main .sp-btn-reserve {
  position: absolute;
  right: 1em;
  top: 1em; }
  .main .sp-btn-reserve .btn {
    padding-left: 1em;
    padding-right: 2em; }
.main .contents .section .content {
  padding: 3.51rem 2.343rem; }
.main .contents h2 {
  font-size: 1.3125rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 15px;
  margin-bottom: 2.3430rem; }
.main .contents h3 {
  font-size: 1rem;
  text-align: center; }
  .main .contents h3 + * {
    margin-top: 1.8em; }
.main .contents .white .list-group-item {
  border-radius: 0 !important;
  border-top: 1px dotted #8DC21F !important;
  border-bottom: 1px dotted #8DC21F !important;
  border-right: 1px none #8DC21F !important;
  border-left: 1px none #8DC21F !important;
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important; }
.main .contents .white .list-group-item:first-child {
  border-top: 0px none !important; }
.main .contents .white .list-group-item:last-child {
  border-bottom: 0px none !important; }
.main .contents .white th, .main .contents .white td {
  background: #FFF;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #f7e3a6 !important;
  padding: .6rem .5rem; }
  .main .contents .white th small, .main .contents .white td small {
    font-size: .7rem;
    display: block; }
.main .contents .white .row-header {
  width: 7em; }
.main .contents .white .has-border {
  border-right: 2px solid #f7e3a6; }
.main .section-news .content,
.main .section-information .content {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto; }
.main .section-map {
  min-height: 320px; }
  .main .section-map .content {
    margin-left: auto;
    margin-right: auto; }
@media all and (-ms-high-contrast: none) {
  .main .section-map .content {
    width: 100% \0; } }
.main .section-news .list-group-item {
  display: flex; }
.main .section-news .news-date {
  padding-right: 2em; }
.main .section-greeting h2 {
  letter-spacing: 5px; }
.main .section-map .map-image {
  height: 100%;
  min-height: 340px;
  overflow: hidden; }
.main .section-menu .row > div {
  margin-top: 60px;
  background-color: #D3EDFB;
  border-left: 20px solid #FFF;
  border-right: 20px solid #FFF; }
.main .section-menu .menu-item {
  position: relative;
  padding: 60px 1em 2em;
  text-align: center; }
  .main .section-menu .menu-item .icon:before {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -50px; }
  .main .section-menu .menu-item h4 {
    font-size: 1.0625rem;
    padding-top: 1rem;
    color: #209CB5; }
  .main .section-menu .menu-item p {
    font-size: 0.875rem;
    margin-bottom: 0; }

/*
 * サブページ
 */
.sub .header {
  min-height: 215px;
  background-color: skyblue;
  text-align: center;
  color: #FFF; }
  .sub .header h1 {
    margin: 0 auto 1rem;
    font-size: 1.7rem;
    letter-spacing: .4em;
    min-height: 128px;
    padding-top: 100px; }
  .sub .header h2 {
    margin: 0 auto;
    padding-bottom: 3rem;
    font-size: 1.1875rem;
    letter-spacing: 0.3125rem; }
.sub .contents {
  min-height: 100%; }
  .sub .contents .section {
    padding-top: 3.51rem;
    padding-bottom: 4.217432052483599rem; }
    .sub .contents .section .content {
      width: 84.77842003853565%;
      max-width: 880px;
      margin: 0 auto; }
  .sub .contents .section:first-child {
    padding-top: 80px; }
  .sub .contents h2 {
    margin-top: 0;
    margin-bottom: 2.3rem;
    text-align: center;
    font-size: 1.375rem;
    color: #209CB5; }
  .sub .contents h3 {
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 50px;
    padding-bottom: 0;
    text-align: center;
    letter-spacing: 0.72px;
    font-size: 1.125rem; }
  .sub .contents span.head-underline {
    border-bottom: solid 2px #3da2a3;
    padding-bottom: 3px; }
  .sub .contents ul {
    padding-left: 1.5em; }
    .sub .contents ul.greenlist {
      padding-left: 0em;
      list-style: none; }
      .sub .contents ul.greenlist li:before {
        padding-right: 0.5em;
        content: "●";
        color: #3da2a3; }
  .sub .contents table {
    width: 100%;
    margin-top: .5em;
    margin-bottom: .5em;
    background: #209CB5;
    border: 2px solid #209CB5; }
    .sub .contents table th, .sub .contents table td {
      border-bottom: 2px solid #209CB5;
      text-align: center;
      font-weight: normal;
      background: #FFF; }
    .sub .contents table .has-border {
      border: 2px solid #209CB5; }
  .sub .contents .news li, .sub .contents .newssub-news {
    border-bottom: 2px solid #DBE7E7;
    padding: 1em 1em 1em 4em;
    line-height: 1.7; }
    .sub .contents .news li .news-title, .sub .contents .newssub-news .news-title {
      color: #000;
      line-height: 1.7; }
      .sub .contents .news li .news-title a, .sub .contents .newssub-news .news-title a {
        color: #2490a6; }
        .sub .contents .news li .news-title a:hover, .sub .contents .newssub-news .news-title a:hover {
          color: #a6d9e4; }
    .sub .contents .news li:first-child, .sub .contents .newssub-news:first-child {
      border-top: 2px solid #DBE7E7; }
    .sub .contents .news li:before, .sub .contents .newssub-news:before {
      margin-left: -1.5em;
      color: #209CB5;
      font-size: 1.75rem;
      padding-right: .5em;
      vertical-align: -0.18em; }
  .sub .contents .sub-news {
    border-top: 2px solid #DBE7E7;
    border-bottom: 2px solid #DBE7E7;
    padding: 1em 1em 1em 4em;
    line-height: 1.7; }
    .sub .contents .sub-news .news-title {
      color: #000;
      line-height: 1.7; }
      .sub .contents .sub-news .news-title a {
        color: #2490a6; }
        .sub .contents .sub-news .news-title a:hover {
          color: #a6d9e4; }
  .sub .contents dl.faq dt, .sub .contents dl.faq dd {
    border-bottom: 2px solid #DBE7E7;
    padding: 1em 1em 1em 4em;
    line-height: 1.5; }
    .sub .contents dl.faq dt:before, .sub .contents dl.faq dd:before {
      margin-left: -1.5em;
      color: #209CB5;
      font-size: 1.75rem;
      padding-right: .5em;
      vertical-align: -0.18em; }
  .sub .contents dl.faq dd {
    margin-bottom: 0; }
  .sub .contents figure {
    padding: 1em 0;
    text-align: center; }
    .sub .contents figure figcaption {
      text-align: center;
      color: #AAA; }
  .sub .contents .box-tel {
    color: #209CB5;
    text-align: center; }
    .sub .contents .box-tel .caption {
      padding: .5em;
      border-radius: 2em;
      color: #209CB5;
      background: #DBE7E7;
      font-weight: 700; }
  .sub .contents .box-button {
    margin-top: 1.5em; }

/*
 * HTMLタグの設定上書き
 * ==========================================
 */
img {
  max-width: 100%; }
  img[src$=".svg"] {
    width: 100%; }

.non-letterspace {
  letter-spacing: 0 !important;
  text-indent: 0 !important; }

.table thead th, .table thead td, .table tbody th, .table tbody td {
  vertical-align: middle; }

@media (max-width: 575.98px) {
  .header h2 {
    letter-spacing: 0 !important; }

  .main .header {
    height: 310px !important; }
    .main .header h1 {
      padding-top: 130px;
      background-size: 350px; }
  .main .btn-reserve {
    background-size: 114px 55px;
    width: 114px;
    height: 55px; }
  .main .contents h2 {
    letter-spacing: 5px; }
  .main .contents .section .content {
    width: 100%;
    padding: 30px 30px; }
    .main .contents .section .content .table th, .main .contents .section .content .table td {
      width: auto;
      padding-left: .5em;
      padding-right: .5em; }
  .main .contents .section-menu .row > div {
    margin-top: 20px; }
  .main .contents .section-menu h4 {
    padding-top: .5rem; }
  .main .contents .section-menu h4, .main .contents .section-menu p {
    padding-left: 103px; }
  .main .contents .section-menu .menu-item {
    padding: 1em 0; }
    .main .contents .section-menu .menu-item [class^=".icon-symptoms-"]:before, .main .contents .section-menu .menu-item [class*=" icon-symptoms-"]:before {
      position: relative;
      top: auto;
      left: auto;
      margin-left: 0;
      margin-right: 16px;
      width: 87px;
      height: 87px;
      float: left; }

  .sub .header {
    min-height: 115px;
    padding-top: 5px; }
    .sub .header .container {
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }
      .sub .header .container h1 {
        min-height: 116px;
        padding-top: 1.3em;
        padding-bottom: 1.3em;
        margin: 0; }
  .sub .contents .section:first-child {
    padding-top: 40px; }
  .sub .contents .contents table td, .sub .contents .contents table th {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
@media (max-width: 991.98px) {
  /**
   * SP/タブレット版ツールバー
   */
  body {
    margin-bottom: 50px; }

  #sp-toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5; }
    #sp-toolbar a {
      height: 50px; }

  #sp-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #209CB5;
    z-index: 10; }
    #sp-menu a:link, #sp-menu a:visited, #sp-menu a:hover, #sp-menu a:active {
      color: #FFF; }
    #sp-menu li {
      width: 100%;
      padding: .5em 0; }
    #sp-menu .has-top-border, #sp-menu .has-bottom-border {
      height: 0;
      padding: 0; }
    #sp-menu .nav-item {
      font-size: 1.3rem;
      width: 100%; }
    #sp-menu .btn {
      font-size: 1.5rem; }

  #btn-close-sp-menu {
    font-size: 4.375rem;
    line-height: 1;
    cursor: pointer; }

  /*
   * SP/タブレット版ツールバーここまで
   */
  .main .header {
    background-image: url(../images/mainvisual-sp.jpg); }
    .main .header h1 {
      width: 100%;
      height: auto;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: contain;
      background-image: url(../images/sp-logo.svg);
      background-position: center bottom 1rem; }

  .bg-content-doctor {
    background: none;
    padding-bottom: 0 !important; }

  .footer .logo {
    width: 90%; }
  .footer #btn-sp-menu {
    cursor: pointer; }
  .footer .footer-content {
    position: relative; }
    .footer .footer-content .btn-top {
      margin-top: 0;
      position: absolute;
      right: 1em;
      top: -2em; } }
@media (min-width: 992px) {
  table {
    font-size: 1.0625rem; }

  .table-schedule td {
    font-size: 1.25rem; }

  .section-map > .row {
    height: 340px; }

  .pad-sidebar {
    padding-left: 262px !important; }

  .margin-sidebar {
    margin-left: 262px !important; } }


/* 20230510 */
#Gcalender div div {
  width:44%; max-width:44%
}
#Gcalender .row {
  justify-content:space-between;
  margin:0;
}
@media (max-width: 768px) {
  #Gcalender .row {
    width:100%;
    display:block;
  }
  #Gcalender div div {
    width:90%; max-width:90%;
    margin:0 auto 40px;
  }
  #Gcalender iframe {
    height:400px;
  }
}
@media (max-width: 575.98px) {
  #Gcalender .row {
    width:100%;
    display:block;
  }
  #Gcalender div div {
    width:90%; max-width:90%;
    margin:0 auto 40px;
  }
}