@charset "UTF-8";



/*!
 * ress.css • v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}
*,
::before,
::after {
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}
/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item; /* Add the correct display in all browsers */
}
small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden],
template {
  display: none; /* Add the correct display in IE */
}
abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}
a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}
b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}
/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}
/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}
/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"]
[role="button"] {
  cursor: pointer;
}
/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto; /* Firefox 36+ */
}
[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}
textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}
optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}
button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}
button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}
legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}
[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}
/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}
audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}
/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}
/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
6. Universa

















/* ========BASIC======== */
html {
   overflow-y:scroll;
}



/*欄内の基本設定*/
body {
   margin:10px 0;/*20px*/
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   /*font-family:Verdana, Helvetica, sans-serif;*/
   
   
   font-size:22px;
   color:#333;
   
   /*欄外背景色*/
   /*background:#8a695f;*/
   /*background:#ffffcc;薄クリーム*/
   /*background:#666633;カーキ*/
   background:#ffffff;/*白*/
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}




/* ========TEMPLATE LAYOUT======== */
#top {
   width:940px;
   margin:0 auto;
   padding:0px;
   
   /*欄内枠背景色*/
   /*background-color:#E7DFCE;*/
   /*background-color:#99cc00;深緑*/
   /*background-color:#cccccc;薄灰*/
   background-color:#ffffff;/*白*/
}

#header {
   width:940px;
}

#menu {
   width:940px;
}

/*サイドメニュー背景色*/
#contents {
   clear:both;
   width:940px;
   background: #999966 url(../images/bg_contents.gif) -240px 0 repeat-y;
   /*元色：#51000c*/
}

#headImage {
   width:940px;
}

#main {
   float:left;
   width:740px;
   padding:0 10px;
}

#sub {
   float:right;
   width:180px;
}

/* 回り込み解除 */
#footer {
   clear:both;
   width:940px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0;
   /*font-family: "arial black","sans-serif";*/
   font-size:84px;
   color:#fff;
   line-height:100px;
}


/*空を青くするための処理（ブロック分けされた文字のインライン化と色設定）*/
#header h1.sora {
   display: inline; 
   color:#33ccff;
}

#header h1.sora:hover {
   color:#3399ff;
}


#header h1 a {
   color:#624643;
}

#header h1 a:hover {
   color:#AE847F;
}


/*アクセスカウンタ*/
#header .count {
   display: inline-block;
   float: right;
   clear: both;
}


/*サブタイトルのフォントサイズ設定*/
#header h2 {
   font-size: 40px;
}


/* ===== ソーシャルアイコン ===== */


/*ソーシャルアイコン基本設定*/
#social-icon a { margin: 0; padding: 10px; } 
#social-icon i { color: #c6bb80; } 
#social-icon a:hover i { color: #bcaf68; } 


/*ソーシャルアイコン追加設定*/
#social-icon {
   font-size: 30px;/*アイコンサイズの指定*/
   margin-left: 20px;/*サブタイトルとアイコン群との間隔*/
}


/*位置をサブタイトルの横並びに配置*/
.social-icon2 {
/*   display: inline-block;*/
   float: right;
   clear: both;
}


/* ===== ソーシャルアイコンここまで ===== */



/*テロップのフォントとフォントサイズ*/
.telop {
   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;
   font-size: 35px;
   
/* overflow:-webkit-marquee;
   white-space:nowrap;
   background-color: #666666;
   color: #ffffff;
*/
   width: 940px;
}





#headImage {
   width:940px;
   /*height:200px;*/
   /*height:533px;*/
   height:620px;
   
    /*max-width: 100%; 
    height: auto; */
   
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   display: inline-block;
}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:188px;
   padding:10px 0;
   color:#fff;
   background-color:#200700;
}

#menu li a.active {
   display:block;
   width:188px;
   padding:10px 0;
   color:#fff;
   background-color:#3f1508;
}

#menu li a:hover {
   color:#ddd;
   background-color:#3f1508;
}

/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}




/* ========HEADLINE CONTENTS CUSTOMIZE======== */
#contents h1 {
   margin-bottom:8px;
   padding:0px;/*5px*/
   color:#fff;
   /*font-family:Georgia;*/
   font-size:25px;
   font-weight:bold;
   /*テロップの背景*/
   /*background:#8C514A;薄えんじ色*/
   /*background:#ffffff;白*/
   background:#666666;/*濃灰*/
   border: solid 5px; color: #ffffff;
}




