/*
Theme Name: scw
Theme URI: https://school-watching.com/
Author: 公共施設を考える会
Author URI: https://school-watching.com/
Description: このテーマは、公共施設を考える会が運営する「学校ウォッチング」サイトのオリジナルテーマです。
License:
License URI:
Requires at least: 5.7
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
Text Domain: scw
Tags: one-column, custom-menu, editor-style,
学校ウォッチング テーマ, (C) 2022 公共施設を考える会
*/
*{box-sizing:border-box;}
body{background-color:#083;}
.wrap-main, .wrap-pankuzu, .wrap-headimg{background-color:#fff;}
html, body{
    overflow-x: hidden;
}
[class*='wrap-']{
    width:100%;
}
[class*='page__']{
    width:93%;
    margin:0 auto;
}
[class*='site-']{
    width:100%;
    max-width:1080px;
    margin:0 auto;
    padding:.5rem;
}
/* トップページ・headイメージ */
#heading-image{
    background:no-repeat center 30% #c5f2d6;
    background-size: cover;
    min-height:380px;
    border-bottom-right-radius: 1300px 230px;
    border-bottom-left-radius: 1300px 230px;
    text-align:center;
    position:relative; /*ロゴの配置でも使用しているため省略不可*/
    transition:0.4s;
}
#heading-image h2{
    display:inline-block;
    margin:110px auto 0;
    font-size:2.3em;
    text-shadow:3px 3px 8px #fff, -3px -3px 8px #fff,
    -3px 3px 8px #fff, 3px -3px 8px #fff,
    0px 3px 8px #fff,  0 -3px 8px #fff,
    -3px 0 8px #fff, 3px 0 8px #fff;
}
@media screen and (max-width:650px) {
    #heading-image h2{
        font-size:1.8em;
    }
}
@media screen and (max-width:480px) {
    #heading-image{
        min-height:300px;
    }
    #heading-image h2{
        margin:60px 2em 0;
        font-size:1.5em;
        text-align:left;
    }
    #heading-image h2 br{
        display:none;
    }
}
/* //トップページ・headイメージ */
.main__bottom, .width--narrow{
    width:95%;
    max-width:600px;
    margin:2em auto;
}
.page__title__fontSize{font-size:1.9em;}
.page__title__line{
    display:inline-block;
    width:auto;
    border-bottom:1px solid #aaa;
    padding:0 .6em .2em;
    margin:2em 0 1em;
    position:relative;
}
.page__title__line::after{
    position:absolute;
    bottom:0;
    right:-.9em;
    font-size:1.5em;
}
.page__title__line a{
    text-decoration:none;
    color:#333;
}
.page__title__line.has-red-color{
    border-bottom-color:#c00;
}
[class*='btn__return']{
    text-align:center;
    margin:3em 0;
}
[class*='btn__return'] a{
    display:inline-block;
    padding:.5em .8em;
    background-color:#083;
    color:#fff;
    margin:0 auto;
    text-decoration:none;
    border-radius:1em;
}

/*main_contents*/
.page__content{padding:2.5em 0;}
.page__content *{margin-top:0;}
.wp-block-group + .wp-block-group{
    margin-top:2.2em;
}
.wp-block-group__inner-container{margin:0; padding:0;}
.page__content p{line-height:1.6;}
/*各ページのメインコンテンツの幅設定*/
.blog .page__content,
.page_rinen .page__content,
.page_aboutus .page__content,
.page_contact .page__content{
    max-width:740px;
}

/* SVG */
/* svgロゴ */
[id*='logo__']{height:auto; overflow:hidden; }
[id*='logo__'] svg{fill:#fff; width:100%; height:100%;}
#logo__footer{ width:180px; margin-bottom:.15em;}
#logo-school-watch{ left:0; top:0;}
.secound-level h1{position:absolute; top:-28px; left:0; }
.secound-level h1 svg{position:relative; top:5px;}

h1 a{
    background-color:#083;
    width:160px;
    height:130px;
    padding:20px;
    border-radius:50%;
    display:inline-block;
}
.site-header{position:relative;}
.site-header h1{top:-28px; left:0;}
/*トップページのみ*/
.top-level .site-header{padding:0;}
.top-level .head__nav{padding:.5em;}
.top-level h1{position:absolute; bottom:-110px; left:50%; margin-left:-90px;}
.top-level h1 a{
    width:180px;
    height:180px;
    border:2px solid #fff;
    padding:5px;
}
.top-level h1 svg{
    border:1px solid #fff;
    padding:8px 10px 12px;
    border-radius:50%;
}
.top-main{padding-top:80px;} /*下にずらし文を補填しておく*/
@media screen and (max-width:480px) {
    .top-level #logo__header{
        transform:scale(.8);
    }
}

/* --ここまで　//　svgロゴ */