/*

Theme Name: My Theme
Author: mistral
Description: カスタムテーマ
Version: 1.0
*/

#mainK {
background:#080000 url(https://img.shop-pro.jp/PA01471/525/etc/main_k.jpg) no-repeat right center;
position: relative;
}
 #mainK h1 {
 font-family:var(--font);
font-weight: bold;
color:#fff;
padding: 80px 0;
width:1200px;
margin:auto;
font-size:2.5em;
text-align: left;
}

#newsINDEX.kaso dl{
border-bottom:1px solid rgba(255, 255, 255, .288);
}
.wp-block-table thead{
border:0}


#pageCommon.newsCo{
font-family: "Noto Sans JP", sans-serif;

	border-radius: 8px;
	background: #333 url(https://img.shop-pro.jp/PA01471/525/etc/bg_b.png) repeat;
padding:80px 0;

}
#pageCommon.newsCo .Inner{
background:#FFF;
padding: 40px;
border-radius:10px;
color:#333;
}
#pageCommon.newsCo h2{
margin:0;
padding-top:.8em;
color:#000;
font-weight:bold}

#pageCommon.newsCo h3{
color:#FFF;
}
#pageCommon.newsCo h4{
background-image: url(https://img.shop-pro.jp/PA01471/525/etc/point.png) }

#pageCommon.newsCo h5{
clear:both;
color:#330000;

}
#pageCommon.newsCo h5::after{
height:3px;
background:#330000;

}
#pageCommon.newsCo h6 {
    color: #330000;
    padding: .4em .8em;
    margin: 2em 0 1em;
    font-size: 1.125em;
    border: 1px solid #ccc;
    border-radius: 8px;
}

#pageCommon.newsCo table{
border-spacing:inherit}

#pageCommon.newsCo th,
#pageCommon.newsCo td{
border:1px solid #666;
}
.wp-block-table .has-fixed-layout{
table-layout:auto}



#pageCommon.newsCo ul {
	margin: 0 0 2.4em 0.4em;
	clear: none;
}
ul.inLine {
	display:inline-block;
	margin: 0 auto 2em;
	text-align: left;
}
#pageCommon.newsCo ol{
margin: 0 0 2em 2em;}
ol ul {
	margin-bottom: 0;
	padding: 0!important;
}
#pageCommon.newsCo ul li {
	position: relative;
	padding: .3em 0 .3em 1em;

	line-height: 1.8em;
}

#pageCommon.newsCo ul li::after, #pageCommon.newsCo ul li::before{
 position: absolute;
 left: 0;
top:.96em;
 content: "";
 vertical-align: middle;
}

#pageCommon.newsCo ul li::before{
bottom:1em;
width: 8px;
 height: 8px;
 border-top: 2px solid #ccc;
 border-right: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}


#pageCommon.newsCo .btnMore a{
border:1px solid #000;
background:#000;
color:#FFF;
}
#pageCommon.newsCo .btnMore a:hover{
background:#FFF;
color:#000}


figure{
padding-bottom:1.5em}

figure img{
margin-bottom:1em}
@media screen and (min-width: 768px) {
#newsINDEX.kaso{
padding: 100px 0}
#newsINDEX.kaso dt,#newsINDEX.kaso dl{
font-size:1.25rem;
line-height: 2.2em}
}
@media screen and (max-width: 767px) {

 #mainK {
background:#080000 url(https://img.shop-pro.jp/PA01471/525/etc/main_k_sp.jpg) no-repeat right center / auto 100%;
position: relative;
text-align: left;
}
 #mainK h1 {
font-size: 1.5em;
padding: 1.5em 0 1.5em 1em;
width:100%!important
}
#pageCommon.newsCo .Inner{
width:100%;
padding: .8em}
#pageCommon.newsCo{
padding: 3px;}
.pc{
display:none!important;}

}

/**/
.nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 2em 0;
  font-size: 16px;
}

.nav-links .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  color: #333;
  text-decoration: none;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}

.nav-links .page-numbers:hover {
  background-color: #4c0000;
  color: #fff;
  border-color: #4c0000;
}

.nav-links .current {
  background-color: #4c0000;
  color: #fff;
  border-color: #4c0000;
  cursor: default;
}

.nav-links .next,
.nav-links .prev {
  font-weight: bold;
}