/* ========MAIN CONTENTS CUSTOMIZE======== */


#main a {
   color:#D70053;
}

#main a:hover {
   color:#D2447B;
   border:0;
   border-bottom:1px solid #D2447B;
}


/*ギャラリーのサムネイル写真マウスオーバー時に上記設定（赤下線）が反映されないようにする*/
#gallery a:hover {
   border:0;
}

/*ギャラリーのサムネイル写真をマウスオーバー時に半透明にさせる*/
#gallery a {
    transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
    }
#gallery a:hover{
    opacity: 0.7;/*要素の透明度を指定*/
    filter: alpha(opacity=70); /*ie6、7の透明度指定*/
    /*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
}
/*ギャラリーのサムネイル写真の半透明化ここまで*/


/*ボタンアニメーション*/
#main a.button {
  background: linear-gradient(45deg, #D70053, #ff99cc, #ff33cc);
  background-size: 600% 600%;
  animation: ma-button1 10s ease infinite;
}
 
@keyframes ma-button1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#main a.button:hover {
   color:#D2447B;
   border:0;
   border-bottom:1px solid #D2447B;
   background: linear-gradient(45deg, #D2447B, #D2447B, #ff33cc);
   background-size: 600% 600%;
   animation: ma-button-hover1 10s ease infinite;
}
 
@keyframes ma-button-hover1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


#main a.button {
   /*color:#D70053;*/
   /*追記*/
   color:#ffffff;
   padding: 10px;
   background-color: #D2447B;
   border-radius: 15px;
}

#main a.button:hover {
   /*color:#D2447B;*/
   border:0;
   /*border-bottom:1px solid #D2447B;*/
   /*追記*/
   color:#ffffff;
   padding: 10px;
   background-color: #990066;
   border-radius: 15px;
}


/* ===== リンク集のリンク表示設定 ===== */

#main .link-a {
   font-size: 27px;
   color: #0033ff;
   line-height: 30px;
}


#main .link-a:hover {
   background-color: #ffccff/*#99ccff*/;
   text-decoration: underline;
   line-height: 30px;
   color: #ff3399;
   border-radius: 5px;
}

#main .link-a:visited {
   color: #660099;
}

/* ===== リンク集のリンク表示設定ここまで ===== */


/*ページタイトルのフォント設定*/
#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#31001D;
   font-size:40px;
   font-weight:bold;
   border-bottom:3px double #31001D;
}




#main h2.volunt-info {
   color:#31001D;
   font-size:25px;
   border-bottom:1px solid #31001D;
}

#main h2.ryoukin {
   color:#31001D;
/*   font-size:32px;*/
   border-bottom:none;
}


/*サブメニューページのタイトルフォントサイズ*/
#gp-h1 .sublarge-menu {
   font-size: 30px;
}


/*本文中の項目タイトル*/
#main h3 {
   margin-bottom:3px;
   padding:2px 4px;
   font-size:36px;
   color:#fff;
   /*background:#551b14;えんじ色*/
   /*background:#200700;トップメニューと同色*/
   background:#999999;/*薄灰*/
   border-radius: 5px;/*角を丸く*/
   background: linear-gradient(-10deg,#cccccc,#333333);/*グラデーション*/
}

#main h4 {
   margin-bottom:2px;
   font-size:25px;
   color:#551b14;
   border-bottom:2px solid #551b14;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   font-size:25px;
   color:#551b14;
   border-left:8px solid #551b14;
}

#main h6 {
   font-size:22px;
   color:#551b14;
}

#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}


/*お知らせ欄の本文*/
#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
   /*形をおしゃれにして点線で囲う*/
   border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
   border: 2px dotted #333;
}


/*
.maps {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
*/

.maps{
position:relative;
padding-bottom:80%; /*これが縦横比*/
height:0;
overflow:hidden;
}
.maps iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}












/* ========sub CONTENTS CUSTOMIZE======== */

/*サイドメニューのタイトルフォント設定*/
#sub h2 {
   padding:3px;
   font-size:25px;/*saide-menu_title*/
   font-weight:bold;
/*   color:#fff;*/
   color: #333300;
   font-weight: bold;
}

#sub ul {
   margin:0;
   padding:5px 0 1em 5px;
}


/*サイドメニューのメニューフォント設定*/
#sub li {
   margin:0;
   padding-left:20px;
   color:#fff;
   line-height:1.8;
   list-style:none;
   font-size: 22px;
   border:solid #666666;
   border-width:1px 0px 1px 0px;
   margin-bottom: -1px;/*線を重ねて太くなるのを防ぐ*/
}

