@charset "utf-8";

.grecaptcha-badge {
visibility: hidden;
}
html {}
body {
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Noto Sans JP, "Hiragino Sans", Meiryo, sans-serif;
font-size: 0.9375rem;
line-height: 1.8;
margin: 0;
padding: 0;
letter-spacing: 1px;
color: #333;
overflow-x: hidden;
}
a {
color: #333;
}
h2 {
margin: 0 auto 1em;
}
p {
font-size: 0.9375rem;
line-height: 2;
margin: 0 auto 1em;
}
img {
width: 100%;
height: auto;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table th,
table td {
border: 1px solid #ddd;
padding: 1em 1.5em;
line-height: 2;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
table th {
font-weight: 400;
background: #f7f7f7;
} .container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.contents {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.contents h2 {
font-size: 1.75rem;
font-weight: 400;
line-height: 1.6;
display: block;
width: 100%;
}
.contents h2 span {
font-size: .875rem;
}
.contents h4 {
width: 100%;
display: block;
} .contents-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contents-box .side,
.contents-box .main-contents {
box-sizing: border-box;
}
.contents-box .side {
width: 20%;
padding: 3em 0 0;
}
.contents-box .main-contents {
width: 75%;
padding: 3em 0 0;
}
.contents-ttl-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 auto 5em;
}
.contents-ttl {
width: 100%;
flex: 1;
padding: 0 2em 0 0;
margin: 0 auto;
}
.contents-ttl h2 {
text-align: center;
letter-spacing: 1.1px;
margin: 0 auto 0.5em;
}
.contents-ttl p {
text-align: center;
}
.contents-img {
width: 100%;
flex: 2;
} .page-contents {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 3em 0 0;
}
.article-main {} .breadcrumbs {
display: flex;
align-items: center;
font-size: .75rem;
padding: 0 0 1rem;
}
.breadcrumbs a {}
.breadcrumbs span {
margin: 0 .2rem;
line-height: 0;
padding: 0 0 .2rem;
} #header {
border-bottom: 1px solid #c2c2c2;
}
#header .header-inner {
width: 100%;
height: auto;
margin: 0 auto;
padding: 1em 3em 0.5em;
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
}
#header .header-inner img.logo {width: 85%;} #header .site-ttl {
line-height: 1;
display: inline-block;
margin: 0;
}
#header .site-ttl a img {
display: block;
width: 100%;
height: auto;
}
#header .site-ttl a {
display: block;
text-decoration: none;
} #header ul.drawer-list {
margin: 0 auto;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-right: 1px solid #c2c2c2;
}
#header ul.drawer-list  li {
font-weight: 600;
padding: 0.5em 1em;
letter-spacing: 1.1px;
border-left: 1px solid #c2c2c2;
} #header .header-tel {
text-align: center;
padding-left: 3rem;
}
#header .header-tel p.note {
font-size: 0.875rem;
font-weight: 600;
line-height: 0;
margin: 0 auto 0.85em;
}
#header .header-tel p.tel {
font-size: 2.25rem;
font-weight: 600;
line-height: 1;
margin: 0 auto;
padding-bottom: 0.3em;
border-bottom: 1px solid #333;
}
#header .header-tel p.tel::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/tel.svg);
width: 35px;
height: 35px;
top: 5px;
right: 8px;
}
#header .header-tel p.time {
margin: 0 auto;
}
#header .drawer-inner .drawer-logo,
#header .drawer-tel {display: none;}
@media(min-width: 821px) {
.navbutton {
display: none;
}
.header-nav-wrap {
position: absolute;
top: 50%;
right: 0;
padding-right: 3em;
transform: translateY(-50%);
}
.header-nav {
font-size: 0;
}
.header-nav li {
font-size: 1rem;
letter-spacing: 1px;
display: inline-block;
margin-left: 3em;
padding: 0;
}
.header-nav li a:hover {
opacity: .6;
}
} #footer {
width: 100%;
margin-top: auto;
border-top: 1px solid #c2c2c2;
}
#footer .footer-nav-wrap {
width: 100%;
max-width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
padding: 3em;
box-sizing: border-box;
}
#footer .footer-info {
width: 30%;
}
#footer .footer-info .logo {
line-height: 3;
text-align: center;
margin: 0 auto 3em;
}
#footer .footer-info .logo img {
width: 100%;
} #footer .footer-tel {
text-align: center;
margin: 0 auto 2em;
}
#footer .footer-tel p.note {
font-weight: 600;
line-height: 1px;
margin: 0 auto 1em;
}
#footer .footer-tel p.tel {
font-size: 2.5rem;
font-weight: 600;
line-height: 1;
margin: 0 auto 0.2rem;;
padding-bottom: 0.3em;
border-bottom: 1px solid #333;
}
#footer .footer-tel p.tel::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/tel.svg);
width: 35px;
height: 35px;
top: 5px;
right: 8px;
}
#footer .footer-tel p.time {
margin: 0 auto;
}
#footer .footer-mail {
text-align: center;
margin: 0 auto;
width: 100%;
max-width: 320px;
background: #189800;
}
#footer .footer-mail a {
display: block;
color: #fff;
font-size: 1.1rem;
font-weight: 500;
padding: 0.8em;
}
#footer .footer-mail a::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/mail.svg);
width: 30px;
height: 30px;
top: 5px;
right: 8px;
}
#footer .footer-inner {
width: 60%;
padding-left: 3em;
border-left: 1px solid #c2c2c2;
}
#footer .footer-inner-menu {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
margin-bottom: 2em;
}
#footer .footer-inner-menu ul.info {
width: 30%;
}
#footer .footer-inner-menu ul.info li {
line-height: 2.3;
}
#footer .footer-inner-menu ul.book {
width: 60%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
}
#footer .footer-inner-menu ul.book li::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/footer.svg);
width: 20px;
height: 20px;
top: 5px;
padding-right: 0.5em;
}
#footer .footer-inner-menu ul.book li {
width: 48%;
position: relative;
line-height: 2.3;
}
#footer .footer-inner-banner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#footer .footer-inner-banner a {
width: 48.888%;
} #footer .copyright {
padding: 1.5em 0 1.5em;
text-align: center;
background: #262626;
}
#footer .copyright p {
font-size: .875rem;
margin: 0 auto;
line-height: 0;
color: #fff;
} .article-item .txt-wrap h2 {
font-size: 1rem!important;
} .pagination {
margin: 4rem 0;
text-align: center;
}
.pagination ul {
font-size: 0;
}
.pagination ul li {
font-size: 1rem;
display: inline-block;
margin-right: .75rem;
}
.pagination ul li:last-child {
margin-right: 0;
border: 0;
}
.pagination ul li a,
.pagination ul li .current {
font-weight: 400;
line-height: 1;
display: block;
padding: .75rem .875rem;
border: 1px solid #c2c2c2;
}
.pagination ul li a {
text-decoration: none;
}
.pagination ul li .current {
color: #fff;
background: #189800;
border: 1px solid #189800;
}
.pagination ul li .prev,
.pagination ul li .next {
padding: .75rem .5rem;
border: 0;
}
.pagination ul li i {
font-size: 1rem;
color: #1d2d43;
} .article-box {
margin: 0 auto;
}
.article-box .txt-wrap-date {
margin: 0 auto 0.8em;
}
.article-box .txt-wrap-date span {
font-size: 0.875rem;
line-height: 1;
margin: 0 auto 0.5em;
}
.article-box .txt-wrap-date span.article-date {
padding-right: 1em;
}
.article-box .txt-wrap-date span.article-cat {
border-left: 1px solid #666;
padding-left: 1em;
}
.article-box .txt-wrap h2 {
font-size: 1.75rem!important;
}
.article-box .article-img {
line-height: 0;
margin: 0 auto 1em;
}
.article-box .article-img img {
width: 100%;
}
.article-box .article-main {
margin: 0 auto 3em;
}
.article-box .article-foot {
margin: 0 auto;
padding: 1em 0 0;
}
.article-box .article-foot ul {
display: flex;
flex-wrap: wrap;
}
.article-box .article-foot ul li {
margin-right: 1em;
}
.article-box .article-foot ul li a {
color: #fff;
background: #333;
padding: 0.5em 1em;
border-radius: 3px;
}
.article-box .article-foot ul li a::before {
content: "#";
padding-right: 0.2em;
}
.article-box .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 3em auto 0;
}
.article-box .nav-links a {
padding: 0.5em 3em;
background: #fff;
border: 1px solid #333;
border-radius: 25em;
}
.news-box {
background: #fff;
padding: 3em 5em 2em;
margin: 0 auto 1em;
}
.show {
margin: 2em auto 0;
}
.show h3 {
font-weight: 400;
font-size: 1.25rem;
border-left: 3px solid #333;
margin: 0 auto 0.5em;
padding: 0 0 0 0.5em;
}
.show table {
margin: 0 auto 1em;
}
.show .map a {
font-size: 0.75rem;
color: #fff;
background: #333;
padding: 0.5em 1.5em;
}
.news-contact {
padding: 2em 0;
margin: 0 auto;
}
.news-contact h3 {
font-weight: 400;
font-size: 1.25rem;
border-left: 3px solid #333;
margin: 0 auto 0.5em;
padding: 0 0 0 0.5em;
}
.news-contact p {
margin: 0 auto 2em;
} #sidebar .sidebar-inner {
margin: 0 auto 3em;
}
#sidebar .label {
margin: 0 auto 0.5em;
padding: 0.5em 1em;
color: #fff;
background: #189800;
}
#sidebar ul {
margin: 0 auto;
}
#sidebar ul li a {
display: flex;
align-items: center;
padding: 0.8em;
line-height: 1.6;
border-bottom: 1px solid #c2c2c2;
}
#sidebar ul.genre li a::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/book01.svg);
width: 15px;
height: 15px;
top: -3px;
left: 3px;
padding-right: 0.8em;
} @media(max-width: 1280px) { .contents {
max-width: 1100px;
}
}
@media(max-width: 1024px) { #header .header-inner {
padding: 1em 2em 0.5em;
}
#header a.logo_link {width: auto;}
#header .header-tel {
padding-left: 1em;
}
#header .header-tel p.tel::before {
width: 25px;
height: 25px;
top: 3px;
right: 8px;
}
#header .header-tel p.tel {
font-size: 1.85rem;
}
#header .header-tel p.note {
font-size: 0.65rem;
} .contents {
max-width: 920px;
}
} @media(max-width: 820px) {
body {
font-size: 0.875rem;
} #header .header-tel {display: none;}
#header {
width: 100%;
position: fixed;
z-index: 999999;
background: #fff;
}
#header .header-inner {
height: 75px;
padding: 1em 2em;
flex-wrap: wrap;
box-sizing: border-box;
line-height: 0;
align-items: center;
}
#header .header-inner .logo_link {
padding: 0;
background: none;
}
#header .header-inner img.logo {
width: 100%;
height: auto;
} .hamburger {
position: fixed;
top: 20px;
right: 25px;
z-index: 150;
width: 30px;
height: 30px;
cursor: pointer;
}
.hamburger.is-active span:nth-child(1) {
top: 50%;
transform: translate(-50%, -50%) rotate(135deg);
}
.hamburger.is-active span:nth-child(2) {
opacity: 0;
}
.hamburger.is-active span:nth-child(3) {
top: 50%;
transform: translate(-50%, -50%) rotate(-135deg);
}
.hamburger span {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 2px;
background-color: #333;
transition: transform .3s;
}
.hamburger.is-active span {
background-color: #333;
}
.hamburger span:nth-child(1) {top: 30%;}
.hamburger span:nth-child(2) {top: 60%;}
.hamburger span:nth-child(3) {top: 90%;} #header .drawer {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
z-index: 130;
width: 100%;
height: 100vh;
background-color: #fff;
transition: opacity .3s, visibility .3s;
}
#header .drawer.is-active {
visibility: visible;
opacity: 1;
}
#header .drawer-inner { justify-content: center;
align-items: center;
height: 100%;
padding: 5em 2em 0;
}
#header .drawer-inner .drawer-logo {
display: block;
text-align: center;
padding: 0;
margin: 0 auto 1em;
}
#header .drawer-inner .drawer-logo img {width: 65%;}
#header ul.drawer-list {
margin: 0 auto 3em;
display: block;
border-right: none; }
#header .drawer-list li.drawer-item {
padding: 1em 0;
line-height: 1.8;
border-bottom: 1px solid #c2c2c2;
border-left: none;
}
#header .drawer-list li.drawer-item::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/footer.svg);
width: 20px;
height: 20px;
top: 5px;
padding-right: 0.5em;
} #header .drawer-tel {
display: block;
text-align: center;
}
#header .drawer-tel p.note {
font-weight: 600;
line-height: 1px;
line-height: 0;
margin: 0 auto 0.85em;
}
#header .drawer-tel p.tel {
font-size: 2.25rem;
font-weight: 600;
line-height: 1;
margin: 0 auto 0.2rem;;
padding-bottom: 0.3em;
border-bottom: 1px solid #333;
width:fit-content;
}
#header .drawer-tel p.tel::before {
display: inline-block;
position: relative;
content: url(//jclcp.com/wp-content/themes/jclcp/img/tel.svg);
width: 35px;
height: 35px;
top: 5px;
right: 8px;
}
#header .drawer-tel p.time {
margin: 0 auto;
}
#header .drawer-link { } #footer .footer-nav-wrap {
padding: 2em;
}
#footer .footer-info {
width: 40%;
}
#footer .footer-info .logo img {
width: 95%;
}
#footer .footer-info .logo {
margin: 0 auto 3em;
}
#footer .footer-tel p.tel {
font-size: 2rem;
}
#footer .footer-tel p.tel::before {
width: 30px;
height: 30px;
}
#footer .footer-inner {
width: 50%;
padding-left: 3em;
}
#footer .footer-inner-menu {
display: block;
}
#footer .footer-inner-menu ul.info {
width: 100%;
margin: 0 auto 1em;
}
#footer .footer-inner-menu ul.book {
width: 100%;
}
#footer .footer-inner-menu ul.book li {
line-height: 2.8;
} .contents-box {
padding: 5em 1.5em 0;
}
.contents-box .side {
width: 25%;
}
.contents-box .main-contents {
width: 70%;
padding: 2em 0 0;
}
} @media only screen and (max-width: 479px) {
table {
border-bottom: 1px solid #ddd
}
table th,
table td {
line-height: 1.7;
padding: 1em;
display: block;
}
table th {
border-bottom: none;
}
table td {
border-bottom: none;
}
p {
font-size: 0.875rem;
}
.br-sp {
display: block;
} #header .header-inner {height: 60px;}
#header .header-inner img.logo {width: 70%;}
.hamburger {top: 12px;}
#header .drawer-inner .drawer-logo img {width: 75%;} #footer .footer-nav-wrap {
display: block;
padding: 1em 1.5em;
}
#footer .footer-info {width: 100%;}
#footer .footer-info .logo img {width: 85%;}
#footer .footer-info .logo {margin: 0 auto 1em;}
#footer .footer-tel {margin: 0 auto 1em;}
#footer .footer-mail {
margin: 0 auto 1em;
max-width: 100%;
}
#footer .footer-mail a {
font-size: 1rem;
}
#footer .footer-inner {
width: 100%;
padding-left: 0;
border-left: none;
}
#footer .footer-inner-menu ul.info {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 1em;
}
#footer .footer-inner-menu ul.info li {
width: 48.888%;
}
#footer .footer-inner-menu ul.book {
width: 100%;
}
.pagination {margin: 0 auto 3em;}
}