@charset "utf-8";
/* CSS Document */
/*----------固定ページ----------*/
.headSub{padding: 60px 8% 0}
.headSub h2{color: #dc0032; font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem)}/*22-36*/
.pagebox{padding: 40px 8% 0}
/*--------------------*/

.titleBox ul li{display: inline; font-weight: 700}
.titleBox ul li a{display: inline-block}

.pankuzu{margin: 0 8% 20px; text-align: right; font-size: 12px; letter-spacing: normal}
.pankuzu li{display: inline-block}
.wp-block-button__link{background-color:#f9d3cd !important; color: #fff !important}


.container-single h1{margin: 0 8% 40px; color: #dc0032; font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem)}/*22-36*/
.container-single .singlebox{background: none; padding: 0; }
.singleboxfl{padding: 40px 8%; background: #fff }
.singleboxfl h2.midashi{font-size: clamp(1rem, 0.643rem + 1.79vw, 1.5rem)}/*16-24*/
.singleboxfl time{text-align: right; margin-bottom: 20px}
.singleboxfrex .singleboxfl{letter-spacing: normal}


.singleboxfl li{position: relative}
.singleboxfl li .date{font-size: 13px}
.singleboxfl li .pot{font-size: 10px; position: absolute; right:0; top: 0; border-radius: 5px; border: 1px solid #ccc; padding: 0 10px}
.singleboxfl li a:hover{color: #b08a2a !important}


.singleboxfl .daycont{padding: 20px 0; display: flex}
.singleboxfl .daycont li{width: 50% ; list-style: none !important; margin-left: 0 !important}
.singleboxfl .daycont li .date{font-size: 16px ;}
.singleboxfl .daycont li .pot{font-size: 14px ; }

.pagenavi{ font-size:11px; text-align:right; margin-bottom:40px; padding:10px 20px 0}








.kijiBox{font-size: 15px}
/*----------記事ページ----------*/
#singlec ul li{ list-style: disc ; margin-left: 20px}
#singlec ol li{ list-style:decimal ; margin-left: 20px}



/*----------アーカイブ----------*/
#archivel a{color: #000}
#archivel li a{display: block; margin-bottom: 30px ; padding-bottom: 30px; border-bottom: 1px dashed #d5be98; }
#archivel h3{ font-size:clamp(0.938rem, 0.804rem + 0.67vw, 1.125rem) }/*15-18*/


#archivel .page-numbers {
    display: inline-block;
    margin: 0;
    border-radius: 10px;
    background: none;
    font-size: 17.5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 46px;
    text-align: center;
    color: #000
}

#archivel a.page-numbers:hover {
background-color: #f9d3cd;
color:#FFF;
text-decoration: none;
cursor: pointer;
}

#archivel .page-numbers {
color: #FFF;
background: #c0aa72;
}

#archivel .pagenation_page {
    text-align: center;
}

#archivel .pagenation_page .next {
    width: auto;
    background: none;
    padding-left: 0.4em;
}

#archivel .pagenation_page .prev{
    width: auto;
    background: none;
    padding-right: 0.4em;
}

#archivel a.pagenation_page .next:hover {
color:#f9d3cd;
opacity: 0.8;
}



/*----------ページネーション----------*/
.pagination-single{margin: 50px 0 0;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.6;}
.pagination-box{margin-bottom: 20px; margin-top: 1px}
.pagination-box a{text-decoration:none; display:block; padding:5px 30px 5px 30px; text-align:left; margin-bottom:0.2rem; position: relative; background:#fbf1e6; color:#000 ; border-radius:5px ; letter-spacing: normal ; font-size: 12px}
.pagination-box a:hover{background:#fff2f0;}
.pagination-box a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);}

.nextbox a{ display:block; padding:5px 30px 5px 30px; text-align:left; margin-bottom:0rem; position: relative; background:#fbf1e6; color:#000 ; border-radius: 5px ; letter-spacing: normal ; font-size: 12px}
.nextbox a:hover{background:#fff2f0;}
.nextbox a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-left: solid 2px #333;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -4px;
  transform: rotate(-45deg);}

.pager {
    margin:0 auto;
	margin: 0px auto 0;
    max-width: 1100px;
}
.pager:after, .pager ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pager a{ display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #f9d3cd;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 0 20px;  
}
.pager a:first-child {
    margin-left: 0;
}
.pager span.page-numbers{display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background:none !important;
    border-radius: 3px;
    color: #000 !important;
    padding: 0 20px;}

.pager a:hover {
    background-color: #b6e6fa;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}	


.side{margin: 60px 8% 0}
.side h2{font-size:20px; font-weight: 700}
.side li{background: url("../img/about/ya.png") no-repeat left 1em; background-size: 10px 10px; }
.side li a{display: block; border-bottom: 1px solid #fff; color:#000;
    line-height: 1.4;
    padding: 8px 0;}
.side li a:hover{color:#b08a2a}    
.side li:last-child a{margin-bottom: 30px; border: none}

.side #archives-dropdown-3{line-height: 1.4; padding: 5px;}
.side #searchform{margin-top: 30px}
.side #searchform input{line-height: 1.4; padding: 5px;}
.side #searchform input#s{width: 80%; border: none;}
.side #searchform input#searchsubmit{width: 18%; border: none;}

.side .kokate li{background: none; padding-left: 0}
.side .kokate li:last-child {
    margin-bottom: 20px;
}
.wp-block-columns{margin-bottom: 0 !important}



@media screen and (max-width: 639px) {

.titleBox h2{
   font-size: 6vw;
    padding: 0 0 10px 8%; font-weight: 700;
    z-index: 1;
    position: relative;}
.titleBox ul{z-index: 1; position: relative; margin: 0 8% 30px; text-align: right; font-size: 2.6666666667vw;}




.wp-block-media-text .wp-block-media-text__content{padding: 0 !important}

input[type="search"]{font-size: 16px}

.pager{ margin: 0 8%}

}

@media screen and (min-width: 640px) {
#header{background: #fff}

.pankuzu{margin: 0 8% ; padding-bottom: 0}

.container-single h1{margin-top: 60px ; margin-bottom: 50px}
.container-single .singlebox{padding: 40px 0 0}
.singleboxfrex{margin: 0 auto;}
.singleboxfrex .singleboxfl{ padding: 50px 8%}


.titleBox h2{    font-size: 42px;
    margin: 0 auto 30px;
    position: relative;
    z-index: 1;
    font-weight: 600;}




.pagination-single{font-size: 14px; width:100%; margin: 50px auto 0px;
display: flex; justify-content: space-between}
.pagination-single .pagination-box, .pagination-single .nextbox{width:48% }
.pagination-box a , .nextbox a{padding: 20px 30px 20px 30px;}



img.emoji{ width:18px !IMPORTANT; vertical-align: middle;}
}