/*サイドメニューの画像設定*/
#sub li.base {
   background:url(../images/bg_sub_li.gif) 0 16px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}

#sub li.new {
   background:url(../images/bg_sub_li_new.png) 0 16px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}

/*サイドメニューのメニューブロック基本設定*/
#sub li a {
   color:#fff;
   /*以下追記*/
   display:block;
   width:155px;
   padding:5px 0;
   /*background-color:#999966;*/
   background: linear-gradient(-80deg,#666633,#999966);/*グラデーション*/
}


/*サイドメニューのメニューホバー設定*/
#sub li a:hover {
   color:#ddd;
   border-bottom:1px solid #ddd;
   /*以下追記*/
   /*background-color:#3f1508;*//*グラデーションでは無効化される*/
   background: linear-gradient(-80deg,#3f1508,#999966);
}


/*サイドメニューアクティブ時動作*/
#sub li a.active {
   display:block;
   width:155px;
   padding:5px 0;
   color:#fff;
   background-color:#3f1508;
}



/*＝＝＝＝＝　ギャラリー関係　＝＝＝＝＝*/

/*ギャラリーのサムネイル写真の下側スペース*/
#gallery img {
   margin-bottom:10px;
}



/* ===== ギャラリー関係ここまで ===== */



/* ========PAGETOP CUSTOMIZE========= */

/*「ページのトップへ戻る」の位置・フォント設定*/
#pageTop {
   margin:10px 0;
   text-align:right;
   font-size:18px;
}


/*ページのトップへ戻る*/
#pageTop a {
   padding:0 0 0 13px;
   background:url(../images/bg_pagetop.gif) 0 50% no-repeat;
}




/* ========FOOTER CUSTOMIZE======== */
/*コピーライト*/
.copyright {
   padding:10px 0;
   font-style:normal;
   font-size:20px;
   color:#333;
   text-align:center;
}







/* 画面横幅が1024px以上の場合 */
/* 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 min-width:1024px 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 */

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





/*メニューバーのフォントとフォントサイズ*/
#menu {
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
   font-size: 20px;
}

/*本文のフォントとフォントサイズ*/
#main p {
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
   font-size: 24px;
}


/*サイドメニューのフォント*/
/*
#sub {
   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;
}
*/


/*お知らせの文字サイズを大きく*/
#main .information {
   font-size: 26px;
}


/*入園料タグの強調部分*/
#main h2.ryoukin {
   font-size:32px;
}


/*連絡先の部分だけ行間を少し狭くする*/
#main .renrakusaki { line-height: 10px }

/*ふりがなの文字サイズを小さくして位置を調整*/
#main .furigana {
   font-size: 9px;
   padding-left: 150px;
}


/* ===== 連絡先テーブルの設定 ===== */

/*ルビの表示設定*/
.renraku-table,ruby {
   ruby-align: distribute-space;
   ruby-overhang: auto;
   ruby-position: above;
}

/*ルビの行間設定（機能せず）*/
.renraku-table,ruby rt {
/*   position: relative;
   top: 0.6ex;
*/
   line-height: 0px;
}

/*表の位置調整（上段ブロックを起点に右に30pxずらす）*/
.renraku-table {
   position:relative;
   top: 0px;
   left: 30px
}

/*clm1クラスの設定*/
.clm1 {
   width:150px;
   height: 45px;
   background-color: #cccccc;
   font-size: 20px;
   text-align: center;
}

/*clm2クラスの設定*/
.clm2 {
   width:300px;
   height: 45px;
   font-size: 20px;
   padding-left: 25px;
}

/* ===== 連絡先テーブルの設定ここまで ===== */



}/* 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 min-width:1024px 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 */








/* 画面横幅が1024px以下の場合 */
/* 　＝＝＝＝＝＝＝＝　 (min-width:568px) and ( max-width:1024px) 　＝＝＝＝＝＝＝＝　 */
/*@media screen and (min-width:568px) and ( max-width:1024px) {*/

@media screen and ( max-width:1024px) {



/*サブタイトルのフォントサイズ設定*/
#header h2 {
   font-size: 40px;
}


/*ソーシャルアイコン*/
#social-icon {
   font-size: 45px;
}

/*サブタイトルとソーシャルアイコンのインライン化を解除*/
.social-icon {
   clear:both;
   display:block;
}


/*ソーシャルアイコンの右寄せ*/
.icon-set {
   /*display: block;*/
   float: right;
}


