@charset "utf-8";
@media screen and (max-width : 640px) {

/* ==================================================
Base-Layout
================================================== */
/* body
================================================== */
body {
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
font-size: 100%;
}
/* wrapper
================================================== */
#tmp_wrapper {
position: relative;
width: 100%;
min-width: 320px;
}
.container{
padding: 0 10px;
width: 100%;
}
/* contents
================================================== */
#tmp_contents,
#tmp_maincontents {
word-wrap:break-word;
}
/* format-layout
================================================== */
.wrap_col_nm,
.wrap_col_rgt_navi,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
float:none;
}
.wrap_col_lft_navi {
float:none;
position:static;
z-index:auto;
}
.col_main {
padding:0;
}
#tmp_index .col_main {
padding: 0;
}
/* top
================================================== */
.format_top #tmp_main_menu,
.format_top #tmp_main {
float:none;
width:100%;
}
/* free
================================================== */
.format_free .wrap_col_lft_navi {

display:none;
}
.format_free .column_lnavi .col_main {
margin-left:0;
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
margin-right:0;
}
.format_free #tmp_index .column_rnavi .wrap_col_main {
margin-right: 0;
margin-bottom: 43px;
}
.format_free #tmp_index .column_rnavi .col_main {
margin-right: 0;
}

/* rnavi
================================================== */
.format_free .wrap_col_rgt_navi {
max-width: 100%;
width: 100%;
}
.format_free .col_rgt_navi {
padding-top: 70px;
}
#tmp_lnavi_ttl {
font-size: 112.5%;
}
#tmp_lnavi_ttl p {
padding: 13px 7px 14px 46px;
}
#tmp_lnavi_ttl::before {
content: none;
}
#tmp_lnavi_ttl a {
margin: -13px -7px -14px -46px;
padding: 13px 7px 13px 45px;
background-size: auto 24px;
background-position: left 15px top 14px;
line-height: 1.5;
}
#tmp_lnavi_cnt ul li {
font-size: 100%;
}
#tmp_lnavi_cnt ul a {
padding: 15px 13px 26px 47px;
background-size: auto 24px;
background-position: left 16px top 18px;
line-height: 2;
font-weight: 600;
}

/* update
================================================== */
#tmp_wrap_custom_update {
margin-bottom: 20px;
}
#tmp_update {
letter-spacing: 0;
}

/* ==================================================
layout
================================================== */
.format_free #tmp_wrap_main {
padding: 19px 0 81px;
background-position: top 0 center;
}
.format_free #tmp_main {
padding: 29px 8px 35px;
border-radius: 20px;
}

#tmp_index #tmp_wrap_main {
padding: 0 0 110px;
background: none;
border: none;
position: relative;
}
#tmp_index #tmp_wrap_main::before {
height: calc(100% - 355px);
}

#tmp_index #tmp_main {
display: grid;
}

/* ==================================================
CMS-function
================================================== */
/* social_media_btn
================================================== */
#tmp_social .social_media_btn img {
min-width: 90px;
max-width: 100%;
height: auto;
}

/* このページの情報発信元 */
#tmp_inquiry{
margin-bottom: 40px;
border-radius: 20px;
}
#tmp_inquiry_ttl {
padding: 16px 16px 12px;
font-size: 112.5%;
}
#tmp_inquiry_cnt {
padding: 16px 14px 5px;
}
#tmp_inquiry_cnt p {
margin-bottom: 0.4em;
}

/* フィードバック */
#tmp_feedback {
margin-bottom: 12px;
}
#tmp_feedback_ttl {
padding: 15px 18px 14px;
line-height: 1.4;
font-size: 112.5%;
}
#tmp_feedback_cnt {
padding: 19px 15px 35px;
}
#tmp_feedback_cnt .fb_col2 {
flex-direction: column;
}
#tmp_feedback_cnt .fb_col2L {
width: 100%;
margin-bottom: 0.3em;
padding-right: 0;
}
#tmp_feedback_cnt .fb_col2R {
width: 100%;
}
#tmp_feedback_cnt fieldset {
font-size: 100%;
}
#tmp_feedback_cnt fieldset legend {
line-height: 1;
}
#tmp_feedback_cnt .fb_col2R fieldset legend {
margin-bottom: 0.2em;
line-height: 1.8;
}
#tmp_feedback_cnt fieldset p {
margin-bottom: 0.3em;
}
#tmp_feedback_cnt .submit {
margin-top: 18px;
}
#tmp_feedback_cnt .submit input {
max-width: 100%;
min-width: 260px;
padding: 13px 96px 10px 98px;
}

