@media screen and (min-width: 768px) {

  /* 全体のスタイル */
  body {
    font-size: 100%;
    background: white;
  }

  /* ヘッダのスタイル */
  div#header {
    margin: 0px;
    padding: 0px;
    overflow: auto;
  }

  div#header-title {
    float: left;
    overflow: auto;
  }

  div#sub-title {
    margin-left: 1vw;
    font-size: 2vw;
    font-weight: bold;
  }

  div#main-title {
    margin-left: 0.5vw;
    font-size: 6vw;
    font-weight: bold;
  }

  a#main-title {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
  }

  a.link#main-title {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
  }

  a.hover#main-title {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
  }

  div#header-tel {
    margin-left: 1vw;
    float: left;
    overflow: auto;
    font-size: 2.5vw;
  }

  /* メニューに関するスタイル */
  ul#menu{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    font-size: 2vw;
  }
  li.menu
  {
    list-style-type: none;
    width: 25%;
    float: left;
    border: solid 0px 1px 0px 1px white;
  }
  a.menu
  {
    display: block;
    text-align: center;
    padding: 1vw 0vw 1vw 0vw;
    background: linear-gradient(#CCFF66, #99CC33);
    border-left: solid 1px white;
    color: black;
    text-decoration: none;
  }
  a:hover.menu
  {
    display: block;
    text-align: center;
    padding: 1vw 0vw 1vw 0vw;
    background: linear-gradient(#0066CC, #3399FF);
    color: white;
    text-decoration: none;
  }
  div.menu-jp
  {
    display: block;
  }
  div.menu-en
  {
    display: block;
  }


  img#toppage
  {
    border: 0px;
    width: 100%;
  }

  /* 主となる要素のスタイル */
  div#main-body
  {
    margin: 1vw 0vw 1vw 1vw;
    float: left;
    width: 71vw;
  }
  
  /* ホームページのWelcomeメッセージのスタイル */
  div#wellcome
  {
    overflow: auto;
    margin: 10px;
  }

  div#wellcome-message
  {
    margin: 1vw 0vw 2vw;
    font-size: 3vw;
    font-weight: bold;
  }

  div#wellcome-image
  {
    float: left;
    width: 25%;
  }

  img#wellcome-message
  {
    border: 0px;
    width: 100%;
  }

  div#wellcome-greeting
  {
    float: right;
    width: 75%;
  }

  div.wellcome-greeting-message
  {
    margin-left: 2vw;
    font-size: 2vw;
  }

  /* ページタイトルのスタイル */
  div#page-title
  {
    display: block;
    margin: 2vw 0vw 2vw;
    padding: 2vw 0vw 0vw;
    background: linear-gradient(#FFCC66, #CC9933);
    text-decoration: none;
    overflow: visible;
  }

  div#page-title-ja
  {
    overflow: auto;
    padding-left: 1vw;
    display: inline-block;
    color: white;
    font-size: 3.5vw;
  }

  div#page-title-en
  {
    overflow: auto;
    padding-left: 1vw;
    display: inline-block;
    color: black;
    font-size: 2.5vw;
  }

  div.page-message
  {
    font-size: 2vw;
  }

  /*タイトルバーのスタイル*/
  div.title-header
  {
    clear: left;
    overflow: visible;
    border-left-width: 3vw;
    border-left-style: solid;
    border-left-color: #FF6633;
    font-size: 2.5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    background: #CCCCFF;
    color: black;
    padding: 1vw 2vw;
  }
  
  /*サブタイトルバーのスタイル*/
  div.subtitle-header
  {
    clear: left;
    overflow: auto;
    margin-bottom: 10px;
    background: white;
    font-size: 3vw;
    color: green;
    padding: 5px 10px;
  }
  
  /* 新着情報のスタイル */
  dl#news
  {
    overflow:auto;
    width: 100%;
  }

  dt.news-date
  {
    clear: left;
    float: left;
    font-weight: bold;
    width: 20vw;
    font-size: 2vw;
  }

  dd.news-title
  {
    margin-left: 20vw;
    margin-bottom: 1vw;
    font-size: 3vw;
    font-weight: bold;
    display: block;
  }
  
  dd.news-message
  {
    clear: both;
    margin: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
  }

  div.news-message
  {
    font-size: 2vw;
  }

  div.news-date
  {
    font-weight: bold;
    margin-left: 1vw;
    margin-top: 1vw;
    font-size: 2vw;
  }

  div.news-location
  {
    font-weight: bold;
    margin-left: 1vw;
    margin-top: 1vw;
    font-size: 2vw;
  }

  div.briefing-date
  {
    font-weight: bold;
    margin-left: 1vw;
    margin-top: 1vw;
    font-size: 2vw;
    color: blue;
  }

  div.briefing-date2
  {
    font-weight: bold;
    margin-left: 8vw;
    margin-top: 1vw;
    font-size: 2vw;
    color: blue;
  }

  div.briefing-location
  {
    font-weight: bold;
    margin-left: 12vw;
    margin-top: 1vw;
    font-size: 2vw;
  }

  div.news-markup
  {
    margin-left: 1vw;
    margin-top: 1vw;
    font-size: 2vw;
  }

  ul.news-list
  {
    margin-left: 1vw;
    margin: 1vw 0vw;
    font-size: 2vw;
    padding-left: 5vw;
    list-style: circle;
  }

  li.news-list
  {
  }

  /* 新着情報内のボタンに関するスタイル */
  div.news-button
  {
    width: 100%;
  }

  a.news-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: #009999;
    font-size: 2vw;
    padding: 5px 0px 5px 0px;
    text-align: center;
    display: block;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    text-decoration: none;
  }

  a:hover.news-button
  {
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #3300FF;
    font-size: 2vw;
    display: block;
    background: linear-gradient(#CC9933, #FFCC66);
    text-decoration: none;
  }

  /* newアイコンのスタイル */
  div.newicon {
    font-size: 1.5vw;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 0vw 1vw 0vw 1vw;
    margin-right: 1vw;
    background: red;
    float: left;
  }

  /* 年度ボタンに関するスタイル */
  div#year
  {
    width: 100%;
    float: left;
  }
  ul#year_button{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
  }
  li.year_button
  {
    list-style-type: none;
    width: 33%;
    float: left;
    border-left: solid 1px white;
  }
  a.year_button
  {
    display: block;
    text-align: center;
    padding: 6px 0px 6px 0px;
    font-size: 2vw;
    background: linear-gradient(#CCFF66, #99CC33);
    color: black;
    text-decoration: none;
  }
  a:hover.year_button
  {
    display: block;
    text-align: center;
    padding: 6px 0px 6px 0px;
    background: linear-gradient(#0066CC, #3399FF);
    color: white;
    text-decoration: none;
  }
  div.year_button
  {
    display: block;
  }

  /* 学童紹介のメッセージ */
  div.information
  {
    margin-bottom: 3vw;
    clear: both;
    overflow: visible;
  }

  div.information-message
  {
    font-size: 2vw;
    float: left;
  }

  dt.information-message
  {
    font-weight: bold;
    font-size: 2vw;
  }

  dd.information-message
  {
    font-size: 2vw;
    margin-left: 3vw;
    margin-bottom: 1vw;
  }

  div.information-image
  {
    float: right;
    width: 25%;
  }

  img.information-image
  {
    border: 0px;
    max-width: 100%;
    height: auto;
  }

  img.svg
  {
    max-width: 100%;
    height: auto;
  }

  ul.information
  {
    padding-left: 5vw;
    font-size: 2vw;
    list-style-type: circle;
  }

  li.information
  {
    margin-bottom: 5px;
  }

  /* アクセス方法のスタイル */
  div#access
  {
    overflow: visible;
    margin: 3vw 1vw 1vw 0vw;
    float: right;
    width: 24vw;
  }
  
  div#title-header
  {
    font-size: 3vw;
    font-weight: bold;
  }

  div#access-kuden
  {
    float: left;
    width: 100%;
    font-size: 2vw;
    overflow: visible;
    margin-top: 5vw;
  }

  div#access-kunugi
  {
    float: left;
    width: 100%;
    font-size: 2vw;
    overflow: visible;
    margin-top: 5vw;
  }

  div.access-name
  {
    font-weight: bold;
  }

  div.access-mail
  {
    font-size: 1.5vw;
  }

  div.access-tel
  {
    font-size: 1.5vw;
  }

  a.access-map
  {
    color: red;
  }

  /* 学童の一日のスタイル */
  div#another-house
  {
    
  }

  dl#another-house
  {
    overflow:auto;
    width: 100%;
  }

  dl#another-house dt
  {
    margin: 5px 5px 5px;
    font-weight: bold;
  }

  dl#another-house dd
  {
  }

  dd.ananother-house-way-to-spend
  {
    margin-left: 5px;
  }

  dd.another-house-date
  {
    font-weight: bold;
    margin-left: 10px;
  }

  dd.another-house-location
  {
    font-weight: bold;
    margin-left: 10px;
  }

  dd.another-house-button
  {
  }

  dd.another-house-split
  {
    margin-left: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #009900
  }

  /* 年間のイベントのスタイル */
  div.event-calender
  {
    float: left;
    width: 32%;
    height: 25vw;
    padding: 0px;
    margin: 1px 1px 5px 1px;
    text-align: center;
    background-color: #FFFFCC;
    border: 1px solid #336666;
    border-radius: 3px;
  }

  div.event-month
  {
    font-size: 3vw;
    border-bottom: 1px dotted #069;
  }

  div.event-activity
  {
    font-size: 2vw;
  }

  div.teacher
  {
    overflow: hidden;
  }
  div.teacher-name
  {
    clear: both;
    overflow: visible;
    width: 100%;
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 1vw;
  }
  div.teacher-introduce
  {
    width: 75%;
    float: left;
    font-size: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-bottom: 4vw;
  }
  img.teacher-iamge
  {
    width: 20%;
    float: right;
  }

  /* 保育方針のスタイル */
  div#policy
  {
  }
  ul.policy
  {
    font-size: 2vw;

  }
  ul.policy li
  {
    margin-left: 2vw;
    list-style-type: disc;
  }

  /* 入所案内のスタイル */
  div#entry
  {
    font-size: 2vw;
  }

  dl#entry
  {

  }
  dt.entry-item
  {
    clear: left;
    float: left;
    width: 25%;
    font-weight: bold;
  }
  dd.entry-item
  {
    display: block;
    margin-left: 25%;
    width: 75%;
  }
  dt.subitem-entry-title
  {
    display: block;
    float: left;
    font-weight: bold;
    width: 100%;
  }
  dd.subitem-entry-item
  {
    width: 80%;
    text-align: right;
  }

  /* どんぐり通信のスタイル */
  dl#donguri
  {
    overflow:auto;
    width: 100%;
  }

  dl#donguri dt
  {
  }

  dt.donguri-title
  {
    font-size: 3vw;
    font-weight: bold;
    width: 100%;
    text-align: left;
  }

  dt.donguri-date
  {
    color: green;
    font-size: 2vw;
    font-weight: bold;
    width: 100%;
    text-align: right;
  }

  dd.donguri-title
  {
    color: green;
    font-weight: bold;
    display: block;
  }
  
  dd.donguri-message
  {
    margin: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    font-size: 2vw;
    margin-bottom: 5px;
  }

  div.donguri-message-intro
  {
  }

  div.donguri-gakudou
  {
    font-weight: bold;
  }
  div.donguri-show-button
  {
    width: 50%;
  }
  a.donguri-show-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: lightseagreen;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 2vw;
    display: block;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    text-decoration: none;
  }
  a:hover.donguri-show-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: white;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 2vw;
    display: block;
    background: linear-gradient(#CC00FF, #9900FF);
    text-decoration: none;


  }

  dd.donguri-button
  {
  }

  img.donguri
  {
    width: auto;
    max-height: 20%;
  }

  /* SKILL UPのページ */
  /* 入所案内のスタイル */
  div.skillup
  {
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 2vw;
  }

  ul.skillup
  {
    padding-left: 10px;
    list-style-type: circle;
  }
  li.skillup
  {
    border-bottom: solid 1px lightgreen;
    margin-bottom: 5px;
    font-size: 2vw;
  }

  /* 研修会報告のスタイル */
  dl#report
  {
    overflow:auto;
    width: 100%;
  }

  dl#report dt
  {
  }

  dt.report-title
  {
    font-size: 3vw;
    font-weight: bold;
    width: 100%;
    text-align: left;
  }

  dt.report-date
  {
    color: green;
    font-size: 2vw;
    font-weight: bold;
    width: 100%;
    text-align: right;
  }

  dd.report-title
  {
    color: green;
    font-size: 2vw;
    font-weight: bold;
    display: block;
  }
  
  dd.report-message
  {
    margin: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
    font-size: 2vw;
  }

  div.report-message-intro
  {
  }

  div.report-subtitle
  {
    margin: 2vw 0vw;
    font-size: 2vw;
    font-weight: bold;
    color: lightcoral
  }

  div.report-message-section
  {
    margin: 2vw 0vw 3vw 0vw;
    border-bottom: dashed 1px black;
  }

  div.report-show-button
  {
    width: 50%;
  }
  a.report-show-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: lightseagreen;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 2vw;
    display: block;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    text-decoration: none;
  }
  a:hover.report-show-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: white;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 2vw;
    display: block;
    background: linear-gradient(#CC00FF, #9900FF);
    text-decoration: none;

  }

  dd.report-button
  {
  }

  /* 災害時マニュアルのスタイル */
  dl#emergency
  {
    overflow:auto;
    width: 100%;
  }

  dt.emergency
  {
    clear: left;
    float: left;
    font-weight: bold;
    width: 20vw;
    font-size: 2vw;
  }

  dd.emergency-title
  {
    margin-left: 20vw;
    margin-bottom: 1vw;
    font-size: 3vw;
    font-weight: bold;
    display: block;
  }
  
  dd.emergency-message
  {
    clear: both;
    margin: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
  }

  div.emergency-message
  {
    font-size: 2vw;
  }

  /* 災害時マニュアルのボタンに関するスタイル */
  div.emergency-button
  {
    width: 100%;
  }

  a.emergency-button
  {
    width: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: #009999;
    font-size: 4vw;
    padding: 5px 0px 5px 0px;
    text-align: center;
    display: block;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    text-decoration: none;
  }

  a:hover.emergency-button
  {
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #3300FF;
    font-size: 4vw;
    display: block;
    background: linear-gradient(#CC9933, #FFCC66);
    text-decoration: none;
  }

  /* 地図のページ */
  div#map
  {
    width: 71vw;
    height: 71vw;
  }

  div#exterior
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* 上に戻るのボタン */
  div#page-top
  {
    position: fixed;
    right: 10px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    z-index: 500;
    font-size: 6vw;
    color: red;
    text-align: center;
    vertical-align: bottom;
  }

  a#page-top
  {
    display: block;
    color: red;
    background: rgba(153, 153, 153, 0.5);
    text-decoration: none;
  }

  a:link#page-top
  {
    display: block;
    color: red;
    background: rgba(204, 204, 204, 0.5);
    text-decoration: none;
  }

  a:hover#page-top
  {
    display: block;
    color: red;
    font-weight: bold;
    background: rgba(204, 204, 204, 0.5);
    text-decoration: none;
  }

  /* フッターのスタイル */
  div#footer
  {
    margin: 10px;
    overflow: auto;
    clear: both;
    font-size: 2vw;
  }
  
  /* Copyrightのスタイル */
  div#footer-name
  {
    margin: 10px;
    text-align: center;
  }

}