@media screen and (max-width: 1024px) {
    #header #top #readspeaker_button1 {
        margin: 0;
        max-width: 100%;
    }

    #xp1 {
        margin-right: 1em;
        top: 135px;
    }

    .index_rs #xp1 {
        margin-right: 0;
        top: 88vw;
    }

    body .sp {
        display: inline;
    }

    body p.sp,
    body div.sp {
        display: block;
    }

    body .pc,
    body .nd {
        display: none !important;
    }

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

    body {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
    }

    body * {
        box-sizing: border-box;
    }

    #topicbox ul {
        padding: 10px 0;
    }

    /*container*/
    #container {
        padding-top: 0;
        width: 100%;
    }

    .page-main {
        background: url(../honkaigi/R05/cbodybg.gif) left top repeat;
    }

    /*headbox*/
    #header #top ul.flr {
        display: none;
        width: 100%;
        text-align: right;
        padding: 5px 3%;
        background: #f6f6f6;
        margin: 0;
        border-top: 5px solid #4b175e;
        border-bottom: 1px solid #ccc;
    }

    #header #top ul.flr li {
        padding: 0 !important;
        float: none;
        display: inline;
    }

    #header #top ul.flr li a {
        display: inline-block;
    }

    html.js body.menu-is-open #header #top ul.flr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0.25rem 0.75rem;
        text-align: left;
    }

    #header #top ul.flr li {
        display: block;
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
    }

    #top h1,
    #top .site-logo {
        padding: 10px 0;
    }

    #top h1 a,
    #top .site-logo a {
        margin: 10px 15px;
    }

    #top #ocbt {
        float: right;
        width: auto;
        margin: 8px 15px 0 0;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    html.js #top #ocbt {
        display: block;
    }

    #top #ocbt img {
        display: block;
        height: 65px;
        float: none;
        margin: 0;
    }

    /* menu */
    #gNav {
        display: none;
        width: 100%;
        background: url(../img/sp/spmenubg.gif);
        z-index: 10;
        padding: 10px;
    }

    #gNav ul {
        display: block;
        margin: 0;
        padding: 5px 10px;
        background: #fff;
        border-radius: 5px;
    }

    #gNav li {
        border-top: 1px solid #ccc;
        float: none;
        padding: 3px 0;
    }

    #gNav li:first-child {
        border-bottom: none;
    }

    #gNav li a {
        text-decoration: none;
        display: block;
        color: #222;
        background: 98% center no-repeat url(../img/sp/linkbg.png);
        background-size: 6%;
        font-weight: bold;
        width: 100%;
        border-radius: 5px;
        padding: 5px 10px;
        height: auto !important;
        text-align: left;
    }

    #gNav li a:hover,
    #gNav li a.on {
        background: #e5dbb3;
    }

    #gNav li a span {
        display: block;
        vertical-align: middle;
        line-height: 100%;
        padding: 3% 10% 3% 15% !important;
        background-size: 12%;
        background-position: left center;
        background-repeat: no-repeat;
    }

    #gNav li:nth-child(1) a span {
        background-image: url(../img/sp/spbg1.png);
    }

    #gNav li:nth-child(2) a span {
        background-image: url(../img/sp/spbg2.png);
    }

    #gNav li:nth-child(3) a span {
        background-image: url(../img/sp/spbg3.png);
    }

    #gNav li:nth-child(4) a span {
        background-image: url(../img/sp/spbg4.png);
    }

    #gNav li:nth-child(5) a span {
        background-image: url(../img/sp/spbg5.png);
    }

    #gNav li:nth-child(6) a span {
        background-image: url(../img/sp/spbg6.png);
    }

    #gNav li:nth-child(7) a span {
        background-image: url(../img/sp/spbg7.png);
    }

    #gNav li:nth-child(8) a span {
        background-image: url(../img/sp/spbg8.png);
    }

    #gNav li:nth-child(9) a span {
        background-image: url(../img/sp/spbg9.png);
    }

    #gNav li:nth-child(10) a span {
        background-image: url(../img/sp/spbg10.png);
    }

    #gNav li:nth-child(11) a span {
        background-image: url(../img/sp/spbg11.png);
    }

    #container .mainimg {
        margin-top: 0px;
        display: none;
    }

    /*basepage*/
    #header #top {
        width: 100%;
        border-bottom: 3px solid #551a6a;
    }

    #gNav ul {
        width: 100%;
    }

    #footer {
        clear: both;
        padding-top: 120px;
        background-size: auto 120px, auto auto;
    }

    #footerbg,
    #footer .copy {
        min-width: 100%;
    }

    #footerbox {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    #footerbox dl {
        width: 100%;
    }

    /*indexpage*/
    #contents {
        width: 100%;
        padding: 3%;
    }

    #footer .topbtn {
        width: 100%;
        clear: both;
        border-top: 1px dotted #ccc;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
    }

    #topicbox {
        width: 100%;
    }

    #schedulebox {
        width: 100%;
    }

    #contentsbox {
        width: 100%;
    }

    #pdfdl {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 5%;
        padding-right: 5%;
    }

    #RsideNav {
        width: 100%;
    }

    #spbox {
        margin-bottom: 20px;
        background: #ddd1e1;
        border-radius: 10px;
        padding: 4%;
    }

    #spbox h2 {
        color: #761d96;
        font-weight: bold;
        text-align: left;
        font-size: 130%;
    }

    #spbox h2 span {
        font-size: 100%;
    }

    #spbox h2 img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: -12%;
        max-width: 50%;
    }

    #spbox p {
        clear: both;
        text-align: left;
        font-size: 90%;
    }

    #spbox ul {
        clear: both;
    }

    #spbox ul * {
        display: inline;
    }

    #spbox ul img {
        display: inline-block;
        width: 30%;
        margin: 1% 0.5%;
    }

    #spbox2 {
        margin-bottom: 30px;
        background: #b2e4e0;
        border-radius: 10px;
        padding: 3%;
    }

    #spbox2 ul * {
        display: inline;
    }

    #spbox2 ul img {
        display: inline-block;
        width: 49%;
        margin: 0;
    }

    #topicbox h2 {
        background: #fcd299;
        position: relative;
        margin: 20px 0 0;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #f78e01;
    }

    #topicbox h2 span {
        display: block;
        font-weight: bold;
        padding: 2% 2% 1% 22%;
        font-size: 110%;
    }

    #topicbox h2 img {
        position: absolute;
        bottom: 0;
        left: 2%;
        width: 18%;
    }

    h3#changeloghead {
        clear: both;
        margin: 20px 0 1px;
        display: block;
        font-weight: bold;
        padding: 2%;
        border-radius: 5px 5px 0 0;
        text-align: center;
        font-size: 110%;
        color: #fff;
        background: url(../img/sp/clhead.png);
    }

    #RsideNav #changelog ul {
        font-size: 100%;
        margin: 0 0 10px;
        border: 4px solid #b9c5e4;
    }

    #footerbox #sublink {
        margin: -5% -5% 3%;
        display: block;
        padding: 0 5%;
        background: #fff;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    #footerbox #sublink li {
        display: inline-bock;
        margin-left: 15px;
        padding: 5px 0;
    }

    #footerbox #sublink li a {}

    #contentsbox .conboxin {
        width: 100%;
        background: none;
    }

    #contentsbox .conboxin h2 {
        padding: 10px;
        background: url(../img/sp/spmenubg.gif);
        border-radius: 5px 5px 0 0;
        margin-bottom: 1px;
        color: #fff;
    }

    #contentsbox .conboxin h2 span {
        display: inline-block;
        width: 100%;
        font-size: 110%;
        padding: 0.5% 14%;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 12%;
    }

    #contentsbox .conboxin:nth-child(1) h2 span {
        background-image: url(../img/sp/h2bg1.png);
    }

    #contentsbox .conboxin:nth-child(2) h2 span {
        background-image: url(../img/sp/h2bg2.png);
    }

    #contentsbox .conboxin:nth-child(3) h2 span {
        background-image: url(../img/sp/h2bg3.png);
    }

    #contentsbox .conboxin:nth-child(4) h2 span {
        background-image: url(../img/sp/h2bg4.png);
    }

    #contentsbox .conboxin:nth-child(5) h2 span {
        background-image: url(../img/sp/h2bg5.png);
    }

    #contentsbox .conboxin:nth-child(6) h2 span {
        background-image: url(../img/sp/h2bg6.png);
    }

    #contentsbox .conboxin:nth-child(7) h2 span {
        background-image: url(../img/sp/h2bg7.png);
    }

    #contentsbox .conboxin:nth-child(8) h2 span {
        background-image: url(../img/sp/h2bg8.png);
    }

    #contentsbox .conboxin:nth-child(9) h2 span {
        background-image: url(../img/sp/h2bg9.png);
    }

    #contentsbox .conboxin:nth-child(10) h2 span {
        background-image: url(../img/sp/h2bg10.png);
    }

    #contentsbox #chukei li {
        width: 100%;
    }

    #contentsbox .catbox li,
    #contentsbox .catbox2 li {
        float: none;
        display: inline-block;
        margin: 0 10% 2% 0;
        padding: 0 0 0 5%;
        min-width: 30%;
        background: url(../img/common/icon01.gif) 0 0.6em no-repeat;
    }

    #contentsbox .catbox a,
    #contentsbox .catbox2 a {
        background: none;
        display: inline;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #contentsbox .catbox,
    #contentsbox .catbox2 {
        width: 100%;
        margin: 0;
        padding: 3% 5%;
        background: none;
        border: 3px solid #E5C4F0;
    }

    #footerbox dt,
    #footerbox dd {
        font-size: 80%;
    }

    #contents #main .title01 {
        line-height: 160%;
    }

    #contents #main .title02,
    #contents #main .title002 {
        padding-bottom: 2%;
        padding-left: 25px;
        font-size: 125%;
        border-bottom: 3px solid #67317f;
        text-indent: 0;
    }

    #contents #main .title002 {
        background-image: url(../img/common/tl_icon01.png);
        background-position: left 0.3em;
        background-repeat: no-repeat;
    }

    #contents #main .tlicon01 {
        padding-left: 0;
        background: none !important
    }

    #contents #main .title03 {
        padding-bottom: 2%;
        padding-left: 20px;
        font-size: 115%;
        border-bottom: 2px solid #C0A1CB;
    }

    #contents #main .title04 {
        padding: 0 0 10px;
        font-size: 105%;
    }

    .con_topbtn {
        margin-bottom: 40px;
    }

    .katsudoubox img {
        margin: 0 auto;
        display: block;
    }

    
    /*ssbox*/
    #ssbox,
    #header #top .searchBox {
        border-top: 1px solid #774888;
        border-bottom: 1px solid #774888;
        background: #9976a6;
        padding: 5px 5%;
        text-align: center;
    }

    #ssbox form,
    #header #top .searchBox form {
        width: min(90%, 40rem);
        margin: 0 auto;
    }

    #ssbox form > div,
    #header #top .searchBox form > div {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    #ssbox input[type=text],
    #header #top .searchBox input[type=text] {
        border: 1px solid #774888 !important;
        border-radius: 3px;
        line-height: 140%;
        width: 70%;
        vertical-align: middle;
    }

    #ssbox .q_txt,
    #header #top .searchBox .q_txt {
        flex: 1 1 30rem;
        width: auto;
        min-width: 0;
        vertical-align: middle;
    }

    #header #top .searchBox {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        padding: 5px 5%;
        text-align: center;
    }

    #header #top .searchBox li {
        float: none;
        width: 100%;
        padding: 0;
    }
    #ssbox::after{
        content: '';
        display: block;
        clear: both;
    }

    /*contentpage*/
    /* 議長・副議長 */
    #main,
    #sNav {
        float: none;
        margin-bottom: 5%;
    }

    #contents #main .mainbox {
        background: none;
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }

    #contents #main {
        background: none;
        float: none;
        border: 1px solid #eee;
        box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
        -webkit-box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
        -moz-box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
    }

    p.updated {
        font-size: 90%;
    }

    #contents #main .title01 {
        /*  background: none;*/
        padding: 3% 5%;
        margin: 0 3%;
        font-size: 130%;
        border-radius: 0 0 5px 5px;
        background: #d8c1de;
        background: -moz-linear-gradient(top, #d8c1de 0%, #be9dc8 100%);
        background: -webkit-linear-gradient(top, #d8c1de 0%, #be9dc8 100%);
        background: linear-gradient(to bottom, #d8c1de 0%, #be9dc8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d8c1de', endColorstr='#be9dc8', GradientType=0);
        box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
        -webkit-box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
        -moz-box-shadow: rgba(204, 204, 204, 0.278431) 0px 0px 6px 3px;
        background: #d8c1de;
    }

    #contents #main .ctxt {
        padding: 3% 0;
    }

    #contents #main,
    #main .mainbox .navbtn,
    #gichofukugicho-kousaihi #main .toptlbox {
        width: 100%;
        background: #fff;
    }

    #pan {
        margin: 0;
        width: 100%;
    }

    #pan .snsbox {
        margin: 0 10px;
        display: none !important;
    }

    .panbox {
        display: block;
        padding: 0 10px;
    }

    .panbox li {
        float: left;
        font-size: 85%;
        margin: 5px 0;
    }

    body #main * {
        max-width: 100%;
    }

    /* 議員名簿 */
    #meibo-senkyoku #main #senkyoku .maparea {
        display: none;
    }

    #meibo-senkyoku #main #senkyoku .areabox {
        width: 100%;
    }

    #meibo #main #gojyuontable table,
    #main .sidetlbox {
        width: 100% !important;
    }

    #meibo #main #gojyuontable table tr td:nth-child(1),
    #meibo #main #gojyuontable table th:nth-child(3) {
        white-space: nowrap;
    }

    #meibo #main #gojyuontable table td {
        text-align: left;
    }

    #meibo-kaiha #main th,
    #meibo-iinkai #main th {
        width: auto !important;
        min-width: 5em;
    }

    #main .sidetlbox th {
        min-width: 5em;
    }

    #main .sidetlbox td,
    #meibo-iinkai #main td {
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
    }

    #main .sidetlbox td a,
    #meibo-iinkai #main td a {
        display: inline-block;
    }

    #meibo-senkyoku #main dt {
        width: 5em;
    }

    #meibo-senkyoku #main dd {
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
        margin-left: 5em;
    }

    #contents #main .mainbox p {
        text-indent: 0;
    }

    #meibo-iinkai #main .namelist li {
        width: 100%;
    }

    /*市会のしくみ*/
    .memotxt,
    .pdftxt,
    .notes {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    #shikumi #main #shoukai .toptlbox {
        width: 100%;
    }

    /*市会のしくみ（子ども）*/
    #shikumi-child #main .fLtxt,
    #shikumi-child #main .fRtxt,
    .floatL,
    .floatR {
        float: none;
        width: 100%;
    }

    /*本会議*/
    #honkaigi #main #nittei table {
        width: 100% !important;
    }

    #honkaigi #main #nittei table th {
        white-space: nowrap;
        width: auto;
    }

    #honkaigi #main #nittei table td {}

    #honkaigi #main table {
        width: 100%;
    }

    #honkaigi #main td {
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
    }

    .scrolltable {
        overflow: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        border: 3px solid #f0d1fB;
        padding: 0;
    }

    .scrolltable table {
        margin: 2% 0 !important;
    }

    .scrolltable::-webkit-scrollbar {
        /*tableにスクロールバーを追加*/
        height: 5px;
    }

    .scrolltable::-webkit-scrollbar-track {
        /*tableにスクロールバーを追加*/
        background: #F1F1F1;
    }

    .scrolltable::-webkit-scrollbar-thumb {
        /*tableにスクロールバーを追加*/
        background: #BCBCBC;
    }

    body .scrolltable table td {
        font-size: 100% !important;
    }

    /*まだあるがテーブル構造が複雑なので一時保留*/
    /*委員会*/
    #iinkai #main .toptlbox {
        width: 100% !important;
    }

    #iinkai #main .toptlbox td:first-child {
        min-width: 6em;
    }

    #iinkai #main .toptlbox tr th.detail {
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
    }

    #iinkai #main .date {
        width: 7em;
    }

    /*市会改革の取組*/
    #main .toptlbox {
        width: 100% !important;
    }

    #shikaikaikaku-iinkai #main .toptlbox td:first-child {
        min-width: 6em;
    }

    /*市会だより*/
    #joho-dayori #main .toptlbox tr td:first-child {
        width: 6.5em;
        text-align: left !important;
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
    }

    /*政務活動費*/
    #joho #main #seimukatsudohi .tstlbox {
        width: 100% !important;
    }

    /*公開文書請求*/
    #joho #main #koukaiseikyu .irregularbox {
        width: 100% !important;
        overflow: auto;
    }

    #gichofukugicho-katsudou .cnavi {
        padding: 10px 0 30px;
    }

    #meibo #main .gojyuonnavi li {
        margin: 0;
        width: 4em;
    }

    /*sidebar*/
    #sNav {
        width: 100%;
        clear: both;
        margin-top: 40px;
        background: none;
    }

    #sNav .snavimenu {
        width: 100%;
        background: none;
        border: 3px solid #BA99C7;
        background: #fff;
    }

    #sNav h2 {
        padding: 2% 5%;
        text-align: left;
        color: #fff;
        background: url(../img/sp/spmenubg.gif);
        border-radius: 5px 5px 0 0;
    }

    #sNav .snav-title {
        width: 100%;
    }

    /*toppage*/
    #topicbox,
    #schedulebox {
        background: #fff;
    }

    #topicbox ul.topicin,
    #schedulebox ul.schedulein {
        background: none;
        margin: 0;
        padding: 0;
    }

    #topicbox li,
    #schedulebox li {
        padding: 10px;
        margin: 0;
        background: #fef7ed;
        border-bottom: 1px solid #f78e01;
    }

    #topicbox li.mb00,
    #schedulebox li.mb00 {
        background: #fff;
        border: none;
        text-align: center;
        margin: 0;
        padding: 10px 20%;
    }

    #topicbox li>a,
    #schedulebox li>a {
        margin: 0;
        display: block;
    }

    #schedulebox li {
        background: #f0f7ee;
        border-bottom: 1px solid #349a22;
    }

    #RsideNav .sbn {
        width: 100%;
        margin: 0 auto 3%;
        text-align: center;
        display: inline-block;
    }

    .sbn img {
        display: inline-block;
    }

    .spcontact {
        display: block;
        background: #f5f5f5;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        text-align: center;
        margin: 10px -3%;
    }

    .spcontact img {
        margin: 3% auto;
        width: 60%;
    }

    .textimg {
        height: 1.1em;
        vertical-align: text-top;
        margin-top: 2px;
    }

    #chukei-ustream #main .ustreambox {
        width: 100% !important;
    }

    #shikumi-child #main .btnbox li.btm02 {
        padding-top: 20px;
    }

    #main {
        word-wrap: break-word;
        word-break: break-all;
    }

    .#main .cnavi {
        line-height: 2.0;
    }

    #shikumi #main #shoukai li {
        margin-right: 0;
    }

    #main {
        background: #fff;
    }

    .footmenu {
        min-width: 100%;
        padding: 10px;
    }

    .footmenu a {
        display: inline-block;
        float: left;
    }

    .footmenu .topbtn a:last-child {
        display: block;
        float: none;
        clear: both;
        text-align: right;
    }

    #infobox {
        padding: 1rem;
    }

    #topleft {
        width: 100%;
        padding-top: 0;
    }

    #mainimg {
        float: none;
        height: auto !important;
        margin: 0 0 1rem;
        padding-top: 0;
        width: 100%;
    }

    #mainimg #imgbox {
        position: relative;
        width: 320px;
        max-width: 100%;
        margin: 0 auto;
        aspect-ratio: 320 / 280;
    }

    #mainimg #imgbox > img,
    #mainimg #imgbox > a {
        left: 0;
        width: 100%;
    }

    #mainimg #mi-thumbs {
        position: static;
        width: auto;
        min-height: 1.4rem;
        margin-top: 0.5rem;
        justify-content: center;
    }

    #infobox > h2 {
        clear: both;
    }

    #infobox h2,
    #infobox ul {
        width: 100%;
        margin: 0
    }

    #topright {
        float: none;
        width: 100%;
        clear: both;
    }

    #gNav2 {
        background: url(../img/sp/spmenubg.gif);
        display: block;
        padding: 10px;
        width: 100%;
        z-index: 10;
    }

    html.js #gNav2 {
        display: none;
    }

    html.js body.menu-is-open #gNav,
    html.js body.menu-is-open #gNav2 {
        display: block;
    }

    #gNav2>ul {
        background: #fff;
        border-radius: 5px;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: 100%;
    }

    #gNav2>ul>li {
        border-left: none;
        border-right: none;
        border-top: 1px solid #ccc;
        float: none;
        padding: 5px 0;
        width: 100% !important;
    }

    #gNav2>ul>li:first-child {
        border-left: none;
        border-top: none;
    }

    #gNav2 li ul {
        position: static;
        top: auto;
        min-width: 0;
        width: 100%;
        max-height: none;
        padding: 0 10px 5px;
        overflow: visible;
        border-top: 0;
        background: #f7f1f9;
    }

    #gNav2 li ul li a,
    #gNav2 li ul li:first-child a {
        padding: 8px 10px 8px 25px;
        white-space: normal;
        background-position: 10px 1em;
    }

    #gNav2 > ul > li:focus-within > ul {
        display: block !important;
    }

    #gNav2 li a {
        background: 98% center no-repeat url(../img/sp/linkbg.png);
        background-size: 6%;
        border-radius: 5px;
        color: #222;
        display: block;
        font-weight: bold;
        height: auto !important;
        padding: 5px 10px;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }

    #gNav2 li a:hover,
    #gNav2 li a.on {
        background: #e5dbb3;
    }

    #gNav li:nth-child(1) a span {
        background-image: url(../img/sp/spbg1.png);
    }

    #gNav li:nth-child(2) a span {
        background-image: url(../img/sp/spbg2.png);
    }

    #gNav li:nth-child(3) a span {
        background-image: url(../img/sp/spbg3.png);
    }

    #gNav li:nth-child(4) a span {
        background-image: url(../img/sp/spbg4.png);
    }

    #gNav li:nth-child(5) a span {
        background-image: url(../img/sp/spbg5.png);
    }

    #gNav li:nth-child(6) a span {
        background-image: url(../img/sp/spbg6.png);
    }

    #gNav li:nth-child(7) a span {
        background-image: url(../img/sp/spbg7.png);
    }

    #gNav li:nth-child(8) a span {
        background-image: url(../img/sp/spbg8.png);
    }

    #gNav li:nth-child(9) a span {
        background-image: url(../img/sp/spbg9.png);
    }

    #gNav li:nth-child(10) a span {
        background-image: url(../img/sp/spbg10.png);
    }

    #gNav li:nth-child(11) a span {
        background-image: url(../img/sp/spbg11.png);
    }

    #top {
        background: #fff;
        padding: 0;
    }

    .linkbox {
        display: none;
    }

    #schedulebox a .title::after {
        font-size: 0.9em;
    }

    .treebox {
        vertical-align: bottom;
    }

    .threebox.first a.tbox {
        height: auto;
    }

    .threebox p {
        padding: 0.5rem 1rem 1rem;
        font-size: 0.8em;
    }

    .threebox {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
        justify-content: center;
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .threebox::after {
        display: none;
    }

    .threebox a.tbox {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0;
        justify-self: center;
    }

    .threebox a.tbox:nth-child(2n) {
        margin: 0;
    }

    .threebox a.tbox img {
        display: block;
        width: 100%;
        height: auto;
    }

    .threebox.second a.tbox:nth-child(3) {
        clear: none;
    }

    #facebookbox {
        padding: 0;
        text-align: center;
    }

    .carer-banner {
        text-align: center;
    }

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

    #dayoribox table {
        margin: 1em auto;
    }

    #gNav2 li a span {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 12%;
        display: block;
        line-height: 100%;
        padding: 3% 10% 3% 15% !important;
        vertical-align: middle;
    }

    #gNav2 li:nth-child(1) a span {
        background-image: url(../img/sp/spbg1.png);
    }

    #gNav2 li:nth-child(2) a span {
        background-image: url(../img/sp/spbg4.png);
    }

    #gNav2 li:nth-child(3) a span {
        background-image: url(../img/sp/spbg5.png);
    }

    #gNav2 li:nth-child(4) a span {
        background-image: url(../img/sp/spbg3.png);
    }

    #gNav2 li:nth-child(5) a span {
        background-image: url(../img/sp/spbg8.png);
    }

    #gNav2 li:nth-child(6) a span {
        background-image: url(../img/sp/spbg6.png);
    }

    #gNav2 li:nth-child(7) a span {
        background-image: url(../img/sp/spbg7.png);
    }
    
    #gNav2 li:nth-child(8) a span {
        background-image: url(../img/sp/spbg_youtube.png);
    }

    #container {
        background: none;
    }

    #header {
        position: static;
        width: 100%;
    }

    #main {
        margin-top: 0;
    }

    #infobox {
        margin-top: 0;
    }

    .chukeibox {
        margin: 0 0 1em !important;
        width: 100% !important;
    }

    .kaigirokubox div {
        text-align: left;
        width: 100%;
        float: none;
        padding: 0 0 90px;
        min-height: auto;
    }

    .k_show {
        margin: 2rem 0;
    }
}

@media screen and (max-width: 1024px) {
    html.js #gNav2 > ul {
        overflow: auto;
        max-height: calc(100vh - 240px);
    }
}