@charset "UTF-8";

/* ==============================================================*
【熊谷市：本庁】　トップページスタイル
================================================================ */

body#base {
    text-align: left;
}
div#main {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    /*margin: 110px 0 0 0;*/ /*fixする場合*/
}


/* ------------------  header  ------------------ */
header {
    position: relative;
}
header::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: block;
    /*width: 65%;*/
    width: 67%;
    height: 620px;
    border-radius: 0 0 0 300px;
    background: #D3ECF4;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}

.pchead_wp {
    background-color: #FFF;
    /*position: fixed;*/
    position: static;
}
.pcheadmenu {
    padding: 0 0 0 0;
}
.language_inner {
    right: 0px;
}


/* ------------------  共通  ------------------ */
p.shosai_link {
    margin: 0;
    padding: 0;
    background: none;
}
p.shosai_link a {
    display: block;
    padding: 9px 10px 9px;
    margin: 0;
    border: 1px solid #0990C6;
    border-radius: 28px;
    text-align: center;
}
p.shosai_link a:link {
    /*color: #000;*/
}

.t_morebtn_wp {
    text-align: center;
    margin: 0;
    padding: 8px 16px 8px;
}
.t_morebtn {
    margin: 0;
    padding: 0;
}
.t_morebtn a {
    display: block;
    /*padding: 11px 10px 12px;*/
    padding: 0;
    background-color: #D3ECF4;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    border-radius: 26px;
    font-size: 1.6rem;
}
.t_morebtn a span {
    /*padding: 3px 40px 4px 0;*/
    padding: 12px 40px 10px 0;
    display: inline-block;
    background-image: url(/images/r_t_com_btn_open.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;
}
.t_morebtn a.close span {
    background-image: url(/images/r_t_com_btn_close.png);
}


/* ------------------  ブランディングエリア  ------------------ */
.container01_wp {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 30px 0 0;
}

.top_slider_wp {
    width: 800px;
}
.top_slider {
    position: relative;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
ul.t_slider {
    padding: 0;
    margin: 0 !important;
}
ul.t_slider li {
    padding: 0;
    margin: 0;
    position: static;
}
ul.t_slider li img {
    width: 800px;
    height: 440px;
    border-radius: 2px;
}

/* control */
.top_slider_wp .slick-control-wp {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    padding: 8px 18px 8px;
    border-radius: 0 0 2px 2px;
    width: 800px;
}
.top_slider_wp .slick-dots-wp {
    width: 100%;
}
.top_slider_wp .slick-dots-wp ul.slick-dots {
    width: auto;
    position: static;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li {
    margin: 0 10px;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button {
    width: 18px;
    height: 18px;
    padding: 0;
    justify-content: center;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button::before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: '';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #FFF;
    opacity: 1;
    border-radius: 50%;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button::before {
    opacity: 1;
    background-color: #0990C6;
}

/* control横 stop startボタン */
.top_slider_wp .reproducing-button-wrap {
    display: flex;
    justify-content: flex-end;
    /*width: 44px;*/
    width: 73px;
    flex-shrink: 0;
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn {
    display: flex;
    align-items: center;
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn img {
    height: 34px;
    width: 73px;
    /*width: 34px;*/
}
.top_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.top_slider_wp button.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 50;
}
.top_slider_wp button.slick-arrow.prev {
    left: 0;
}
.top_slider_wp button.slick-arrow.next {
    right: 0;
}


/* ------------------  ブランディング横トピックエリア  ------------------ */
.sidetopic_wp {
    margin: 0;
    padding: 0;
    width: 320px;
    z-index: 10;
}
.sitopic_im {
    text-align: center;
}
.sitopic_im img {
    width: 260px;
    height: auto;
    border-radius: 2px;
}
.sitopic_ti {
    font-family: "UD Shin Go Regular","メイリオ", sans-serif;
    font-size: 2.2rem;
    margin: 12px 0 0;
    padding: 0;
}
.sitopic_tx {
    margin: 5px 0 0;
    padding: 0;
    letter-spacing: -0.08rem;
}
.sidetopic_wp p.shosai_link {
    margin: 25px auto 0;
    width: 300px;
}


/* ------------------  大切なお知らせエリア  ------------------ */
.container02_wp {
    background-color: #F3F8DF;
    margin: 80px 0 60px;
    padding: 0;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}
.oshirase {
    display: flex;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}
.oshirase h2 {
    margin: 0;
    padding: 0;
    font-size: 2.6rem;
    font-weight: normal;
    width: 280px;
    flex-shrink: 0;
}
ul.oshiraselist {
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.oshiraselist li {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 9px 10px 9px 0;
}
ul.oshiraselist li span.date {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
    flex-shrink: 0;
}
ul.oshiraselist li span.title {
    display: block;
    width: 100%;
}


/* ------------------  重点誘導（小）エリア  ------------------ */
.container03_wp {
    background-image: url(/images/r_t_news_bg.png);
    background-repeat: no-repeat;
    background-position: top 230px center;
    margin: 20px 0 20px;
}

.jutenbox_wp {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1200px;
    margin: 40px auto 30px;
}
.jutenbox:nth-of-type(4n) {
    margin: 0 0 10px 0;
}
.jutenbox {
    width: calc((100% - 30px) / 4);
    margin: 0 10px 10px 0;
    position: relative;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
.juten_im {
    width: 100%;
}
.juten_im img {
    width: 292.5px;
    height: auto;
    border-radius: 2px;
}
.juten_cont {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    opacity: 0.85;
    width: 100%;
    border-radius: 0 0 2px 2px;
    padding: 15px 10px 15px 20px;
    border: 1px solid #CCC;
    border-top: none;
}
.juten_cont .ju_tx {
    font-family: "UD Shin Go Regular","メイリオ", sans-serif;
    font-size: 2rem;
    margin: 0 0 15px 0;
    padding: 0;
}
.juten_cont ul.ju_list {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.juten_cont ul.ju_list li {
    margin: 0 5px 5px 0;
    padding: 0;
}
.juten_cont ul.ju_list li a {
    border: 1px solid #0990C6;
    display: block;
    padding: 3px 6px;
    border-radius: 2px;
    font-size: 1.4rem;
    text-decoration: none;
}
.juten_cont ul.ju_list li a:hover,
.juten_cont ul.ju_list li a:focus {
    text-decoration: underline;
}


/* ------------------  新着エリア  ------------------ */
.newsContent_wp {
    width: 1200px;
    margin: 30px auto 40px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
.newsContent {
    width: 1120px;
    margin: 40px 40px 40px;
}

.newsContent #news_tab {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    border: 1px solid #CCC;
    border-radius: 2px;
}
.newsContent #news_tab li{
    background-color: #FFF;
    width: calc((100% - 2px) / 3);
    box-sizing: border-box;
    cursor: pointer;
    text-align:center;
    padding: 18px 0;
    position: relative;
}
.newsContent #news_tab li:nth-child(1) {
    border-radius: 2px 0 0 2px;
}
.newsContent #news_tab li:nth-child(3) {
    border-radius: 0 2px 2px 0;
}
.newsContent #news_tab li > a {
    text-decoration: none;
    font-family: "UD Shin Go Regular","メイリオ", sans-serif;
    font-size: 2.6rem;
    color: #555;
}
.newsContent #news_tab li.select {
    background-color: #004D9F;
    border-bottom: none;
}
.newsContent #news_tab li.select > a{
    color: #FFF;
}
.newsContent #news_tab li::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1px;
    content: ' ';
    width: 1px;
    height: calc(100% - 2.2em);
    background-color: #CCC;
}
.newsContent #news_tab li:nth-child(3)::before {
    content: none;
}

/* タブの中身(新着) */
.disnon {
    display: none;
}
.newsContent .content_wrap{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #FFF;
}
.newsContent .content_wrap > ul{
    background-color:#FFF;
    margin: 0;
    padding: 15px 0 0;
}
.newsContent .content_wrap > ul li {
    padding: 15px 20px 15px 30px;
    margin: 0;
    border-bottom: none;
}
.newsContent .content_wrap > ul li > dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.newsContent .content_wrap > ul li > dl dt {
    margin: 0 0 0 0;
    width: 160px;
    flex-shrink: 0;
}
.newsContent .content_wrap > ul li > dl dd {
    margin: 0 0 0 0;
    width: 100%;
}

/* タブの中身(募集・イベント) */
.newsContent .content_wrap > ul.topjoho-list {
}
.newsContent .content_wrap > ul.topjoho-list li {
    background-image: url(/images/r_c_icon_inlink.png);
    background-repeat: no-repeat;
    background-position: top 20px left 11px;
    background-size: auto 12px;
}
.newsContent .content_wrap > ul.topjoho-list li a {
}

.newsContent .content_wrap > ul li:last-of-type {
    padding: 0;
    border-bottom: none;
    background: none;
}
.newsContent .content_wrap .t_ichiran-all {
    margin: 0;
    padding: 16px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.t_ichiran-all .ichiran-link {
    margin: 0;
    padding: 0;
}
.t_ichiran-all .ichiran-link a {
    display: block;
    padding: 0;
    color: #000;
}
.t_ichiran-all .ichiran-link a span {
    padding: 0 0 0 28px;
    background-image: url(/images/r_c_icon_ichiran.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 15px;
}
.t_ichiran-all .rss-link {
    margin: 0 0 0 30px;
    padding: 0;
}
.t_ichiran-all .rss-link a {
    display: block;
    padding: 0;
    color: #000;
}
.t_ichiran-all .rss-link a span {
    padding: 0 0 0 28px;
    background-image: url(/images/r_c_icon_rss.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 15px;
}

.newsContent .content_wrap .t_morebtn_wp {
    padding: 0;
    width: 600px;
    margin: 16px auto 0;
}


/* ------------------  重点誘導（大）エリア  ------------------ */
.jutenonlyimg {
    width: 1200px;
    margin: 40px auto 40px;
}
.jutenonlyimg img {
    width: 1200px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}


/* ------------------  検索エリア  ------------------ */
.container04_wp {
    background-color: #AFDDE2;
    background-image: url(/images/r_t_kensaku_bg.png);
    background-repeat: repeat;
    background-position: top center;
    margin: 120px 0 50px;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}
.container04 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    top: -60px;
    left: 0;
}
.topkensakufaq_wp {
    width: 1200px;
    display: flex;
    justify-content: space-between;
}
.topkensaku_wp {
    width: 820px;
    margin: 0 0 -60px 0;
}
.topkensakufaq_wp .h0search {
    width: 820px;
    margin: 20px 0 0;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
}
.topkensakufaq_wp .h0search table.gsc-input tr {
    border: 1px solid #CCC !important;
}
.topkensakufaq_wp .h0search table.gsc-search-box td input.gsc-input {
    height: 80px !important;
    font-size: 1.6rem;
    border-radius: 2px 0 0 2px;
}
.topkensakufaq_wp .h0search .gsc-search-button button.gsc-search-button-v2 {
    background-color: #004D9F !important;
    border-color: #004D9F !important;
    min-height: 81px;
    width: 150px;
    border-radius: 0 2px 2px 0;
}
.topkensakufaq_wp .h0search .gsc-search-button-v2 svg {
    width: 58px;
    height: 58px;
}



p.topkensaku_tx {
    text-align: right;
    /*margin: 17px 0 0 0;*/
    margin: 6px 0 0 0;
    padding: 0;
}
p.topkensaku_tx a {
}
p.topkensaku_tx a span {
    /*padding: 3px 40px 4px 0;*/
    padding: 12px 40px 10px 0;
    display: inline-block;
    background-image: url(/images/r_t_com_ic01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;
}

.keywordlist_wp {
}
.keywordlist_wp h3 {
    background-image: none;
    font-size: 2.6rem;
    padding: 0;
    margin: 3px 0 16px 0;
}
.keywordlist_wp h3 span {
    background-image: url(/images/r_t_kensaku_h3keyword.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 5px 0;
}
ul.keywordlist {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.keywordlist li {
    margin: 0 10px 15px 0;
    padding: 0;
}
ul.keywordlist li a {
    display: block;
    background-color: #FFF;
    border-radius: 28px;
    padding: 11px 20px 13px;
    letter-spacing: -0.03rem;
}
ul.keywordlist li a :link {
    color: #555;
}

p.topyokuaru {
    width: 340px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
p.topyokuaru a {
    display: block;
    background-image: url(/images/r_t_kensaku_bgfaq.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 340px;
    height: 300px;
    text-align: center;
    padding: 44px 18px 0 2px;
    color: #000;
    text-decoration: none;
}
p.topyokuaru a img {
    width: 194px;
    height: auto;
}
p.topyokuaru a span {
    display: block;
}
p.topyokuaru a span.tyo_tx {
    font-size: 2.6rem;
    padding: 4px 0 0;
}
p.topyokuaru a span.tyo_link {
    padding: 9px 10px 9px;
    margin: 30px auto 0;
    width: 240px;
    border: 1px solid #0990C6;
    border-radius: 28px;
    text-decoration: underline;
}

p.topyokuaru a:visited span.tyo_link {
    color: #880088;
}
p.topyokuaru a:hover span.tyo_link,
p.topyokuaru a:focus span.tyo_link {
    color: #9D0D0D;
}
p.topyokuaru a:active span.tyo_link {
    color: #CC0000;
}




/* ------------------  利用者別・目的別検索エリア  ------------------ */
.container05_wp {
}
.riyoumokuteki_wp {
    width: 1200px;
    margin: 0 auto;
}
.riyoumokuteki_wp .h2_ti {
    margin: 0;
    padding: 25px 0 30px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1034px 76px;
    min-height: 76px;
}
.riyoumokuteki_wp .h2_ti.motitle01 {
    background-image: url(/images/r_t_moku_bgflag01.png);
}
.riyoumokuteki_wp .h2_ti.motitle02 {
    background-image: url(/images/r_t_moku_bgflag02.png);
}
.riyoumokuteki_wp .h2_ti h2 {
    font-size: 3rem;
    font-weight: normal;
    margin: 0 auto;
    padding: 0;
    width: 290px;
    display: flex;
}
.riyoumokuteki_wp .h2_ti.motitle01 h2 > span:first-of-type {
    width: 158px;
    padding: 0 0 0 40px;
}
.riyoumokuteki_wp .h2_ti.motitle02 h2 > span:first-of-type {
    width: 145px;
    padding: 0 0 0 54px;
}

.riyoshalist_wp {
}
ul.riyoshalist {
    margin: 0;
    padding: 0;
    display: flex;
}
ul.riyoshalist li:nth-of-type(5) {
    margin: 0 0 0 0;
}
ul.riyoshalist li {
    width: calc((100% - 40px) / 5);
    margin: 0 10px 0 0;
    padding: 0;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
ul.riyoshalist li a {
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}
ul.riyoshalist li a:hover,
ul.riyoshalist li a:focus {
    text-decoration: underline;
}
ul.riyoshalist li img {
    width: 100%;
    height: auto;
    border-radius: 2px 2px 0 0;
}
ul.riyoshalist li:nth-of-type(4) span {
    padding: 11px 5px 6px;
}
ul.riyoshalist li span {
    display: block;
    background-color: #FFF;
    padding: 22px 5px;
    border-radius: 0 0 2px 2px;
}

.mokulist_wp {
    margin: 40px 0 12px 0;
}
ul.mokulist {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.mokulist li:nth-of-type(8n) {
    margin: 0 0 8px 0;
}
ul.mokulist li {
    width: calc((100% - 56px) / 8);
    margin: 0 8px 8px 0;
    padding: 0;
}
ul.mokulist li a {
    background-color: #FFF;
    padding: 6px 6px;
    display: block;
    border-radius: 10px;
    border: 1px solid #CCC;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
ul.mokulist li a:hover,
ul.mokulist li a:focus {
    text-decoration: underline;
}
ul.mokulist li:nth-of-type(2) a div,
ul.mokulist li:nth-of-type(4) a div,
ul.mokulist li:nth-of-type(6) a div,
ul.mokulist li:nth-of-type(8) a div,
ul.mokulist li:nth-of-type(9) a div,
ul.mokulist li:nth-of-type(11) a div,
ul.mokulist li:nth-of-type(13) a div,
ul.mokulist li:nth-of-type(15) a div {
    background-color: #E8F1D0;
}
ul.mokulist li a div {
    background-color: #D4ECF1;
    min-height: 133px;
    border-radius: 8px 8px 8px 120px;
    padding: 14px 0 0 0;
}
ul.mokulist li a div span {
    display: block;
    /*padding: 11px 1px 0;*/
    padding: 11px 0 0;
}

ul.mokubiglist {
    margin: 12px 0 0 0;
    padding: 0;
    display: flex;
}
ul.mokubiglist li:nth-of-type(2) {
    margin: 0 0 0 0;
}
ul.mokubiglist li {
    width: calc((100% - 8px) / 2);
    margin: 0 8px 0 0;
    padding: 0;
}
ul.mokubiglist li a {
    border-radius: 10px;
    border: 1px solid #CCC;
    text-decoration: none;
    display: flex;
    align-items: center;
    min-height: 100px;
    background-color: #FFF;
    background-image: url(/images/r_t_moku_bigbtic.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 40px 40px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
ul.mokubiglist li a:hover,
ul.mokubiglist li a:focus {
    text-decoration: underline;
}
ul.mokubiglist li a span {
    display: block;
}
ul.mokubiglist li:nth-of-type(2) a span.mbg_im {
    background-color: #D3EADC;
}
ul.mokubiglist li a span.mbg_im {
    background-color: #D6EDF0;
    background-image: url(/images/r_t_moku_bigbtbg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 9px 100px;
    width: 150px;
    flex-shrink: 0;
    height: 100px;
    border-radius: 10px 0 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
ul.mokubiglist li a span.mbg_tx {
    font-size: 2rem;
    width: 100%;
    padding: 0 0 0 40px;
}
ul.mokubiglist li a span.mbg_tx > span {
    font-size: 1.4rem;
    margin: 5px 0 0 0;
}

.topmoshimolist_wp {
    background-color: #D60050;
    margin: 40px 0 40px;
    padding: 30px 30px 22px;
    display: flex;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}
.topmoshimolist_wp h2 {
    margin: 0;
    padding: 0 0 0 10px;
    color: #FFF;
    font-size: 3rem;
    font-weight: normal;
    width: 260px;
    flex-shrink: 0;
}
ul.topmoshimolist {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.topmoshimolist li:nth-of-type(4n) {
    margin: 0 0 8px 0;
}
ul.topmoshimolist li {
    width: calc((100% - 24px) / 4);
    margin: 0 8px 8px 0;
    padding: 0;
}
ul.topmoshimolist li a:hover,
ul.topmoshimolist li a:focus {
    text-decoration: underline;
}
ul.topmoshimolist li a {
    display: block;
    background-color: #FFF;
    color: #D8355B;
    padding: 24px 22px 25px 20px;
    border-radius: 2px;
    text-decoration: none;
    position: relative;
}
ul.topmoshimolist li a::before {
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    content: ' ';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #D8355B;
    border-right: 2px solid #D8355B;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ------------------  熊谷市の紹介エリア  ------------------ */
.container06_wp {
    background-color: #DBF7F7;
    background-image: url(/images/r_t_shokai_bg.png);
    background-repeat: repeat;
    background-position: top 60px left;
    margin: 100px 0 60px;
    padding: 60px 0 60px;
    position: relative;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}
.container06_wp::before {
    content: " ";
    display: block;
    position: absolute;
    width: 1200px;
    height: 180px;
    background: url(/images/r_t_shokai_bg_hikoki.png);
    background-size: 1200px 180px;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 30;
}

/*shokaibox01*/
.shokaibox01 {
    width: 1200px;
    margin: 0 auto 65px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.shokaibox01 .h2_ti_bg {
    position: relative;
    z-index: 20;
}
.shokaibox01 .h2_ti_bg::before {
    content: " ";
    display: block;
    position: absolute;
    width: 438px;
    height: 580px;
    background: url(/images/r_t_shokai_bg_kumagaya.png);
    bottom: -90px;
    left: 100px;
    z-index: -1;
}
.shokaibox01 .h2_ti {
    width: 340px;
    height: 340px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 50% 50%;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
    text-align: center;
}
.shokaibox01 .h2_ti h2 {
    margin: 0;
    padding: 130px 0 0 0;
}
.shokaibox01 .h2_ti p.shosai_link {
    width: 240px;
    margin: 27px auto 0;
}
ul.shigiimglist {
    margin: 120px 80px 0 0;
    padding: 0;
    display: flex;
}
ul.shigiimglist li:last-child {
    margin: 0 0 0 0;
}
ul.shigiimglist li {
    margin: 0 8px 0 0;
    padding: 0;
    position: relative;
}
ul.shigiimglist li a {
}
ul.shigiimglist li a span {
    display: block;
    padding: 19px 10px 19px;
    margin: 0;
    border: 1px solid #0990C6;
    border-radius: 38px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: normal;
    background-color: rgba(255,255,255,0.95);
    position: absolute;
    left: 20px;
    bottom: 15px;
    width: 231px;
    text-decoration: underline;
}
ul.shigiimglist li a img {
    width: 271px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
}

/*shokaibox02*/
.shokaibox02 {
    background-image: url(/images/r_t_shokai_bg01.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 345px;
    position: relative;
    z-index: 20;
}
.shokaibox02::after {
    content: " ";
    display: block;
    position: absolute;
    width: 26%;
    height: 270px;
    background: url(/images/r_t_shokai_bg02.png);
    top: 24px;
    right: 0;
    z-index: -1;
}
.shokaibox02::before {
    content: " ";
    display: block;
    position: absolute;
    width: 26%;
    height: 190px;
    background: url(/images/r_t_shokai_bg03.png);
    bottom: 11px;
    left: 0;
    z-index: -1;
}
.shokaibox02_in {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
}
.maruBox_wp {
}
.maruBox_wp .maruBox {
}

/* フォトニュース PICKUP */
.maruBox_wp.topphoto_wp {
}
.maruBox_wp.topphoto_wp .maruBox {
    width: 680px;
    padding: 15px 0 0 100px;
    background-image: url(/images/r_t_shokai_ti_pickup.png);
    background-repeat: no-repeat;
    background-position: left 92px top 0;
    background-size: 166px 46px;
}
.photonewstxtbox {
    display: flex;
}
.phnews_tx {
    margin: 40px 20px 0 0;
    width: 100%;
}
.phnews_tx > h3 {
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 2.6rem;
    font-weight: normal;
    background: none;
}
.phnews_tx > span {
    display: block;
    font-size: 1.4rem;
    margin: 0 0 2px 0;
}
.phnews_tx > p {
    margin: 0;
    padding: 0;
}
.phnews_im {
    width: 320px;
    flex-shrink: 0;
}
.phnews_im img {
    width: 320px;
    height: auto;
    border-radius: 10px;
}
p.shosai_link.phnews_link {
    width: 240px;
    position: relative;
    left: 0;
    bottom: 47px;
}
p.shosai_link.phnews_link a {
}

/* 市報くまがや CHECK */
.maruBox_wp.topkoho_wp {
}
.maruBox_wp.topkoho_wp .maruBox {
    width: 470px;
    padding: 37px 100px 40px 0;
    background-image: url(/images/r_t_shokai_ti_check.png);
    background-repeat: no-repeat;
    background-position: left 0 top 120px;
    background-size: 158px 46px;
    display: flex;
}
.koho_tx {
    margin: 148px 20px 0 0;
    width: 100%;
}
.koho_tx > h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 2.6rem;
    font-weight: normal;
    background: none;
}
.koho_tx > ul {
    margin: 0;
    padding: 0;
}
.koho_tx > ul li {
    margin: 0;
    padding: 0 0 7px 0;
}
.koho_tx > ul li a {
    position: relative;
    padding: 0 0 0 18px;
}
.koho_tx > ul li a::before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    content: ' ';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #0990C6;
    border-right: 2px solid #0990C6;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.koho_im {
    width: 180px;
    flex-shrink: 0;
    align-self: flex-end;
}
.koho_im img {
    width: 180px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #CCC;
}

/*shokaibox03*/
.shokaibox03 {
    width: 1200px;
    margin: 70px auto 0;
    display: flex;
}
.shiseilink_wp {
    margin: 8px 32px 0 0;
}
ul.shiseilink {
    margin: 0;
    padding: 0;
    width: 550px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.shiseilink li:nth-of-type(2n) {
    margin: 0 0 8px 0;
}
ul.shiseilink li {
    width: calc((100% - 8px) / 2);
    margin: 0 8px 8px 0;
    padding: 0;
}
*::-ms-backdrop, ul.shiseilink li  {
    width: calc((99.9% - 8px) / 2);/* IE11 */
}
ul.shiseilink li a {
    display: block;
    background-color: #FFF;
    padding: 20px 22px 21px 20px;
    border-radius: 2px;
    text-decoration: none;
    position: relative;
    border: 1px solid #CCC;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
}
ul.shiseilink li a::before {
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    content: ' ';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #0990C6;
    border-right: 2px solid #0990C6;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul.shiseilink li a:hover,
ul.shiseilink li a:focus {
    text-decoration: underline;
}
.toukeilist_wp {
    display: flex;
}
ul.toukeilist {
    margin: 0;
    padding: 0;
    display: flex;
}
ul.toukeilist li {
    margin: 0;
    padding: 0;
}
ul.toukeilist li:nth-of-type(2) div {
    background-image: url(/images/r_t_shokai_bg_setai.png);
}
ul.toukeilist li div {
    display: block;
    background-image: url(/images/r_t_shokai_bg_jinkou.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 192px 212px;
    width: 192px;
    height: 212px;
    padding: 72px 0 0;
}
ul.toukeilist li div > h3 {
    padding: 0;
    margin: 0;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    background: none;
}
ul.toukeilist li div > h3 > span {
    padding: 0 5px 0;
    margin: 0;
    background-image: url(/images/r_t_kensaku_h3keyword.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
ul.toukeilist li div > p {
    padding: 0;
    margin: 0;
}
ul.toukeilist li div > p span {
    display: block;
}
ul.toukeilist li div > p span.kei_num {
    font-family: "UD Shin Go DemiBold";
    font-size: 2.6rem;
    /*font-weight: bold;*/
    text-align: center;
    color: #0070B5;
    margin: 2px 0 0 0;
}
ul.toukeilist li div > p span.kei_tx {
    text-align: right;
    font-size: 1.8rem;
    font-weight: normal;
    margin: -7px 40px 0 0;
}
.jinkoulink {
    margin: 0 5px 0 32px;
    padding: 0;
    align-self: center;
    width: 197px;
}
.jinkoulink p.jin_tx {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
}
.jinkoulink p.jin_tx > span {
    /*border-bottom: 1px solid #000;*/
}
.jinkoulink p.jin_link {
    margin: 0;
    padding: 0;
    /*background-image: url(/images/r_t_com_ic01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;*/
}
.jinkoulink p.jin_link span {
    padding: 3px 30px 4px 0;
    background-image: url(/images/r_t_com_ic01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;
    display: block;
}



.shokaibox04 {
    width: 1200px;
    margin: 80px auto 0;
    display: flex;
}
.shokaibox04 p {
    margin: 0;
    padding: 0;
}
.shokaibox04 p.sho_snsbtn {
    margin: 0 40px 0 0;
}
.shokaibox04 p.sho_snsbtn img {
    width: 760px;
    height: auto;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
    border-radius: 10px;
}
.shokaibox04 p.sho_mailbtn img {
    width: 400px;
    height: auto;
    box-shadow: 0 0 1rem rgba(0,0,0,0.6);
    border-radius: 10px;
}


/* ------------------  サブサイト誘導エリア  ------------------ */
.container07_wp {
    width: 1200px;
    margin: 60px auto 50px;
}
.container07_wp h2 {
    font-size: 3.5rem;
    font-weight: normal;
    margin: 0 0 45px 0;
    padding: 0;
    text-align: center;
}
.container07_wp h2 span.h2_bg {
    background-image: url(/images/r_t_shiru_icleft.png),url(/images/r_t_shiru_icright.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left center,right center;
    background-size: 52px 54px,52px 54px;
    /*padding: 0 72px 0;*/
    padding: 10px 72px 10px;
}
.container07_wp h2 span.h2_bg > span {
    padding: 0 40px 0 0;
}

/* ラグビー画像 */
.toprugbyimg {
    width: 1120px;
    margin: 0 auto 60px;
}
.toprugbyimg img {
    width: 1120px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}

/* subsite_slider */
.subsite_slider_wp {}
.subsite_slider {
    position: relative;
    width: 1120px;
    margin: 0 auto;
}
ul.sub_slider {
    padding: 0;
    margin: 0;
}
ul.sub_slider .slick-list {
    margin: 0 20px;
}
ul.sub_slider li {
    padding: 0;
    margin: 0;
    position: static;
}
ul.sub_slider li > div {
    width: 320px;
    margin: 0 20px;
}
ul.sub_slider li > div > .sus_im {
}
ul.sub_slider li > div > .sus_im img {
    width: 320px;
    height: auto;
    border-radius: 2px;
}
ul.sub_slider li > div > .sus_tx {
    background-color: #FFF;
    padding: 5px 0 5px;
}
ul.sub_slider li > div > .sus_tx p.sustitle {
    margin: 0 0 5px;
    padding: 0;
    font-family: "UD Shin Go Regular","メイリオ", sans-serif;
    font-size: 2rem;
}
ul.sub_slider li > div > .sus_tx p.suslinktxt {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    background: none;
}
ul.sub_slider li > div > .sus_tx p.suslinktxt a {
    text-decoration: none;
}
ul.sub_slider li > div > .sus_tx p.suslinktxt a:hover,
ul.sub_slider li > div > .sus_tx p.suslinktxt a:focus {
    text-decoration: underline;
}

/* control横 stop startボタン */
.subsite_slider_wp .reproducing-button-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0 0 0;
}
.subsite_slider_wp .reproducing-button-wrap a.sub_slick-auto-btn {
    display: flex;
    align-items: center;
}
.subsite_slider_wp .reproducing-button-wrap a.sub_slick-auto-btn img {
    height: 34px;
    width: 34px;
}
.subsite_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.subsite_slider_wp button.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 50;
}
.subsite_slider_wp button.slick-arrow.prev {
    right: -40px;
}
.subsite_slider_wp button.slick-arrow.next {
    left: -40px;
}


/* ------------------  関連サイトエリア  ------------------ */
.container08_wp {
    background-color: #FDF7EB;
    margin: 50px 0 60px;
    padding: 50px 0 60px;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}
.container08 {
    width: 1200px;
    margin: 0 auto;
}
.container08_wp h2 {
    font-size: 3rem;
    font-weight: normal;
    margin: 0 0 30px 40px;
    padding: 0;
}
.container08_wp h2 span.h2_bg {
    background-image: url(/images/r_t_shiru_icflag.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 28px;
    padding: 0 0 0 28px;
}

/* kanren_slider */
.kanren_slider_wp {}
.kanren_slider {
    position: relative;
    width: 1120px;
    margin: 0 auto;
}
ul.ka_slider {
    padding: 0;
    margin: 0;
}
ul.ka_slider .slick-list {
    margin: 0 20px;
}
ul.ka_slider li {
    padding: 0;
    margin: 0;
    position: static;
}
ul.ka_slider li > div {
    width: 230px;
    margin: 0 20px;
}
ul.ka_slider li > div img {
    width: 230px;
    height: auto;
    border-radius: 2px;
}

/* control横 stop startボタン */
.kanren_slider_wp .reproducing-button-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0 0 0;
}
.kanren_slider_wp .reproducing-button-wrap a.ka_slick-auto-btn {
    display: flex;
    align-items: center;
}
.kanren_slider_wp .reproducing-button-wrap a.ka_slick-auto-btn img {
    height: 34px;
    width: 34px;
}
.kanren_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.kanren_slider_wp button.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 50;
}
.kanren_slider_wp button.slick-arrow.prev {
    right: -40px;
}
.kanren_slider_wp button.slick-arrow.next {
    left: -40px;
}


/* ------------------  トップ広告エリア  ------------------ */
.kokoku_wp {
    padding: 0;
    margin: 60px 0 40px;
}
ul.kokokulist {
    width: 1120px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.kokokulist li:nth-of-type(6n) {
    margin: 0 0 8px 0;
}
ul.kokokulist li {
    background: none;
    padding: 0;
    margin: 0 8px 8px 0;
}
ul.kokokulist li img {
    width: 180px;
    height: auto;
}
.kokoku_wp p {
    margin: 12px 0 0 0;
    padding: 0;
}
.kokoku_wp p a {
    display: block;
    padding: 0 0 0 30px;
    background-image: url(/images/r_t_com_ic02.png);
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 20px 20px;
    width: 180px;
    margin: 0 auto;
}


/* ------------------  バナーエリア  ------------------ */
.tb_kokokulist_wp {
    width: 1120px;
    margin: 0 auto;
    border-top: 1px solid #CCC;
}
ul.tb_kokokulist {
    width: 1040px;
    padding: 0;
    margin: 40px auto 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.tb_kokokulist li:nth-of-type(4n) {
    margin: 0 0 8px 0;
}
ul.tb_kokokulist li {
    background: none;
    padding: 0;
    margin: 0 8px 8px 0;
}
ul.tb_kokokulist li img {
    width: 254px;
    height: auto;
}




@media screen and (max-width: 768px) {
/* ==============================================================
  768px 以下の指定 印刷除く
================================================================ */

/* ------------------  header  ------------------ */
header {
}
header::before {
    content: none;
}
.pchead_wp {
}
.pcheadmenu {
}


/* ------------------  共通  ------------------ */
p.shosai_link {
    margin: 0;
    padding: 0;
}
p.shosai_link a {
    display: block;
    padding: 9px 10px 9px;
    margin: 0;
    border: 1px solid #0990C6;
    border-radius: 28px;
    text-align: center;
}
p.shosai_link a:link {
    color: #000;
}

.t_morebtn_wp {
    text-align: center;
    margin: 0;
    padding: 8px 16px 8px;
}
.t_morebtn {
    margin: 0;
    padding: 0;
}
.t_morebtn a {
    display: block;
    /*padding: 11px 10px 12px;*/
    padding: 0;
    background-color: #D3ECF4;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    border-radius: 26px;
    font-size: 1.6rem;
}
.t_morebtn a span {
    /*padding: 3px 40px 4px 0;*/
    padding: 12px 40px 10px 0;
    display: inline-block;
    background-image: url(/images/r_t_com_btn_open.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 30px;
}
.t_morebtn a.close span {
    background-image: url(/images/r_t_com_btn_close.png);
}


/* ------------------  ブランディングエリア  ------------------ */
.container01_wp {
    width: 100%;
    margin: 0 0 30px 0;
    flex-direction: column;
    padding: 0;
}
.top_slider_wp {
    width: 100%;
}
.top_slider {
    box-shadow: none;
}
ul.t_slider {}
ul.t_slider li {}
ul.t_slider li img {
    width: 100%;
    height: auto;
    border-radius: 0;
}

/* control */
.top_slider_wp .slick-control-wp {
    position: static;
    padding: 8px 18px 8px;
    border-radius: 0;
    width: 100%;
}
.top_slider_wp .slick-dots-wp {
}
.top_slider_wp .slick-dots-wp ul.slick-dots {
    width: 100%;
}
.top_slider_wp .slick-dots-wp ul.slick-dots li {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li button::before {
}
.top_slider_wp .slick-dots-wp ul.slick-dots li.slick-active button::before {
}

/* control横 stop startボタン */
.top_slider_wp .reproducing-button-wrap {
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn {
}
.top_slider_wp .reproducing-button-wrap a.slick-auto-btn img {
}
.top_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.top_slider_wp button.slick-arrow {
}
.top_slider_wp button.slick-arrow.prev {
}
.top_slider_wp button.slick-arrow.next {
}


/* ------------------  ブランディング横トピックエリア  ------------------ */
.sidetopic_wp {
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
}
.sitopic_im {
}
.sitopic_im img {
    width: 160px;
}
.sitopic_ti,
.sitopic_tx,
.sidetopic_wp p.shosai_link {
    display: none;
}


/* ------------------  大切なお知らせエリア  ------------------ */
.container02_wp {
    margin: 30px 0 40px;
}
.oshirase {
    flex-direction: column;
    width: 100%;
    padding: 20px 10px 25px 15px;
}
.oshirase h2 {
    font-size: 2.4rem;
    width: auto;
    text-align: center;
}
ul.oshiraselist {
}
ul.oshiraselist li {
    flex-direction: column;
    margin: 0;
    padding: 12px 0 12px;
}
ul.oshiraselist li span.date {
    width: auto;
    padding: 0 0 4px 0;
}
ul.oshiraselist li span.title {
}


/* ------------------  重点誘導（小）エリア  ------------------ */
.container03_wp {
    background: none;
    margin: 20px 15px 20px;
}
.jutenbox_wp {
    width: 100%;
    margin: 40px 0 30px;
}
.jutenbox:nth-of-type(4n) {
    margin: 0 0 3px 0;
}
.jutenbox:nth-of-type(2n) {
    margin: 0 0 3px 0;
}
.jutenbox {
    width: calc((100% - 3px) / 2);
    margin: 0 3px 3px 0;
}
*::-ms-backdrop, .jutenbox  {
    width: calc((99.9% - 3px) / 2); /* IE11 */
}
.juten_im {}
.juten_im img {
    width: 100%;
    height: auto;
}
.juten_cont {
    padding: 5px 10px 10px 10px;
    border: none;
}
.juten_cont .ju_tx {
    margin: 0 0 10px 0;
    font-size: 1.6rem;
}
.juten_cont ul.ju_list {
}
.juten_cont ul.ju_list li {
}
.juten_cont ul.ju_list li a {
}
.juten_cont ul.ju_list li a:hover,
.juten_cont ul.ju_list li a:focus {
}


/* ------------------  新着エリア  ------------------ */
.newsContent_wp {
    width: 100%;
    margin: 30px 0 30px;
}
.newsContent {
    width: auto;
    margin: 15px 15px 15px;
}

.newsContent #news_tab {
}
.newsContent #news_tab li{
    padding: 14px 0;
}
.newsContent #news_tab li:nth-child(1) {
}
.newsContent #news_tab li:nth-child(3) {
}
.newsContent #news_tab li > a {
    font-size: 1.7rem;
}
.newsContent #news_tab li.select {
}
.newsContent #news_tab li.select > a{
}
.newsContent #news_tab li::before {
}
.newsContent #news_tab li:nth-child(3)::before {
}

/* タブの中身(新着) */
.disnon {
}
.newsContent .content_wrap{
}
.newsContent .content_wrap > ul{
    padding: 0;
}
.newsContent .content_wrap > ul li {
    padding: 8px 0 8px;
}
.newsContent .content_wrap > ul li > dl {
    flex-direction: column;
}
.newsContent .content_wrap > ul li > dl dt {
    width: auto;
    padding: 0 0 4px 0;
}
.newsContent .content_wrap > ul li > dl dd {
}

/* タブの中身(募集・イベント) */
.newsContent .content_wrap > ul.topjoho-list {
}
.newsContent .content_wrap > ul.topjoho-list li {
    background-position: top 16px left 11px;
    /*padding: 8px 0 8px 30px;*/
    padding: 10px 0 10px 30px;
}
.newsContent .content_wrap > ul.topjoho-list li a {
}
.newsContent .content_wrap > ul li:last-of-type {
    padding: 0;
}
.newsContent .content_wrap .t_ichiran-all {
    padding: 16px 0 0 0;
}
.t_ichiran-all .ichiran-link {
}
.t_ichiran-all .ichiran-link a {
}
.t_ichiran-all .ichiran-link a span {
}
.t_ichiran-all .rss-link {
    margin: 0 0 0 20px;
}
.t_ichiran-all .rss-link a {
}
.t_ichiran-all .rss-link a span {
}
.newsContent .content_wrap .t_morebtn_wp {
    width: 100%;
    margin: 16px auto 0;
}


/* ------------------  重点誘導（大）エリア  ------------------ */
.jutenonlyimg {
    width: 100%;
    margin: 30px 0 0;
}
.jutenonlyimg img {
    width: 100%;
}


/* ------------------  検索エリア  ------------------ */
.container04_wp {
    margin: 60px 0 40px;
}
.container04 {
    width: 100%;
    margin: 0;
    top: -20px;
    padding: 0 15px;
}
.topkensakufaq_wp {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
}
.topkensaku_wp {
    width: 100%;
    margin: 0;
}
.topkensakufaq_wp .h0search {
    width: 100%;
    margin: 0;
}
.topkensakufaq_wp .h0search table.gsc-search-box td input.gsc-input {
    height: 50px !important;
}
.topkensakufaq_wp .h0search .gsc-search-button button.gsc-search-button-v2 {
    min-height: 50px;
    width: 70px;
}
.topkensakufaq_wp .h0search .gsc-search-button-v2 svg {
    width: 38px;
    height: 38px;
}
p.topkensaku_tx {
    text-align: center;
}
p.topkensaku_tx a {
}
p.topkensaku_tx a span {
}
.keywordlist_wp {
}
.keywordlist_wp h3 {
    font-size: 2.4rem;
    margin: 15px 0 15px 0;
}
.keywordlist_wp h3 span {
}
ul.keywordlist {
}
ul.keywordlist li {
    margin: 0 10px 10px 0;
    padding: 0;
}
ul.keywordlist li a {
}
ul.keywordlist li a :link {
}
p.topyokuaru {
    width: 100%;
    margin: 20px 0 0 0;
}
p.topyokuaru a {
    background-image: none;
    background-color: #FFF;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 15px 10px 15px 33px;
    border: 2px solid #004D9F;
    border-radius: 2px;
    display: flex;
    align-items: center;
}
p.topyokuaru a img {
    width: auto;
    height: 40px;
}
p.topyokuaru a span {
    display: block;
}
p.topyokuaru a span.tyo_tx {
    font-size: 2rem;
    padding: 0 0 0 33px;
}
p.topyokuaru a span.tyo_link {
    display: none;
}


/* ------------------  利用者別・目的別検索エリア  ------------------ */
.container05_wp {
}
.riyoumokuteki_wp {
    width: 100%;
    margin: 0;
    padding: 0 15px;
}
.riyoumokuteki_wp .h2_ti {
    padding: 0 0 20px;
    min-height: auto;
}
.riyoumokuteki_wp .h2_ti.motitle01 {
    background-image: none;
}
.riyoumokuteki_wp .h2_ti.motitle02 {
    background-image: none;
}
.riyoumokuteki_wp .h2_ti h2 {
    font-size: 2.6rem;
    width: auto;
    justify-content: center;
}
.riyoumokuteki_wp .h2_ti h2 > span:first-of-type {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 31px;
}
.riyoumokuteki_wp .h2_ti.motitle01 h2 > span:first-of-type {
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/images/r_t_moku_icflag01.png);
}
.riyoumokuteki_wp .h2_ti.motitle02 h2 > span:first-of-type {
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/images/r_t_moku_icflag02.png);
}

.riyoshalist_wp {
}
ul.riyoshalist {
    flex-direction: column;
}
ul.riyoshalist li:nth-of-type(5) {
    margin: 0 0 0 0;
}
ul.riyoshalist li {
    width: 100%;
    margin: 0 0 2px 0;
    padding: 0;
}
ul.riyoshalist li a {
    font-size: 1.8rem;
    text-align: left;
    display: flex;
    height: 70px;
}
ul.riyoshalist li a:hover,
ul.riyoshalist li a:focus {
}
ul.riyoshalist li img {
    width: 74px;
    height: 70px;
    border-radius: 2px 0 0 2px;
    flex-shrink: 0;
}
ul.riyoshalist li:nth-of-type(4) span {
    padding: 22px 5px 22px 30px;
}
ul.riyoshalist li span {
    padding: 22px 5px 22px 30px;
    border-radius: 0 2px 2px 0;
    width: 100%;
}
.mokulist_wp {
    margin: 40px 0 12px 0;
}
ul.mokulist {
}
ul.mokulist li:nth-of-type(8n) {
    margin: 0 3px 3px 0;
}
ul.mokulist li:nth-of-type(3n) {
    margin: 0 0 3px 0;
}
ul.mokulist li {
    width: calc((100% - 6px) / 3);
    margin: 0 3px 3px 0;
    padding: 0;
}
*::-ms-backdrop, ul.mokulist li  {
    width: calc((99.9% - 6px) / 3); /* IE11 */
}
ul.mokulist li a {
}
ul.mokulist li a:hover,
ul.mokulist li a:focus {
}
ul.mokulist li:nth-of-type(2) a div,
ul.mokulist li:nth-of-type(4) a div,
ul.mokulist li:nth-of-type(6) a div,
ul.mokulist li:nth-of-type(8) a div,
ul.mokulist li:nth-of-type(9) a div,
ul.mokulist li:nth-of-type(11) a div,
ul.mokulist li:nth-of-type(13) a div,
ul.mokulist li:nth-of-type(15) a div {
}
ul.mokulist li a div {
    min-height: 110px;
    padding: 5px 0 0 0;
}
ul.mokulist li a div span {
    /*padding: 2px 1px 0;*/
    padding: 2px 0 0;
}
ul.mokubiglist {
    margin: 12px 0 0 0;
    flex-direction: column;
}
ul.mokubiglist li:nth-of-type(2) {
}
ul.mokubiglist li {
    width: 100%;
    margin: 0 0 2px 0;
}
ul.mokubiglist li a {
    min-height: 80px;
    background-position: right 10px center;
    background-size: 30px 30px;
}
ul.mokubiglist li a:hover,
ul.mokubiglist li a:focus {
}
ul.mokubiglist li a span {
}
ul.mokubiglist li:nth-of-type(2) a span.mbg_im {
}
ul.mokubiglist li a span.mbg_im {
    background-size: auto 80px;
    width: 86px;
    height: 80px;
}
ul.mokubiglist li a span.mbg_tx {
    font-size: 1.7rem;
    padding: 0 0 0 7px;
}
ul.mokubiglist li a span.mbg_tx > span {
    margin: 5px 0 0 0;
}
.topmoshimolist_wp {
    margin: 30px 0 30px;
    padding: 22px 15px 15px;
    flex-direction: column;
}
.topmoshimolist_wp h2 {
    padding: 0 0 22px 0;
    font-size: 2.4rem;
    width: auto;
    text-align: center;
}
ul.topmoshimolist {
    flex-direction: column;
}
ul.topmoshimolist li:nth-of-type(4n) {
    margin: 0 0 2px 0;
}
ul.topmoshimolist li {
    width: 100%;
    margin: 0 0 2px 0;
    padding: 0;
}
ul.topmoshimolist li a:hover,
ul.topmoshimolist li a:focus {
}
ul.topmoshimolist li a {
    padding: 15px 22px 15px 20px;
}
ul.topmoshimolist li a::before {
}

/* SP版：さらに表示する */
.mokulist_wp ul.mokulist li:nth-of-type(n+7) {
  display: none;
}
.mokulist_wp.open ul.mokulist li:nth-of-type(n+7) {
  display: block;
}


/* ------------------  熊谷市の紹介エリア  ------------------ */
.container06_wp {
    margin: 40px 0 30px;
    padding: 35px 0 40px;
}
.container06_wp::before {
    content: none;
}

/*shokaibox01*/
.shokaibox01 {
    width: 100%;
    margin: 0 0 65px;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0 15px;
}
.shokaibox01 .h2_ti_bg {
    margin: 0 0 10px 0;
}
.shokaibox01 .h2_ti_bg::before {
    width: 151px;
    height: 200px;
    bottom: -45px;
    left: auto;
    right: 0;
    /*background: url(/images/r_t_shokai_bg_kumagaya_sp.png);*/
    background-size: auto 200px;
}
.shokaibox01 .h2_ti {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 15px 20px 20px;
}
.shokaibox01 .h2_ti h2 {
    padding: 0;
}
.shokaibox01 .h2_ti h2 img {
    width: 160px;
    height: auto;
}
.shokaibox01 .h2_ti p.shosai_link {
    width: 100%;
    margin: 15px 0 0 0;
}
ul.shigiimglist {
    margin: 0;
    z-index: 20;
}
ul.shigiimglist li:last-child {
}
ul.shigiimglist li {
    margin: 0 3px 0 0;
    width: calc((100% - 3px) / 2);
}
ul.shigiimglist li a {
}
ul.shigiimglist li a span {
    padding: 12px 5px 12px;
    font-size: 1.6rem;
    left: 50%;
    bottom: -5%;
    width: 90%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
ul.shigiimglist li a img {
    width: 100%;
}
*::-ms-backdrop, ul.shigiimglist li a span  {
    bottom: auto;
    margin: -30px 0 0 0;
}
*::-ms-backdrop, ul.shigiimglist li a img  {
    max-height: 367px;/* IE11 */
}

/*shokaibox02*/
.shokaibox02 {
    background: none;
    min-height: auto;
}
.shokaibox02::after {
    content: none;
}
.shokaibox02::before {
    content: none;
}
.shokaibox02_in {
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
}
.maruBox_wp {
    background-color: #FFF;
}
.maruBox_wp .maruBox {
}

/* フォトニュース PICKUP */
.maruBox_wp.topphoto_wp {
    background-image: url(/images/r_t_shokai_bg02.png);
    background-repeat: repeat-x;
    /*min-height: 250px;*/
    border-radius: 125px 0 0 125px;
    margin: 0 0 30px 30px;
    position: relative;
    padding: 0 0 30px 0;
}
.maruBox_wp.topphoto_wp::before {
    content: " ";
    display: block;
    position: absolute;
    width: 144px;
    height: 40px;
    background: url(/images/r_t_shokai_ti_pickup.png);
    top: -20px;
    left: 122px;
    background-size: auto 40px;
}
.maruBox_wp.topphoto_wp .maruBox {
    width: 100%;
    padding: 28px 30px 0 50px;
    background: none;
}
.photonewstxtbox {
    align-items: flex-end;
}
.phnews_tx {
    margin: 0 7px 0 0;
}
.phnews_tx > h3 {
    font-size: 2.2rem;
}
.phnews_tx > span {
}
.phnews_tx > p {
    font-size: 1.4rem;
}
.phnews_im {
    width: 120px;
}
.phnews_im img {
    width: 120px;
}
p.shosai_link.phnews_link {
    width: 100%;
    position: static;
    margin: 10px 0 0 0;
}
p.shosai_link.phnews_link a {
}

/* 市報くまがや CHECK */
.maruBox_wp.topkoho_wp {
    background-image: url(/images/r_t_shokai_bg03.png);
    background-repeat: repeat-x;
    /*min-height: 170px;*/
    border-radius: 0 125px 125px 0;
    margin: 0 30px 0 0;
    position: relative;
    padding: 0 0 20px 0;
}
.maruBox_wp.topkoho_wp::before {
    content: " ";
    display: block;
    position: absolute;
    width: 138px;
    height: 40px;
    background: url(/images/r_t_shokai_ti_check.png);
    top: -20px;
    left: 30px;
    background-size: auto 40px;
}
.maruBox_wp.topkoho_wp .maruBox {
    width: 100%;
    padding: 0 50px 0 30px;
    background: none;
    align-items: flex-end;
}
.koho_tx {
    margin: 0 7px 0 0;
    width: 100%;
}
.koho_tx > h3 {
    margin: 0 0 10px 0;
    font-size: 2.2rem;
}
.koho_tx > ul {
}
.koho_tx > ul li {
    margin: 0;
    padding: 0 0 7px 0;
}
.koho_tx > ul li a {
    padding: 0 0 0 18px;
}
.koho_tx > ul li a::before {
    top: 13px;
}
.koho_im {
    width: 108px;
    margin: -10px 0 0 0;
}
.koho_im img {
    width: 108px;
}

/*shokaibox03*/
.shokaibox03 {
    width: 100%;
    margin: 30px 0 30px;
    flex-direction: column;
    padding: 0 15px;
}
.shiseilink_wp {
    margin: 0;
}
ul.shiseilink {
    width: 100%;
}
ul.shiseilink li:nth-of-type(2n) {
    margin: 0 0 3px 0;
}
ul.shiseilink li {
    width: calc((100% - 3px) / 2);
    margin: 0 3px 3px 0;
}
ul.shiseilink li a {
    padding: 14px 18px 14px 6px;
    height: 100%;
}
ul.shiseilink li a::before {
    right: 6px;
}
ul.shiseilink li a:hover,
ul.shiseilink li a:focus {
}
.toukeilist_wp {
    flex-direction: column;
}
ul.toukeilist {
    justify-content: center;
}
ul.toukeilist li {
    margin: 0 -5px 0;
}
ul.toukeilist li:nth-of-type(2) div {
}
ul.toukeilist li div {
    background-size: 180px auto;
    width: 180px;
    height: 200px;
    padding: 68px 0 0;
}
ul.toukeilist li div > h3 {
}
ul.toukeilist li div > h3 > span {
}
ul.toukeilist li div > p {
}
ul.toukeilist li div > p span {
}
ul.toukeilist li div > p span.kei_num {
}
ul.toukeilist li div > p span.kei_tx {
}
.jinkoulink {
    margin: 0;
    width: 100%;
    text-align: center;
}
.jinkoulink p.jin_tx {
}
.jinkoulink p.jin_tx > span {
}
.jinkoulink p.jin_link {
}
.jinkoulink p.jin_link span {
    display: inline-block;
    padding: 3px 40px 4px 0;
}

.shokaibox04 {
    width: 100%;
    margin: 0 0 0;
    flex-direction: column;
}
.shokaibox04 p {
    text-align: center;
}
.shokaibox04 p.sho_snsbtn {
    margin: 0 0 10px 0;
}
.shokaibox04 p.sho_snsbtn img {
    width: 345px;
}
.shokaibox04 p.sho_mailbtn img {
    width: 345px;
}


/* ------------------  サブサイト誘導エリア  ------------------ */
.container07_wp {
    width: 100%;
    margin: 30px 0 20px;
}
.container07_wp h2 {
    font-size: 2.2rem;
    margin: 0 0 26px 0;
}
.container07_wp h2 span.h2_bg {
    background-size: auto 34px,auto 34px;
    /*padding: 0 36px 0;*/
    padding: 5px 36px 5px;
}
.container07_wp h2 span.h2_bg > span {
    padding: 0 8px 0 0;
}

/* ラグビー画像 */
.toprugbyimg {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 15px;
}
.toprugbyimg img {
    width: 100%;
}

/* subsite_slider */
.subsite_slider_wp {
    padding: 0 15px;
}
.subsite_slider {
    width: 100%;
    margin: 0;
}
ul.sub_slider {
}
ul.sub_slider .slick-list {
    margin: 0;
}
ul.sub_slider li {
}
ul.sub_slider li > div {
    width: 300px;
    margin: 0 auto;
}
ul.sub_slider li > div > .sus_im {
}
ul.sub_slider li > div > .sus_im img {
    width: 300px;
}
ul.sub_slider li > div > .sus_tx {
}
ul.sub_slider li > div > .sus_tx p.sustitle {
    font-size: 1.8rem;
}
ul.sub_slider li > div > .sus_tx p.suslinktxt {
}
ul.sub_slider li > div > .sus_tx p.suslinktxt a {
}
ul.sub_slider li > div > .sus_tx p.suslinktxt a:hover,
ul.sub_slider li > div > .sus_tx p.suslinktxt a:focus {
}

/* control横 stop startボタン */
.subsite_slider_wp .reproducing-button-wrap {
}
.subsite_slider_wp .reproducing-button-wrap a.sub_slick-auto-btn {
}
.subsite_slider_wp .reproducing-button-wrap a.sub_slick-auto-btn img {
}
.subsite_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.subsite_slider_wp button.slick-arrow {
    top: 35%;
}
.subsite_slider_wp button.slick-arrow > img {
    height: 50px;
    width: 50px;
}
.subsite_slider_wp button.slick-arrow.prev {
    right: 0;
}
.subsite_slider_wp button.slick-arrow.next {
    left: 0;
}


/* ------------------  関連サイトエリア  ------------------ */
.container08_wp {
    margin: 40px 0 40px;
    padding: 25px 0 25px;
}
.container08 {
    width: 100%;
    margin: 0;
    padding: 0 15px;
}
.container08_wp h2 {
    font-size: 2.6rem;
    margin: 0 0 30px 0;
    text-align: center;
}
.container08_wp h2 span.h2_bg {
}

/* kanren_slider */
.kanren_slider_wp {}
.kanren_slider {
    width: 100%;
    margin: 0;
}
ul.ka_slider {
}
ul.ka_slider .slick-list {
    margin: 0;
}
ul.ka_slider li {
}
ul.ka_slider li > div {
    width: 230px;
    margin: 0 auto;
}
ul.ka_slider li > div img {
}

/* control横 stop startボタン */
.kanren_slider_wp .reproducing-button-wrap {
}
.kanren_slider_wp .reproducing-button-wrap a.ka_slick-auto-btn {
}
.kanren_slider_wp .reproducing-button-wrap a.ka_slick-auto-btn img {
}
.kanren_slider_wp .reproducing-button-wrap a.pause img {
}

/* 左右 */
.kanren_slider_wp button.slick-arrow {
    top: 40%;
}
.kanren_slider_wp button.slick-arrow > img {
    height: 50px;
    width: 50px;
}
.kanren_slider_wp button.slick-arrow.prev {
    right: 0;
}
.kanren_slider_wp button.slick-arrow.next {
    left: 0;
}


/* ------------------  トップ広告エリア  ------------------ */
.kokoku_wp {
    padding: 0 24px 0 30px;
    margin: 40px 0 20px;
}
ul.kokokulist {
    width: 100%;
    margin: 0;
}
ul.kokokulist li:nth-of-type(6n) {
    margin: 0 6px 6px 0;
}
ul.kokokulist li {
    background: none;
    padding: 0;
    margin: 0 6px 6px 0;
}
ul.kokokulist li img {
    width: 101px;
}
.kokoku_wp p {
    margin: 10px 0 0 0;
}
.kokoku_wp p a {
}


/* ------------------  バナーエリア  ------------------ */
.tb_kokokulist_wp {
    width: auto;
    margin: 0 30px;
}
ul.tb_kokokulist {
    width: 100%;
    padding: 0;
    margin: 40px auto 0;
}
ul.tb_kokokulist li:nth-of-type(4n) {
    margin: 0 5px 5px 0;
}
ul.tb_kokokulist li {
    margin: 0 5px 5px 0;
}
ul.tb_kokokulist li img {
    width: 152px;
}





}/* end_max-width: 768px */




@media screen and (max-width: 374px) {
/* ==============================================================
  374px 以下の指定 印刷除く
================================================================ */

.newsContent #news_tab li > a {
    font-size: 1.4rem;
}
p.topyokuaru a {
    padding: 15px 10px 15px 20px;
}
p.topyokuaru a span.tyo_tx {
    padding: 0 0 0 26px;
}
ul.riyoshalist li span {
    padding: 22px 5px 22px 10px;
}
ul.riyoshalist li:nth-of-type(4) span {
    padding: 22px 5px 22px 10px;
}
ul.mokubiglist li a {
    min-height: 70px;
}
ul.mokubiglist li a span.mbg_im {
    background-size: auto 70px;
    width: 76px;
    height: 70px;
}
ul.mokubiglist li a span.mbg_tx {
    font-size: 1.4rem;
    padding: 0 0 0 2px;
}
.maruBox_wp.topphoto_wp::before {
    width: 108px;
    height: 30px;
    top: -15px;
    left: 167px;
    background-size: auto 30px;
}
.maruBox_wp.topphoto_wp .maruBox {
    padding: 28px 15px 0 50px;
}
.phnews_tx > h3 {
    font-size: 1.8rem;
}
.maruBox_wp.topkoho_wp::before {
    width: 103px;
    height: 30px;
    background-size: auto 30px;
    top: -15px;
    left: 12px;
}
.maruBox_wp.topkoho_wp .maruBox {
    padding: 0 50px 0 15px;
}
.koho_tx > h3 {
    margin: 35px 0 10px 0;
    font-size: 1.8rem;
}
ul.toukeilist li div {
    background-size: 150px auto;
    width: 150px;
    height: 170px;
    padding: 54px 0 0;
}
.shokaibox04 p.sho_snsbtn img {
    width: 290px;
}
.shokaibox04 p.sho_mailbtn img {
    width: 290px;
}
ul.sub_slider li > div {
    width: 240px;
}
ul.sub_slider li > div > .sus_im img {
    width: 240px;
}
ul.tb_kokokulist li img {
    width: 125px;
}





}/* end_max-width: 374px */