@charset "UTF-8";

/* ******************************************** */
/* directory:news */
/* 投稿ページ・一覧ページ */
/* ******************************************** */

.single_page {
	word-break: break-all;
}
.single_page h1 {
    font: 400 40px/1.4 var(--font-family-mincho);
    margin-bottom: 25px;
}

.single_page h2 {
  padding: .75rem 1.25rem;
  background: linear-gradient(#72c9c2,#10baab);
  box-shadow: 0 3px 6px #00000029;
  color: var(--white);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: var(--font-family-mincho);
  border: none;
  margin: 60px 0 20px;
}
.single_page h3 {
    font: 400 23px var(--font-family-mincho);
    color: var(--black);
    margin: 40px 0 20px;
	white-space:pre-wrap;
	position: relative;
}
.single_page h3:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border-gray);
    content: "";
}
.single_page h4{
	font: 400 20px var(--font-family-mincho);
	color: var(--green);
    margin: 2rem 0 0.5rem;
}
.single_page p{
	margin-bottom:1rem;
}
.single_page a {
	color:var(--blue);
	text-decoration:underline;
	word-break: break-all;
}
.single_page a.cm_btn01 {
	color:var(--white);
	text-decoration:none;
}
.single_page a:hover.cm_btn01 {
	color:var(--blue);
	text-decoration:none;
}
.single_page ol,.single_page ul{
	margin:20px 0;
	padding-left:1.8rem;
}
.single_page ol li,.single_page ul li{
	margin:0 0 10px 0;
}
.single_page ol{
	list-style:decimal;
}
.single_page ul{
	list-style: disc;
}
.single_page ol li::marker,.single_page ul li::marker{
	color:var(--green);
	font-family:var(--font-family-mincho);
}
.single_page form {
	text-align:center;
	padding-bottom:120px;
}
.single_page input[type=password] {
	background:var(--white);
	padding:5px;
	border :1px solid var(--gray);
}
.single_page input[type=submit] {
	padding:5px 10px;
	border-radius:5px;
	font-size:0.8rem;
	background:var(--white);
	border :1px solid var(--gray);
}
.single_page .wp-caption{
    max-width: 100%;
}
.archive_page {
}
.archive_page ul.archive_list{
}
.archive_page ul.archive_list li {
	margin-bottom:15px;
}
.archive_page ul.archive_list li a.link_outline{
	display: block;
    background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0.31) 100%);
    border: 1px solid var(--green);
    padding: 15px 30px 20px;
}
.archive_page ul.archive_list li .date-category {
	margin-bottom:5px;
}
.archive_page ul.archive_list li .date-category span.date {
	font-family: var(--font-family-marcellus);
	color:var(--green);
	display:inline-block;
	margin:0 10px 0 0;
}
.archive_page ul.archive_list li .date-category span.category_tag {
	font-size: 13px;
    color: var(--gray-dark);
    border: 1px solid var(--gray);
    background: var(--white);
    padding: 3px 8px;
	margin-right:5px;
}
.archive_page ul.archive_list li span.archive_title {
    font: 400 18px var(--font-family-mincho);
    color: var(--black);
}

.wp-pagenavi {
	margin:30px 0 90px 0;
	display:flex;
	justify-content: center;
}
.wp-pagenavi .pages{
	display:none;
}
.wp-pagenavi a {
    display: inline-block;
    font: 400 14px / 1 var(--font-family-mincho);
    line-height: 40px;
    width: 40px;
    margin: 0 5px;
    text-align: center;
    background: var(--white);
    color: var(--blue-dark);
    border-radius: 50%;
}
a.previouspostslink,a.nextpostslink{
    display: inline-block;
    font: 400 14px / 1 var(--font-family-mincho);
    line-height: 40px;
    width: 40px;
    margin: 0 5px;
    text-align: center;
    background: var(--white);
    color: var(--blue-dark);
    border-radius: 50%;
}
a.previouspostslink::before,a.nextpostslink::before {
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.previouspostslink::before {
    background: url(../img/common/parts_arrowLeft.png) center / contain no-repeat;
}
a.nextpostslink::before {
    background: url(../img/common/parts_arrowRight.png) center / contain no-repeat;
}
.wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink{
	position: relative;
    background: var(--green);
    height: 40px;
    line-height: 0;
    padding: 0;
}
.wp-pagenavi span.current {
    display: inline-block;
    font: 400 14px / 1 var(--font-family-mincho);
    line-height: 40px;
    width: 40px;
    margin: 0 5px;
    text-align: center;
    background: var(--white);
    color: var(--blue-dark);
    border-radius: 50%;
	background: var(--blue-dark);
    color: var(--white);
}

dl.faq dt,dl.faq dd {
	display:flex;
	gap:20px;
	margin-bottom:30px;
	line-height:180%;
}
dl.faq dt {
    font: 400 25px / 1 var(--font-family-mincho);
	width:100%;
	padding:20px;
	border-radius:10px;
	background:var(--white);
	margin:0 auto 30px 0;
}
dl.faq dd {
	width:100%;
	padding:20px;
	border-radius:10px;
	margin:0 0 30px auto;
	font-size:16px;
}
dl.faq dt span.faq_q {
    font: 400 25px / 1 var(--font-family-mincho);
	color: var(--blue);
}
dl.faq dd span.faq_a {
    font: 400 25px / 1 var(--font-family-mincho);
	color: var(--red);
}
.bottom_link {
	margin:30px 0;
	text-align:center;
}

@media screen and (max-width: 767px){
.single_page h2 {
	font-size: 1.25rem;
	margin: 35px 0 15px
}
.single_page h1 {
	font-size: 23px;
}
.single_page h3 {
    font-size: 20px;
}
.single_page h4{
	font-size: 17px;
}

.archive_page ul.archive_list li a.link_outline{
	padding: 15px 20px 20px;
}
.archive_page ul.archive_list li span.archive_title {
	font-size: 18px;
	-webkit-line-clamp: 2;
}
dl.faq dt,dl.faq dd {
	display:block;
}
dl.faq dt {
    font: 400 18px / 1 var(--font-family-mincho);
	line-height:140%;
}
dl.faq dt span.faq_q,dl.faq dd span.faq_a {
display:block;
margin-bottom:15px;
}
.archive_page ul.archive_list li .date-category span.date {
	display:block;
	margin:0 10px 5px 0;
}
.wp-pagenavi span.current,.wp-pagenavi a {
	margin :0 2px;
	line-height: 31px;
	height: 8vw;
	width:8vw;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink{
	line-height: 31px;
	height: 8vw;
	width:8vw;
}
}