@charset "utf-8";

body {
font-size: 14px;
position: relative;
-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
}
.outer-block {
min-width: 320px;
}
.inner-block {
padding: 0 10px;
width: auto;
}
#wrapper {
min-width: 320px;
position: relative;
overflow: hidden;
}
input[type="submit"] {
-webkit-text-size-adjust: 100%;
}
input, select, textarea {
font-size: 16px !important;
}
.pc {
display: none !important;
}
.pc-ib {
display: none !important;
}
.sp {
display: block !important;
}
.sp-ib {
display: inline-block !important;
}
.pagetop {
left: auto;
bottom: 10px;
margin-left: 0;
right: 10px;
width: 40px;
height: 40px;
}
#news, #list, #howto, #lecture {
padding-top: 10px;
margin-top: -10px;
} #header {
background: url(//chiba-kominkan.jp/wp/wp-content/themes/chiba_city_community_center/img/common/sp/header_image.jpg) no-repeat center center;
background-size: cover;
}
#header .inner-block {
position: relative;
background-image: none;
padding: 0;
padding-top: 60px;
height: 210px;
}
#header .logo-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #fff;
text-align: center;
z-index: 2;
}
#header .logo-text .logo-link {
display: inline-block;
height: 24px;
margin: 18px 0;
margin-right: 40px;  
}
#header .logo-text .logo-link img {
height: 100%;
}
#header .logo-text .nav-btn {
position: absolute;
width: 35px;
height: 25px;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
}
#header .logo-text .nav-btn .inner {
display: block;
position: relative;
width: 100%;
height: 100%;
}
#header .logo-text .nav-btn .inner > span {
position: absolute;
left: 50%;
margin-left: -17.5px;
width: 35px;
height: 4px;
background-color: #2579bf;
display: block;
transition: 0.2s ease-in-out;
}
#header .logo-text .nav-btn .inner > span:nth-child(1) {
top: 0;
}
#header .logo-text .nav-btn .inner > span:nth-child(2) {
top: 10.5px;
}
#header .logo-text .nav-btn .inner > span:nth-child(3) {
bottom: 0;
}
#header .logo-text .nav-btn.is-on {
width: 25px;
right: 15px;
}
#header .logo-text .nav-btn.is-on .inner > span:nth-child(1) {
transform: translateY(10.5px) rotate(45deg);
}
#header .logo-text .nav-btn.is-on .inner > span:nth-child(2) {
opacity: 0;
}
#header .logo-text .nav-btn.is-on .inner > span:nth-child(3) {
transform: translateY(-10.5px) rotate(-45deg);
}
#header.low {
background: none;
border-bottom: 1px solid #eee;
}
#header.low .inner-block {
padding-top: 0;
height: 60px;
} .g-nav {
display: none;
position: fixed;
top: 60px;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
overflow: hidden;
overflow-y: auto;
}
#navi {
position: relative;
background-color: #f7f7f7;
box-shadow: none;
height: 0;
overflow: hidden;
}
#navi .inner-block {
height: auto;
padding: 0;
}
#navi .navi-ul {
display: block;
}
#navi .navi-ul li {
display: block;
height: auto;
text-align: left;
}
#navi .navi-ul li + li {
border-top: 1px solid #e0e0e0;
}
#navi .navi-ul li a {
color: inherit;
height: 52px;
line-height: 52px;
padding-left: 10px;
}
#navi .navi-ul li:first-child a:before {
content: none;
}
#navi .navi-ul li a:after {
background: url(//chiba-kominkan.jp/wp/wp-content/themes/chiba_city_community_center/img/common/arrow_blue.png) no-repeat;
background-size: contain;
width: 7px;
height: 10px;
right: 10px;
}
.link-blank-btn a {
display: block;
margin: 0;
padding-top: 9px;
padding-bottom: 9px;
}
.link-blank-btn a.target-blank:after {
position: static;
display: inline-block;
margin-left: 5px;
vertical-align: -2px;
} #footer {
border-bottom-width: 5px;
}
#footer .inner-block {
padding: 0;
}
#footer .footer-ul {
padding: 0;
}
#footer .footer-ul li {
width: 50%;
}
#footer .footer-ul li:last-of-type {
width: 100%;
}
#footer .footer-ul li:nth-child(2n) a {
border-left: 1px solid #e0e0e0;
}
#footer .footer-ul li a {
border: none;
border-bottom: 1px solid #e0e0e0;
display: block;
padding: 11px 10px;
}
#footer .copyright {
font-size: 11px;
padding-top: 10px;
} .content-block {
margin-bottom: 20px;
}
.content-box {
padding: 10px;
margin-bottom: 15px;
}
.content-block .block-title {
height: 30px;
margin-bottom: 15px;
}
.content-block .block-title .inner {
border: none;
font-size: 19px;
width: 100%;
height: 30px;
position: relative;
}
.content-block .block-title .inner:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 46%;
height: 2px;
background-color: #2579bf;
}
.message-box {
font-size: 14px;
padding: 10px;
margin-bottom: 20px;
} .area-link-ul li {
width: 30%;
height: auto;
background-size: auto 70%;
margin-right: 5%;
}
.area-link-ul li:nth-child(3n) {
margin-right: 0;
}
.area-link-ul li:nth-child(n+4) {
margin-top: 5%;
}
.area-link-ul li:before {
width: 11px;
height: 11px;
bottom: 7px;
right: 7px;
}
.area-link-ul li a {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
}
.area-link-ul li a:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
} .content-block .block-sub-title {
border-left: none;
font-size: 14px;
height: auto;
line-height: inherit;
margin-bottom: 15px;
padding-left: 10px;
}
.content-block .block-sub-title:before {
content: "";
background-color: #2579bf;
width: 4px;
height: 1em;
position: absolute;
top: 4px;
left: 0;
}
.content-block p + .block-sub-title {
margin-top: 15px;
}
.howto-block .content-box {
position: relative;
}
.content-block .number-title {
margin-bottom: 15px;
position: static;
}
.content-block .number-title .number {
font-size: 16px;
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 10px;
}
.content-block .number-title .text {
font-size: 16px;
line-height: 20px;
}
.content-block .number-title .apply-link {
height: 40px;
top: auto;
left: 10px;
bottom: 10px;
right: 10px;
margin: auto;
}
.content-block .number-title .apply-link a {
display: block;
text-align: center;
}
.block-list-ul li {
padding-left: 10px;
}
.block-list-ul li + li {
margin-top: 1em;
}
.block-list-ul li:before {
top: 7px;
left: 3px;
}
.content-box.apply-box {
padding-bottom: 60px;
}
.content-box .content-box-inner {
padding: 10px;
}
.lecture-block p {
margin-top: 1em;
}
.adobe-block .logo {
display: block;
float: none;
margin-right: 0;
text-align: center;
margin-bottom: 15px;
}
.adobe-block .text {
float: none;
width: auto;
} .table-type-01 {
table-layout: fixed;
}
.table-type-01 th {
padding: 10px 0;
}
.table-type-01 td {
padding: 10px;
}
.bread {
border-bottom: 1px solid #eee;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
}
.icon-blank:after {
width: 12px;
height: 12px;
margin-left: 2px;
}
.back-content {
margin: 15px 0;
}
.back-btn {
font-size: 14px;
width: 64%;
}
.label-pdf-mark {
display: inline-block;
}
.label-pdf-mark:after {
content: "";
clear: both;
display: block;
}
.label-pdf-mark:before {
float: left;
width: 35px;
height: 14px;
line-height: 14px;
margin-top: 3px;
margin-right: 5px;
}
.label-pdf-mark a {
position: relative;
display: block;
overflow: hidden;
}
.label-pdf-mark.word {
display: block;
margin-top: 5px;
}
.label-pdf-mark.word a {
display: inline-block;
}
.content-title-area .title {
font-size: 22px;
line-height: inherit;
height: auto;
padding: 4px 10px;
margin-bottom: 20px;
} .news-list-box .new-list-ul li a,
.news-list-box .new-list-ul li > span {
padding: 15px 10px;
font-size: 14px;
}
.news-list-box .new-list-ul li .date {
float: none;
display: block;
width: auto;
}
.news-list-box .new-list-ul li a .text {
float: none;
display: block;
max-width: inherit;
margin-top: 10px;
}
.news-list-box .new-list-ul li a .text.pdf-label {
padding-left: 44px;
}
.news-list-box .new-list-ul li .text .pdf-mark {
position: absolute;
left: 0;
top: 4px;
height: 14px;
line-height: 14px;
padding: 1px 7px;
vertical-align: bottom;
}
.news-list-box .new-list-ul li .link-blank .text:after {
display: inline-block;
position: static;
margin-left: 5px;
vertical-align: -2px;
} .news-detail-head {
padding-bottom: 10px;
}
.news-detail-head .title {
font-size: 19px;
margin-bottom: 10px;
}
.news-detail-body {
padding: 15px 10px;
}
.news-detail-body img {
width: 100%;
}
.news-detail-body p {
margin-bottom: 1.4em;
}
.news-detail-body .sub-title {
font-size: 16px;
margin-bottom: 1.4em;
}
.news-detail-body .sub-title span {
line-height: 1.8;
}
.news-detail-body .col > img {
float: none;
width: 100%;
}
.news-detail-body .col > img:nth-child(2n) {
float: none;
}
.news-detail-body .col > img + img {
margin-top: 10px;
} .community-center-table thead {
display: none;
}
.community-center-table .pc-table {
display: none;
}
.community-center-table th,
.community-center-table td {
display: block;
}
.community-center-table td a {
display: inline;
padding: 0;
}
.community-center-table td:first-child.has-a a {
display: block;
padding: 8px;
}
.community-center-table td {
border: none;
font-size: 12px;
padding: 0 8px;
}
.community-center-table td + td {
padding-top: 8px;
}
.community-center-table td.sp-last {
padding-bottom: 8px;
}
.community-center-table td:first-child.has-a {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background-color: #ecf6ff;
font-size: 14px;
text-align: center;
}
.community-center-table tr:first-child td:first-child.has-a {
border-top: none;
}
.community-center-table td:not(:first-child).has-a {
padding: 10px;
padding-bottom: 0;
}
.community-center-table td a.library-link {
text-indent: 0;
color: inherit;
text-decoration: underline;
}
.community-center-table td a.library-link:before {
position: static;
display: inline-block;
height: 13px;
width: 13px;
vertical-align: middle;
margin-right: 5px;
}
.community-center-table td a.library-link:after {
background: url(//chiba-kominkan.jp/wp/wp-content/themes/chiba_city_community_center/img/common/icon_target_blank.png) no-repeat center top;
background-size: 100%;
content: '';
display: inline-block;
height: 12px;
width: 12px;
margin-left: 5px;
vertical-align: -2px;
} .hall-access {
padding: 10px;
margin-bottom: 20px;
}
.hall-access .top .img {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.hall-access .top .img img {
max-width: inherit;
width: 100%;
}
.hall-access .top .body {
overflow: visible;
}
.hall-top-table th,
.hall-top-table td {
display: block;
padding: 0;
}
.hall-top-table th {
color: #2579bf;
font-weight: bold;
margin-bottom: 5px;
width: auto;
}
.hall-top-table td {
margin-bottom: 15px;
}
.hall-top-table p + p {
margin-top: 1em;
}
.hall-top-table p span {
padding-right: 0;
}
.hall-top-table td a {
color: #2579bf;
}
.hall-top-table th span:before {
width: 18px;
height: 18px;
vertical-align: -4px;
}
.map {
width: 100%;
padding-top: 100%;
position: relative;
}
.map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hall-bg {
padding: 0;
}
.hall-table {
font-size: 12px;
}
.hall-table th {
width: 15%;
padding: 10px;
}
.hall-table td {
width: 85%;
}
.hall-table .block-list-ul li + li {
margin-top: 0;
}
.hall-table .title {
font-size: 12px;
}
.hall-table .column3 li {
float: none;
width: auto;
} .reservation-content-box {
margin-bottom: 20px;
}
.reservation .content-box-inner + p {
margin-top: -15px;
}
.reservation .link-blank-btn.link-arrow a:after {
position: absolute;
margin-left: auto;
vertical-align: inherit;
width: 8px;
height: 12px;
}
.reservation .content-box-inner + .block-sub-title {
margin-top: -15px;
}
.reservation .content-box.apply-box {
padding-bottom: 10px;
}
.reservation-list .inner-list li {
padding-left: 1em;
}
.reservation-bg {
background-color: transparent;
padding: 0;
}
.reservation-scroll {
overflow: hidden;
overflow-x: scroll;
}
.reservation-table-outer {
padding-bottom: 6px;
}
.reservation-table {
width: 640px;
font-size: 12px;
}
.reservation-table tr:first-child th:first-child,
.reservation-table tr:nth-child(3) th:first-child {
width: 66px;
}
.reservation-table tr:first-child th:nth-child(2),
.reservation-table tr:nth-child(3) th:nth-child(2) {
width: 225px;
}
.reservation-table .col-width {
width: auto;
}
.reservation-table th.low {
padding-left: 10px;
padding-right: 10px;
}
.reservation-table th.no-space {
white-space: normal;
}
.reservation-bg .jspVerticalBar {
display: block;
}
.reservation-table .title {
font-size: 12px;
} /*:after {
clear: both;
content: "";
display: block;
height: 0;
font-size: 0;
visibility: hidden;
}