/*テロップ*/
.telop {
   font-size: 43px;
}


/*ページタイトルのフォントサイズ*/
#main h2 {
   font-size: 50px;
}


/*本文中の項目タイトル*/
#main h3 {
   font-size:42px;
}


/*メニューバーのフォントとフォントサイズとインラインブロック化*/
#menu {
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
   font-size: 27px;
   display: inline-block;
}

/*メニューバーを太くする*/
#menu li a {
   padding:20px 0;
}

/*メニューバーを太くする*/
#menu li a:hover {
   padding:20px 0;
}


/*本文のフォントとフォントサイズ*/
#main p {
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
   font-size: 38px;
}


/* ===== リンク集のリンク表示設定 ===== */
#main .link-a {
   font-size: 35px;
   line-height: 45px;
}

#main .link-a:hover {
   line-height: 45px;
   color: #ff3399;
}

/* ===== リンク集のリンク表示設定ここまで ===== */


/*サイドメニューのフォント*/
/*
#sub {
   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;
}
*/

#sub h2 {
font-size: 30px;
}


/*サイドメニューのメニューフォントとフォントサイズ*/
#sub li {
   line-height:1.8;
   font-size: 35px;
}

#sub li.base {
   background:url(../images/bg_sub_li.gif) 0 25px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}

#sub li.new {
   background:url(../images/bg_sub_li_new.png) 0 25px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}


/*お知らせの文字サイズを大きく*/
#main .information {
   font-size: 38px;
}


/*入園料タグの強調部分*/
#main h2.ryoukin {
   font-size:45px;
}


/*連絡先の部分だけ行間を少し狭くする*/
#main .renrakusaki { line-height: 10px }


/*ふりがなの文字サイズを小さくして位置を調整*/
#main .furigana {
   font-size: 17px;
   padding-left: 250px;
}



/* ===== 連絡先テーブルの設定 ===== */

/*ルビの表示設定*/
.renraku-table,ruby {
   ruby-align: distribute-space;
   ruby-overhang: auto;
   ruby-position: above;
}

/*ルビの行間設定（機能せず）*/
.renraku-table,ruby rt {
/*   position: relative;
   top: 0.6ex;
*/
   line-height: 0px;
}

/*表の位置調整（上段ブロックを起点に右に30pxずらす）*/
.renraku-table {
   position:relative;
   top: 0px;
   left: 30px
}

/*clm1クラスの設定*/
.clm1 {
   width:200px;
   height: 80px;
   background-color: #efefef;
   font-size: 35px;
   text-align: center;
}

/*clm2クラスの設定*/
.clm2 {
   width:400px;
   height: 80px;
   font-size: 40px;
   padding-left: 20px;
}

/* ===== 連絡先テーブルの設定ここまで ===== */



/* ===== テーブル内の行のフォントの設定１ ===== */
table.table-tr {
  font-size: 35px;
  }
/* ===== テーブル内の行のフォントの設定１ここまで ===== */



/*ページのトップへ戻る*/
#pageTop {
   font-size:25px;
}

/*コピーライト*/
.copyright {
   font-size:25px;
   text-align: center;
}


}/* 　＝＝＝＝＝＝＝　 (min-width:768px) and ( max-width:1024px) 　＝＝＝＝＝＝＝　 */


















/* 画面横幅が800px以下の場合 */
/* 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 ( max-width:800px) 　＝＝＝＝＝＝＝＝＝＝＝＝＝　 */

@media screen and ( max-width:800px) {




/* ===TEMPLATE RELAYOUT==== */
#top {
   width:750px;
}

#header {
   width:750px;
}

#menu {
   width:750px;
}

/*サイドメニュー背景色*/
#contents {
   clear:both;
   width:750px;
   background: #999966 url(../images/bg_contents.gif) -430px 0 repeat-y;
}

#headImage,img.head-img {
   width: 750px;
   height: 500px;
}

#main {
   float:left;
   width:555px;
   padding:0 10px;
}


#sub {
   float:right;
   width:170px;
}


/* 回り込み解除 */
#footer {
   clear:both;
   width:750px;
}

/* 回り込み解除 */
/*#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
*/




/*サブタイトルのフォントサイズ設定*/
#header h2 {
   font-size: 32px;
}


#main h2 {
   font-size: 40px;
}


#main h3 {
   font-size: 35px;
}


#main p {
   font-size: 27px;
}


/*お知らせの文字サイズを大きく*/
#main .information {
   font-size: 30px;
}


