@charset "utf-8";

/*
Theme Name: 光青
*/


*,*:before,*:after{
box-sizing:border-box;
}

html{
font-size:62.5%;
scroll-behavior:smooth;
}

body{
background-color:#b0cd79;
color:#333;
font:normal 1.33rem/1.5 'Noto Sans JP',sans-serif;
letter-spacing:.05em;
margin:0;
background-repeat:repeat-y;
background-position:center top;
text-rendering:optimizeSpeed;
}

img{
max-width:100%;
height:auto;
vertical-align:bottom;
}

h1{
margin:0;
width:100%;
font-size:2.2rem;
}

a{
color:#333;
}


.b{
display:none;
}



#tpnews-wrap{
border:double 4px #ccc;
padding:5px;
width:100%;
}
.tpnews{
border-bottom:dashed 1px #ccc;
padding-bottom:5px;
margin-bottom:5px;
display:flex;
word-break:break-all;
}
.tpnews-left{
margin-right:15px;
max-height:96px;
width:96px;
flex-shrink:0;
}
.tpnews a{
font-weight:bold;
}
.tpnews-date{
font-size:1.1rem;
}

#more{
font-size:1.1rem;
}
#more span{
padding:0 3px;
}

#feed{
margin:25px 0;
}

#news-wrap{
width:100%;
}
.news{
border-bottom:solid 1px #ccc;
margin-bottom:15px;
padding-bottom:15px;
}
.news-hd{
margin-bottom:20px;
}
.news-hd h3{
font-size:1.5rem;
margin:4px 0;
}
.news-hd span{
color:#666;
font-size:1.2rem;
}
.news-body{
padding:0 10px;
word-break:break-all;
}

.nav-btn{
background:#fff;
border:solid 1px #0001;
border-radius:2px;
color:#b8b8b8;
text-decoration:none;
font-weight:bold;
width:36px;
line-height:29px;
text-align:center;
display:inline-block;
user-select:none;
font-family:'DM Sans', sans-serif;
font-size:1.75rem;
}
.nav-btn-prev{
margin-left:25px;
}
.nav-btn.is-active{
background:#f5f5f5;
color:#444;
}
.nav-btn:hover{
background:#fff;
color:#b8b8b8;
}
.nav-btn.is-active:hover{
background:linear-gradient(to bottom, #f8f8f8, #f1f1f1);
color:#333;
}
.post-hd{
margin-bottom:25px;
}
.post-content>*:first-child{
margin-top:0;
}



.sec{
margin-top:45px;
}

.block{
margin-top:20px;
}



.heading{
font-size:1.5rem;
color:#fff;
font-weight:300;
padding:0 1em 5px;
line-height:1.8;
width:100%;
margin-left:0;
margin-bottom:15px;
margin-right:0;
background-size:100% 100%;
background-position:center center;
}
.heading-ttl{
color:#fff;
font-family:'Noto Serif JP',serif;
width:100%;
font-size:1.8rem;
margin:0 0 15px;
padding:38px 25px 10px;
background-position:center center;
}
.heading-line{
font-size:2.2rem;
color:#000;
width:100%;
font-family:'Noto Serif JP',serif;
margin:0 0 15px;
}


.tbl{
border-collapse:collapse;
}
.tbl th,.tbl td{
padding:3px 5px;
border:solid 1px #888;
font-weight:normal;
text-align:left;
}



.between{
margin:0 auto 10px;
}

.bet-box{
margin:auto auto 20px auto;
}

.bx-item{
margin:30px auto 0;
text-align:center;
width:100%;
}


.img-bx{
margin-right:auto;
}
.img-bx-right{
margin-left:auto;
}
.txt-bx{
margin:auto 0 auto auto;
width:360px;
}



.cmn-hd{
background-repeat:no-repeat;
background-position:center;
height:132px;
}
.cmn-hd-sec{
width:980px;
margin:0 auto;
padding:7px 5px;
}

.cmn-ft{
border-bottom:solid 1px #480f21;
width:948px;
padding:4px 17px 10px;
text-align:right;
margin:35px auto 0;
}

.copy{
text-align:center;
font-size:1.1rem;
letter-spacing:.03em;
margin:20px 0 30px;
}
.copy a{
text-decoration:none;
}



.wrap{
display:flex;
justify-content:space-evenly;
margin:35px auto 0;
width:980px;
}
.container{
width:745px;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
align-self:flex-start;
}



.sidebar{
width:174px;
}
.sidebar-item{
display:block;
margin-top:18px;
}
.sidebar-list{
font-size:1.6rem;
margin:0;
padding:0;
list-style:none;
}
.sidebar-list li{
border-bottom:dashed 1px #b5b5b5;
margin:5px 0 8px;
padding:0 1em 3px;
}
.sidebar-list a:before{
content:'⇒ ';
}



.com-tbl th{
width:126px;
}
.com-tbl td{
width:616px;
}

.com-tbl1 th{
background-color:#efefef;
}


.machine-bx{
font-size:1.6rem;
}