@charset "UTF-8";

/*-----------------------------------------------------------------
　　あけの学童クラブ　基本設定
-----------------------------------------------------------------*/

/*
　　リセット
----------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, cite, code, em, img, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
menu, nav, section, time {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-style: normal;
}
body {
    line-height:1;
    -webkit-font-smoothing:antialiased;
}
article, aside, dialog, figure, footer, header,
hgroup, main, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
input,textarea {
    -webkit-appearance: none;
}

/*
　　設定
----------------------------*/
body {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    font-feature-settings: "palt"; /*文字詰め*/
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.6em;
    background-image: url(img/akeno-gakudou/bg.png);
    background-size: 1143px auto;
    background-repeat: repeat-x;
    background-position: center top;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 1em;
    font-weight: normal;
}
h1,h2,h3,h4 {
    clear: both;
}
ul li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #06f;
}
a:hover {
    text-decoration: underline;
}
img {
    line-height: 1;
    max-width: 100%;
    height: auto;
}
#wrap {
    width: 1000px;
    margin: 0 auto;
    padding: 15px;
}

/*-----------------------------------------------------------------
　　ヘッダー
-----------------------------------------------------------------*/
header {
    position: relative;
}
header .manage {
    text-align: right;
}
header .manage a {
    color: #000;
}
header .logo {
    position: relative;
    padding: 150px 500px 80px 0;
}
header .logo::before {
    content: '';
    width: 388px;
    height: 184px;
    background-image: url(img/akeno-gakudou/header_image.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 90px;
}
header .logo h1 {
    width: 418px;
}


/*-----------------------------------------------------------------
　　メイン
-----------------------------------------------------------------*/

.about {
    margin: 15px 0 50px;
    padding: 40px 50px;
    border-radius: 15px;
    background: #e8f4f7;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about .guide {
    width: 45%;
}
.about .event {
    width: 51%;
    position: relative;
}
.about .contact {
    width: 100%;
    margin: 20px 0 0;
    padding: 18px;
    background: #fff;
    border: solid 1px #0066cc;
    border-radius: 40px;
}
.about .contact p.access {
    width: 644px;
    height: 15px;
    margin: 0 auto;
    white-space: nowrap;
    text-indent: 200%;
    background: url(img/akeno-gakudou/access.png) 0 0 /contain no-repeat;
    overflow: hidden;
}

/*見出し*/
.about .guide h2,
.about .event h2 {
    height: 50px;
    margin: 0 0 20px;
    white-space: nowrap;
    text-indent: 200%;
    overflow: hidden;
}
.about .guide h2 {
    width: 156px;
    background: url(img/akeno-gakudou/title_about.png) center bottom /contain no-repeat;
}
.about .event h2 {
    width: 186px;
    background: url(img/akeno-gakudou/title_event.png) center bottom /contain no-repeat;
}
/*テーブル*/
main table {
    width: 100%;
    border-collapse: collapse;
    border-top: dotted 1px #000
}
main table tr {
    border-bottom: dotted 1px #000
}
main table th,
main table td {
    text-align: left;
    padding: 12px 0px 12px 18px;
}
/*リスト*/
main ul {
    margin-left: 5px;
    margin-bottom: 10px;
}
main ul li {
    position: relative;
    line-height: 1.5em;
    padding-left: 1em;
    margin-bottom: 5px;
}
main ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.6em;
    left: 0;
    background: #0066cc;
    border-radius: 50%;
}
/*イベント装飾*/
.about .event::before {
    content: '';
    width: 213px;
    height: 121px;
    background: url(img/akeno-gakudou/englishclub.png) 0 0 /contain no-repeat;
    position: absolute;
    right: -20px;
    top: 55px;
    z-index: 0;
}
.about .event::after {
    content: '';
    width: 163px;
    height: 92px;
    background: url(img/akeno-gakudou/birthdayparty.png) 0 0 /contain no-repeat;
    position: absolute;
    right: -20px;
    bottom: 15px;
    z-index: 0;
}

/*---------------------------------
    gallery
---------------------------------*/
.gallery {
    margin: 0 0 45px;
}
.row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    gap: 35px;
}

/*-----------------------------------------------------------------
　　フッター
-----------------------------------------------------------------*/

footer {
    padding: 30px 0 20px;
    background: #77cbee;
    text-align: center;
}
footer a {
    color: #000;
}
footer nav {
}
footer nav ul {
    margin: 5px 0 25px;
    display: flex;
    justify-content: center;
}
footer nav li {
    padding: 0 18px;
}
footer nav li + li {
    border-left: dotted 1px #000;
}

footer .copyright {
    font-size: 14px;
    line-height: 1em;
}


/*---------------------------------
　　ページトップへ
---------------------------------*/
#pagetop {
    display: block;
    width: 46px;
    height: 45px;
    position: fixed;
    right: -1px;
    bottom: 80px;
    border: solid 1px #fff;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    z-index: 100;
    background: #74c9e5 url(img/akeno-jidoukan/pagetop.png) center center /24px 25px no-repeat;
}



/* WP
---------------------- */
.wp-caption-text {
    text-align: center;
}