/*メニューバーのフォントとフォントサイズとインラインブロック化*/
#menu {
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
   font-size: 23px;
   display: inline-block;
}

/*メニューバーを太くする*/
#menu li a {
   padding:10px 0;
   width:150px;
}

/*メニューバーを太くする*/
#menu li a:hover {
   padding:10px 0;
   width:150px;
}


/*テロップのフォントとサイズ*/
.telop {
   font-size: 30px;
   width: 750px;
}


/*サイドメニューのメニューフォントとフォントサイズ*/
#sub li {
   font-size: 28px;
}


#sub li.base {
   background:url(../images/bg_sub_li.gif) 0 22px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}

#sub li.new {
   background:url(../images/bg_sub_li_new.png) 0 22px no-repeat;/*項目の＋画像の位置調整（元は4px）*/
}


/*サイドメニューのメニューの幅を変更*/
#sub li a {
   width:145px;
}

/*サイドメニューアクティブ時動作*/
#sub li a.active {
   width:145px;
}



/*入園料タグの強調部分*/
#main h2.ryoukin {
   font-size:35px;
}


/*=====　リンク集のリンク表示設定　=====*/
#main .link-a {
   font-size: 30px;
   line-height: 45px;
}

#main .link-a:hover {
   line-height: 45px;
   color: #ff3399;
}

/*=====　リンク集のリンク表示設定ここまで　=====*/


/*　=====　連絡先テーブルの設定　=====　*/

/*ルビの表示設定*/
.renraku-table,ruby {
   ruby-align: distribute-space;
   ruby-overhang: auto;
   ruby-position: above;
}

/*ルビの行間設定（機能せず）*/
.renraku-table,ruby rt {
/*   position: relative;
   top: 0.6ex;
*/
   line-height: 0px;
}

/*表の位置調整（上段ブロックを起点に右に30pxずらす）*/
.renraku-table {
   position:relative;
   top: 0px;
   left: 30px
}

/*clm1クラスの設定*/
.clm1 {
   width:150px;
   height: 50px;
   font-size: 25px;
}

/*clm2クラスの設定*/
.clm2 {
   width:300px;
   height: 50px;
   font-size: 25px;
   padding-left: 20px;
}

/*　=====　連絡先テーブルの設定ここまで　=====　*/


/*テーブル内の行のフォントの設定１*/
table.table-tr {
  font-size: 24px;
  }




}/*　＝＝＝＝＝＝＝＝＝＝＝＝＝　 ( max-width:800px)　＝＝＝＝＝＝＝＝＝＝＝＝＝　*/















/*　＝＝＝＝＝　文中挿入画像の設定　＝＝＝＝＝　*/

#img-insert {
  position: relative;
  }


#img-insert span {
  position: absolute;
  top: 0;/*画像の右上に配置*/
  right: 0;
  margin: 0;/*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #666633;/*背景色*/
  font-size: 25px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }

/*　＝＝＝＝＝　文中挿入画像の設定ここまで　＝＝＝＝＝　*/





















/*
WEBフォントで「ふい字(HuiFontP109)」 ver130717
http://customtemplate.blog112.fc2.com/blog-entry-143.html
*/
@font-face{
font-family:'HuiFontP109';
src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot');
src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot?#iefix') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/s/7pscemjdvt0wyiq/HuiFontP109.woff') format('woff'),
url('https://dl.dropboxusercontent.com/s/0w9uuopxrns8ehi/HuiFontP109.ttf') format('truetype'),
url('https://dl.dropboxusercontent.com/s/xnnsbxtz8o6d98i/HuiFontP109.svg#HuiFontP109') format('svg');
}

/*フォーム・テキストエリア*/
/*
body,input,textarea{font-family:'HuiFontP109';font-size:16px;}
*/



/*ふい字フォントを有効化しつつ全フォントをベーシックに戻す*//*
/** {*/
/*   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;*/
/*   font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
/*
}
*/




/*タイトルとサブタイトルのフォントをセットで変更*/
#header .top-title {
   font-family:'HuiFontP109';/*★★ふい字フォント部分指定★★*/
}


/*お知らせのフォントをIDで変更*/
#oshirase {
   font-family:'HuiFontP109';/*★★ふい字フォント部分指定★★*/
}


/*お知らせのタイトルフォントをタグで戻す*/
#oshirase h3 {
   font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", "Nimbus Sans L", sans-serif;
}


/*
* {border: solid 1px}
*/