@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2019.05
==================================================== */
html { font-size: 10px; }

body { font-size: 1.4rem; }

@media screen and (min-width: 768px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
@media screen and (min-width: 992px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
@media screen and (min-width: 1200px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
body {
    color: #000;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 500;
}

input, button, textarea, *:before, *:after {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 500;
}

p:last-of-type { margin-bottom: 0; }

a { color: #000099; }

.serif { font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.sans {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 500;
}

.alignL { text-align: left !important; }

.alignC { text-align: center !important; }

.alignR { text-align: right !important; }

img.alignright { float: right; margin: 0.5em 0 0.5em 1em; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }

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

/* =======================================================
　フレーム
========================================================== */
.contents { margin: 0 auto; padding-right: 15px; padding-left: 15px; }
#ContentsBase{position: relative;}

@media print, screen and (min-width: 768px) {
    body{min-width:1110px;}
    #ContentsBase{padding-top: 130px;}
    
    .contents {width:1110px;}
    .contents.narrow{width: 1030px;}
    .contents + .contents{margin-top: 80px;}
}
@media screen and (max-width: 767px){
    .contents {width: 100%;}
    #ContentsBase{padding-top: 52px;}
    .contents + .contents{margin-top: 30px;}
}


/* ######################################################################################

　ファーストビューの要素

###################################################################################### */
/* ######################################################################################

　ヘッダ

###################################################################################### */
.header {position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);}
.header .contents{position: relative; display: flex; justify-content: space-between; align-items: center;}
.header .contents:after{display: none;}

@media print, screen and (min-width: 768px) {
    .header{height: 130px;}    
    .header .contents{
        padding-top: 41px;
        padding-bottom: 17px;
    }
}
@media screen and (max-width: 767px){
}

/* =======================================================
    ロゴ
========================================================== */
@media print, screen and (min-width: 768px) {
    .header .logo{position: relative; top: -8px;}
}
@media screen and (max-width: 767px){
    .header .logo{width: 160px;}
}


/* =======================================================
    gnav
========================================================== */
@media print, screen and (min-width: 768px) {
    .header .gnav{width: 730px;}
    .header .gnav ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .header .gnav ul li{margin: 0.65em 0;}
    .header .gnav ul li a{font-size: 1.5rem; text-decoration: none; color: #000;transition: color 0.25s ease; font-weight: bold;}
    .header .gnav ul li a:hover{color: #be495b;}
}
@media screen and (max-width: 767px){
    .header .gnav{display: none;}
}

/* =======================================================
    おおやけこども園公式サイト
========================================================== */
@media print, screen and (min-width: 768px) {
    .header .official{position: absolute; top: 0; right: 15px;}
}
@media screen and (max-width: 767px){
    .header .official{display: none;}
}




/* ######################################################################################

　印刷

###################################################################################### */
@media print{
    .header{position: relative;}
    #ContentsBase{padding-top: 0;}
    .entryFixBtn{
        position: absolute!important;
        top: calc(495px - 130px)!important;
    }
}