/* Scroll Table */
.scroll_table {
margin-left: -8px;
margin-right: -8px;
padding: 40px 8px 8px;
background-position: top 15px right 15px;
}
.scroll_table_switch {
margin: 0 0 16px;
}
.scroll_table_switch a {
padding: 9px 9px 8px 70px;
}
.scroll_table_switch a.scroll {
background-position: 9px center;
background-size: 48px 21px;
}

/* ==================================================
regulation
================================================== */
#tmp_wrap_regulation {
display: none;
}
/* #tmp_regulation {
display: none;
} */

/* ==================================================
header
================================================== */
#tmp_header {
position:relative;
padding: 10px 0;
background-color: #ffffff;
color: #222222;
z-index: 800;
}
#tmp_header .container {
padding: 0 10px;
}
#tmp_header .header_wrap_inner {
align-items: center;
}
#tmp_hlogo {
flex-direction: column;
align-items: flex-start;
gap: 7px 0;
}
#tmp_hlogo h1,
#tmp_hlogo p {
display: inline-block;
/* width: 180px; */
width: 188px;
/* height: 33px; */
height: 27px;
background-image: url(/shared/site_datsutanso/images/header/logo_header_sp.png);
/* background-size: 180px auto; */
background-size: 188px auto;
line-height: 1.3;
font-size: 1.5rem;
}
#tmp_hlogo a {
/* width: 180px; */
width: 188px;
/* height: 33px; */
height: 27px;
}
#tmp_hlogo h1 span,
#tmp_hlogo p span {
/* width: 180px; */
width: 188px;
/* height: 33px; */
height: 27px;
}

/* sp_menu
================================================== */
.spmenu_open {
position:relative;
width: 100%;
height: 100vh;
z-index: 800;
overflow: hidden;
}

#tmp_hlogo .slogan {
font-size: 55%;
}

#tmp_header .header_btn_wrap {
display: flex;
gap: 0 8px;
}

/* 千葉市ホームページボタン */
#tmp_site_link {
display: block;
}
#tmp_site_link a {
display: block;
width: 70px;
height: 55px;
padding: 29px 3px 3px 3px;
background-color: #ffffff;
border: 1px solid #dcdcdc;
border-radius: 4px;
text-decoration: none;
text-align: center;
line-height: 1;
color: #222222;
font-size: 55%;
font-weight: 600;
background-image: url(/shared/site_datsutanso/images/header/icon_chiba.jpg);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: top 4px center;
}

/* ハンバーガーボタン */
#tmp_hamburger_menu > a {
padding: 30px 5px 2px 5px;
width: 52px;
height: 55px;
border-radius: 4px;
font-size: 73%;
}
#tmp_hamburger_menu > a.active {
background-size: auto 15px;
position: relative;
}
#tmp_hamburger_menu > a.active::after {
display: block;
content: "";
width: calc(100% + 2px);
height: 13px;
border-left: 1px solid #007f69;
border-right: 1px solid #007f69;
position: absolute;
/* top: 97%; */
top: 86%;
}

#tmp_hamburger_menu > a > span::before,
#tmp_hamburger_menu > a::before,
#tmp_hamburger_menu > a::after {
content: "";
width: 22px;
height: 3px;
border-radius: 0;
}
#tmp_hamburger_menu > a::before {
top: 11px;
}
#tmp_hamburger_menu > a::after {
top: 25px;
}
#tmp_hamburger_menu > a > span::before {
top: 18px;
}

/* 展開するメニュー */
#tmp_hnavi_s {
margin-top: 4px;
width: 100%;
height: calc(100vh - 80px);
overflow: auto;
}

/* メニュー */
#tmp_menu {
margin-bottom: 15px;
}
#tmp_menu .gnavi_sp > ul {
grid-template-columns: 1fr;
gap: 0;
padding: 7px 14px 0px;
}
#tmp_menu .gnavi_sp > ul li:last-child:after {
    display: none;
}
#tmp_menu .gnavi_sp > ul li span {
padding: 19px 20px 22px 32px;
line-height: 1.7;
}
#tmp_menu .gnavi_sp > ul li span::before {
top: 20px;
left: 2px;
}

/* 閲覧設定 */
#tmp_setting .setting_fsize a,
#tmp_setting .setting_read a,
#tmp_setting .setting_jp a {
padding: 13px 0 3px 44px;
font-size: 108%;
}
#tmp_setting .setting_read a {
background-position: left 3px top 10px;
}
#tmp_setting .setting_jp a {
background-position: left 3px top 13px;
}

