@charset "UTF-8";
/* Frontページ */

.the_content.bace_page{padding:0 4%; margin-bottom: 60px;}

#archive-info{padding:0 4% 100px 4%;}


.NewsList{width:100%; max-width: 1080px; border-top: 1px solid #E5E5E5; margin:0 auto;}

.NewsList li{border-bottom:1px solid #E5E5E5; }
.NewsList li a{padding:24px 80px 24px 24px; position: relative; background-color: #fff; display: block;}

.NewsList li a p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.NewsList li a::before{
    content: '';
  position: absolute;
    right:24px;
    width: 32px;
    height: 1px;
  background:#000000;
    transition: all .3s;
    top: 50%;
    margin-top: -2px;
}

.NewsList li a::after{
    content: '';
  position: absolute;
    top:50%;
    right:24px;
    width: 8px;
    height:1px;
  background:#000000;
    transform: matrix(0.86, 0.48, -0.52, 0.87, 0, 0);
    transition: all .3s;
    margin-top: -4px;
}

/*hoverした際の移動*/
.NewsList li a:hover::before{
    right: 20px;
}

.NewsList li a:hover::after{
    right:20px;
}

.NewsList li a span{color: rgba(0, 0, 0, 0.6); display:block; font-size: 1.2rem;}

.pageNavi {
 text-align:center;
 width:100%
}
.wp-pagenavi {
 margin:60px auto 0;
 clear:both;
 text-align:center
}
.wp-pagenavi a {
 color:#FDB500;
 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:#FDB500;
 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:#FDB500;
 border-color:#FDB500
}
.wp-pagenavi span.current {
 color:#fff;
 background-color:#FDB500;
 border-color:#FDB500;
 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:#FDB500 !important
}

.titleBox{margin-top: 100px; margin-bottom:40px;}

.titleBox dt{font-size: 1.4rem;
line-height: 160%;}

.titleBox dd:first-of-type{
    font-size: 4.0rem;
    color: #000;
line-height: 160%;
text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */
}

@media only screen and (min-width:813px) {}
@media only screen and (max-width:812px){
}




#contentBox{margin-bottom: 100px;
text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}


#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%;}

@media only screen and (min-width:813px) {
#contentBox img{max-width:720px; height: auto;}
}
@media only screen and (max-width:812px){
#contentBox img{width:100%; height: auto; max-width:720px;}
}

.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: 'Open Sans', sans-serif; font-weight:700;
 font-size:1.6rem;
 color:#FDB500;
 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 {
 position:absolute;
 left:0;
 top:50%;
 margin-top:-12px;
 font-family:'icomoon' !important;
 content:"\e902";
 font-size:1.6rem;
 font-weight:400;
 transform:scaleX(-1)
}
.pagination a[rel^=next] {
 padding-right:22px;
 position:relative
}
.pagination a[rel^=next]:after {
 position:absolute;
 right:0;
 top:50%;
 margin-top:-12px;
 font-family:'icomoon' !important;
 content:"\e902";
 font-size:1.6rem;
 font-weight:400
}
.pagenav{text-align: center;}

.pagenav a{}
.pagenav a{
    /*矢印と下線の基点とするためrelativeを指定*/
  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;
}

/*hoverした際の移動*/
.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){}
@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;}
    
}