@charset "UTF-8";
 .the_content.bace_page{padding:0 4%; margin-bottom: 60px;}
.sc_column{padding-top: 40px;}
@media only screen and (max-width:812px){.sc_column .textR{padding-right: 1em;}}
.news_daytime{display: none !important;}
#archive-info{padding:0 4% 100px 4%;}
#searchform{width:100%;}
#searchform input[type="text"] {
background: #fff;
height: 45px;
border-radius: 50px;
border: 1px solid #000;
font-size: 1.6rem;
width: 100%;
padding: 9px 20px;
color: #111 !important;
}
.select_label{
position: relative;
display: inline-block;
overflow: hidden;
margin: 0;
text-align: center;
font-size: 1.6rem;
background-color: #fff;
font-weight: 900;
border:1px solid #000;
width: 100%;
max-width: 200px;
}
.select_label::before {
position: absolute;
top: 50%;
right: 10px;
margin-top: -6.5px;
width: 15px;
height: 13px;
display: block;
content: "";
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.5%2013L0.138785%200.249998L14.8612%200.25L7.5%2013Z%22%20fill%3D%22%231E1E1E%22%2F%3E%3C%2Fsvg%3E');
}
.select_label select {
padding: 10px;
padding-right: 30px;
cursor: pointer;
text-indent: .01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: 0 0;
background-image: none;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
text-align: center;
font-weight: 900;
font-size: 1.6rem;
position: relative;
z-index: 1;
}
.selectBox{max-width: 1080px; margin:0 auto 40px; width: 100%;}
@media only screen and (min-width:813px){
#searchform{max-width: 350px;}
.selectBox{display: flex; justify-content: space-between;}
.selectBox::before{content: ""; display: block;
max-width: 200px;
width: 100%;
}
.select_label{ }
}
@media only screen and (max-width:812px){
#searchform{margin-bottom: 15px;}
.select_label{max-width: 100%;}
} .BlogList{width:100%; max-width: 1080px; margin:0 auto;}
.BlogList li .imgBox{position: relative; width:100%; display: block; margin-bottom:10px;}
.BlogList li .imgBox::before{content: "";
display: block;
padding-bottom: 75%;
}
.BlogList li .imgBox img{position: absolute;
width: 100%;
height: 100%;
top: 0;
object-fit: cover;}
.BlogList li .imgBox.noimg{background-color: #d0d0d0; text-align: center;}
.BlogList li .imgBox.noimg > span{top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
}
.BlogList li .imgBox.noimg > span i{font-size:3.1rem; color: #999999; font-weight: 700; }
.BlogList li .imgBox.noimg > span span{font-family: 'Cantata One', serif; font-weight: 400; display: block; font-size: 1.5rem; color: #999999;}
.BlogList li dl{  }
.BlogList li dl dt{line-height: 1.2;}
.BlogList li dl dt span:first-of-type{font-size:1.4rem; font-family: 'Cantata One', serif; font-weight: 400; display: inline-block;margin-right: 10px;}
.BlogList li dl dt span:not(:first-of-type){margin-left: 10px;
font-size: 1.4rem;}
.BlogList li dl dd{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 1.6rem;
line-height: 1.6;
margin-top: 5px;
}
@media only screen and (min-width:813px){
.BlogList{display: flex; flex-wrap: wrap;}
.BlogList li{width:calc(92% / 3); margin-bottom: 4%;}
.BlogList li:not(:nth-of-type(3n)){margin-right: 4%;}
}
@media only screen and (max-width:812px){
.BlogList{display: flex; flex-wrap: wrap;}
.BlogList li{width:48%; margin-bottom: 4%;}
.BlogList li:not(:nth-of-type(2n)){margin-right: 4%;}
}
.pageNavi {
text-align:center;
width:100%
}
.wp-pagenavi {
margin:60px auto 0;
clear:both;
text-align:center
}
.wp-pagenavi a {
color:#000;
border:1px solid #fff;
padding:5px 12px;
margin:0 2px;
white-space:nowrap;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
text-align:center;
text-decoration:none;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.wp-pagenavi span {
color:#000;
padding:5px 12px;
margin:0 2px;
white-space:nowrap;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
text-align:center;
text-decoration:none;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.wp-pagenavi a:hover {
color:#fff;
background-color:#000;
border-color:#000
}
.wp-pagenavi span.current {
color:#fff;
background-color:#000;
border-color:#000;
font-weight:700
}
.coming {
width:68%
}
.nextpostslink,
.previouspostslink {
border:none !important
}
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover {
background-color:#fff !important;
color:#000 !important
}
.titleBox{margin-top: 0; margin-bottom:40px;}
.titleBox dt{font-size: 1.4rem;
line-height: 160%;}
.titleBox dd:first-of-type{
font-size: 2.8rem;
color: #000;
line-height: 1.6;
text-align: justify;
text-justify: inter-ideograph; text-justify: inter-character; }
@media only screen and (min-width:813px) {}
@media only screen and (max-width:812px){
.titleBox{padding: 0.5em;}
.addtoany_content{padding: 10px;}
}
#contentBox{margin-bottom: 100px;
text-align: justify;
text-justify: inter-ideograph; text-justify: inter-character; }
#contentBox h2{margin-bottom:40px; margin-top: 100px; font-size: 3.0rem; color: #000;}
#contentBox h3{margin-bottom:24px; margin-top: 40px;
border-bottom: 1px solid #E5E5E5; padding-bottom: 12px;font-size: 2.2rem; color: #000;}
#contentBox h4{margin-bottom:24px; margin-top: 24px; color: #000;}
#contentBox a{text-decoration:underline; color: #E45E2B;}
#contentBox a:hover{ text-decoration:none;}
#contentBox > p{margin-bottom:24px;}
.thumbnailImage{width:100%; max-width: 720px; overflow: hidden; margin-bottom:24px;}
.thumbnailImage img{width:100%; max-width: 720px;}
#contentBox img{display: block; margin-bottom:40px;}
#contentBox img.aligncenter{margin-left: auto; margin-right: auto; display: block; margin-bottom:15px;}
#contentBox img.alignleft{margin-left: 0; margin-right: auto; display: block; margin-bottom:15px;}
#contentBox img.alignright{margin-left: auto; margin-right: auto; display: block; margin-bottom:15px;}
#contentBox iframe{width:100%;}
#contentBox img{max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
#contentBox a.lightboxImg{display: inline-block; margin:0 auto; max-width: 100%;}
#contentBox a > img{
margin:0;
}
.addtoany_share_save_container a{}
#contentBox ul{
list-style: none;
}
#contentBox ul li {
position: relative;
padding-left: 1.6rem;
margin-bottom: 5px;
}
#contentBox ul li:before {
content: "・";
display: inline-block;
line-height: 140%;
position: absolute;
margin-top: 3px;
left: 0;
}
#contentBox ul li:last-child {
margin-bottom: 0;
}
.pagination {
display:flex;
justify-content:space-between;
align-items:center;
margin:90px auto;
max-width:380px
}
.pagination p.link_pre,
.pagination p.link_next {
min-width:78px
}
.pagination a {
font-family: 'Cantata One',serif;
font-weight: 400;
font-size:1.6rem;
color:#000;
width:70px;
text-align:center
}
.pagination a[rel^=prev],
.pagination a[rel^=next] {
height:24px;
line-height:24px;
background-repeat:no-repeat;
background-size:contain
}
.pagination a[rel^=prev] {
padding-left:22px;
position:relative
}
.pagination a[rel^=prev]:before {
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(-134deg);
transform: rotate(-134deg);
margin-top: -3px;
position: absolute;
left: 5px;
top: 50%;
}
.pagination a[rel^=next] {
padding-right:22px;
position:relative
}
.pagination a[rel^=next]:after {
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px;
position: absolute;
right: 5px;
top: 50%;
}
.pagenav{text-align: center;}
.pagenav a{}
.pagenav a{ position: relative; padding: 13px 0;
color: #E45E2B;
text-decoration: none;
outline: none;
height: 48px;
display: inline-block;
}
.pagenav a::after{
position: absolute;
left:0;
top: 2px;
content:"";
border: 1px solid #E45E2B;
width: 48px;
height: 48px;
border-radius:50%;
display: block;
}
.pagenav a span{margin-left:84px;
font-weight: 500;
letter-spacing: 0.15em;
font-size: 1.4rem;}
.pagenav a span::before{
content: ''; position: absolute;
top:50%;
left:24px; width: 48px;
height: 1px;
background:#E45E2B; transition: all .3s;
}
.pagenav a span::after{
content: ''; position: absolute;
top:50%;
left:24px; width: 6px;
height:1px;
background:#E45E2B;
transform: rotate(-30deg); transition: all .3s;
margin-top: -2px;
} .pagenav a:hover span::before{
left:20px;
}
.pagenav a:hover span::after{
left:20px;
}
@media only screen and (min-width:813px) {}
@media only screen and (max-width:812px){}
.half{display: flex;align-items: center; margin-bottom:40px;}
.half_img{order: 1; width: 50%;}
.half_img img{width: 100%;}
.half p{order: 2;
width: 68.6%;
margin-left: 3%;
text-align: justify;}
@media only screen and (max-width:812px) {
.half{display: block;align-items: center; margin-bottom:40px;}
.half_img{order: 1; width: 100%;}
.half_img img{width: 100%;}
.half p{order: 2;
width: 98%;
margin:0 1%;
text-align: justify;}
}