#tmp_switch_pc a {
font-size: 102%;
}
.close_btn span {
padding-left: 30px;
background-image: url(/shared/site_datsutanso/images/icon/icon_close_sp.png);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: left center;
}

/* pankuzu
================================================== */
#tmp_pankuzu {
padding: 18px 0;
}
#tmp_sma_pankuzu {
display:block;
padding-right:10px;
padding-left:10px;
border-bottom:1px solid #AABBCC;
clear:both;
}
/* lnavi
================================================== */
/* rnavi
================================================== */
/* pnavi
================================================== */
/* plugin
================================================== */
.plugin {
display:none; /* do not edit */
}
/* model_change
================================================== */
.wrap_mc_pc,
.wrap_mc_pc #tmp_switch_pc_style {
display: none;
}


/*pnavi*/
.pnavi {
top: -34px;
right: 9px;
}
.pnavi a {
font-size: 100%;
}

/* ==================================================
footer
================================================== */
#tmp_footer {
margin-top: -56px;
padding-top: 56px;
}
#tmp_footer::before {
content: none;
}
#tmp_footer::after {
width: 100%;
height: 56px;

background-size: auto 56px;
background-position: left top;
}

#tmp_footer .container {
padding-top: 58px;
}

/* fnavi */
.fnavi {
flex-direction: column;
gap: 15px 0;
margin-bottom: 24px;
}
.fnavi::after {
content: none;
}
.fnavi li a {
background-position: left top 5px;
font-size: 100%;
}
.footer_cnt {
clear:both;
}
.footer_cnt .footer_heading {
flex-direction: column;
align-items: flex-start;
gap: 0 20px;
margin-bottom: 15px;
}
.footer_cnt .corporate_department {
letter-spacing: 0;
line-height: 1.5;
font-size: 150%;
}
.footer_cnt .corporate_number {
font-size: 88%;
}
.footer_cnt address {
flex-direction: column;
letter-spacing: 0.02em;
line-height: 1.8;
font-style:normal;
font-size: 98%;
}
.copyright {
padding: 7px 11px 7px 11px;
font-size: 79%;
}
/* ==================================================
class
================================================== */

/* ==================================================
Splide control common
================================================== */
.splide_common .splide__arrow {
width: 44px;
height: 44px;
background-size: 9px auto;
}
.splide_common .splide__progress {
padding: 0 21px 0;
}
.splide_common .splide__progress p {
font-size: 84%;
}
.splide_common .splide__progress .progress_current {
margin-right: 5px;
font-size: 150%;
}
.splide_common .splide__progress .progress_total {
padding-left: 16px;
}

/* float ▼Do not edit
================================================== */
.float_lft,
.float_rgt {
float:none;
margin-left:0 !important;
margin-right:0 !important;
}
/* youtube ▼Do not edit
================================================== */
#tmp_contents .frame_youtube {
position:relative;
display:block;
height:0;
padding-bottom:56.25%;
overflow:hidden;
min-width:200px;
}
#tmp_contents .frame_youtube object,
#tmp_contents .frame_youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* ==================================================
parts
================================================== */
/* parts ▼Do not edit
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
width:100%;
margin-right:0;
display: block;
float:none;
clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
width:100%;
display: block;
float:none;
clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
margin-bottom:0;
}
div.img_cap {
width:auto !important;
}
#tmp_contents img {
max-width:100%;
height:auto;
}
#tmp_contents ul {
margin-left: 14px;
}
#tmp_contents ol {
margin-left: 49px;
}
#tmp_contents table {
width:auto;
}
#tmp_contents table table {
max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
width:100% !important;
padding:0;
box-sizing:border-box;
}

/* event_cal
================================================== */
/* cate_ttl
================================================== */
#tmp_cate_ttl img {
height:auto;
max-width:100%;
}

/* tmp_means
================================================== */

/* ==================================================
accessibility style change:font-size
================================================== */
/* biggest(doubled)
================================================== */
.fsize_big2 #tmp_site_link a{
    height: auto;
}

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
content: ""; /* Do not edit */
display: table; /* Do not edit */
clear: both; /* Do not edit */
}
}
@media screen and (max-width : 360px) {
/* ==================================================
footer
================================================== */
#tmp_footer::after {
background-image: url(/shared/site_datsutanso/images/footer/bg_footer_sp.png);
}
}