@charset "UTF-8";

html{scroll-behavior:smooth;scroll-padding-top:120px;}
*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:70%;position:relative;top:-0.5em;}
sub{vertical-align:text-bottom;font-size:70%;position:relative;top:0.5em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#222;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,main{display:block;}

body {
text-align:center;
font-size:16px;
line-height:1.75;
color:#222;
background:#fff;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;}
.mincho {
font-family:"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}

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

body {
font-size:15px;
line-height:1.75;}

}

h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
line-height:1.75;
font-weight:normal;}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}
ol {
margin:0 0 0 20px;}
ol li {
list-style:decimal;
line-height:1.5;
margin:4px 0;}
dl {
display:flex;
flex-wrap:wrap;
text-align:left;
width:100%;
line-height:1.5;}
dt {
padding:2px 0;
width:20px;
white-space:nowrap;}
dd {
padding:2px 0;
width:calc(100% - 20px);}

a:link {
color:#611;
outline:none;
text-decoration:none;
transition:color 0.25s;}
a:visited {
color:#611;
outline:none;
text-decoration:none;}
a:hover {
color:#e82;
outline:none;
text-decoration:none;}

hr {
clear:both;
width:100%;
margin:1.75em 0;
border:0;
height:1px;
border-bottom:3px dotted #33bb00;}
.aligncenter {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;}
.alignright {
float:right;
margin:3px 0 33px 33px;}
.alignleft {
float:left;
margin:3px 33px 33px 0;}
.alignnone {
display:block;}
.block {
position:relative;
margin:1.9em 0;
padding:28px;
line-height:1.65;
background:rgba(255,255,255,0.6);
border:2px solid #a5ed8a;
border-radius:15px;}
blockquote {
position:relative;
margin:2em 0;
padding:28px;
line-height:1.65;
background:rgba(255,255,255,0.6);
border:2px solid #a5ed8a;
border-radius:15px;}
.block  p , blockquote p {
margin-bottom:0 !important;}

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

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:3px auto 33px;}
.block {
padding:24px;}
blockquote {
padding:24px;}

}

.clearfix:before , .clearfix:after {
display:table;
content:" ";}
.clearfix:after {
clear:both;}
.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.youtube {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;}
.youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;}

/*  ttl  ==========================*/

.ttl-00 {
text-align:center;
position:relative;
z-index:2;
margin:0 auto;
width:65%;
max-width:300px;
aspect-ratio:1 / 1;
font-weight:bold;
background:#fff;
border-radius:50%;}
.ttl-00.ttl-w {
background:rgba(115,241,68,0.25);}
.ttl-00::before {
content:"";
position:absolute;
z-index:3;
left:50%;
top:50%;
width:78%;
aspect-ratio:1 / 1;
background:#d3fccc;
border-radius:50%;
transform:translate(-50%,-50%);}
.ttl-00.ttl-w::before {
background:#fff;}
.ttl-00 .txt {
position:absolute;
z-index:4;
left:50%;
top:50%;
line-height:0;
white-space:nowrap;
transform:translate(-50%,-50%);}
.ttl-00 .ttl-tate {
writing-mode:vertical-rl;
display:inline-block;
padding:0 0 0.2em 0;
font-size:196%;
line-height:1.25;}
.ttl-00 .ttl-yoko {
padding:0 0 0.2em 0;
font-size:196%;
line-height:1.25;}
.ttl-00 .eng {
font-size:84%;
line-height:1.2;
color:#2e9b00;}
.ttl-00-bg-green {
position:relative;}
.ttl-00-bg-green::after {
content:"";
pointer-events:none;
position:absolute;
left:0;
top:0;
width:100%;
aspect-ratio:10 / 1;
background:url("../images/bg_g01.svg") no-repeat center center / 100% 100%;
transform:translate(0,-1px);}

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

.ttl-00 .ttl-tate {
font-size:6.7vw;}
.ttl-00 .ttl-yoko {
font-size:6.7vw;}
.ttl-00 .eng {
font-size:3vw;}

}

.ttl-01 {
font-family:"M PLUS 1",sans-serif;
margin:1.1em 0;
font-size:220%;
line-height:1.35;
letter-spacing:-0.02em;}
.post .body h2 , .ttl-02 {
position:relative;
margin:1.1em 0;
padding:0 0 0.15em 0;
font-size:188%;
line-height:1.3;
font-weight:bold;
letter-spacing:-0.01em;
overflow:hidden;}
.post .body h2::before , .ttl-02::before {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #33bb00;}
.post .body h2::after , .ttl-02::after {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #222;}
.post .body h3 , .ttl-03 {
margin:1.1em 0;
padding:0 0 0 12px;
font-size:164%;
line-height:1.3;
font-weight:bold;
color:#2e9b00;
border-left:6px solid #33bb00;}
.post .body h4 , .ttl-04 {
margin:1.0em 0;
padding:0 0 4px 0;
font-size:132%;
line-height:1.3;
font-weight:bold;
border-bottom:1px solid #222;}
.post .body h5 , .ttl-05 {
margin:1.1em 0;
padding:12px;
font-size:116%;
line-height:1.3;
font-weight:bold;
color:#fff;
background:#555545;
border-radius:15px 0 0 0;}
.post .body h6 , .ttl-06 {
text-align:center;
margin:2.2em 0 0 0;
padding:1.1em 0;
font-size:92%;
font-weight:normal;
border-top:1px solid #222;
border-bottom:1px solid #222;}

.ttl-07 {
margin:0.7em 0;
font-size:124%;
line-height:1.3;
font-weight:bold;}

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

.ttl-01 {
font-size:204%;}
.post .body h2 , .ttl-02 {
font-size:172%;}
.post .body h3 , .ttl-03 {
font-size:148%;}
.post .body h4 , .ttl-04 {
font-size:124%;}
.post .body h5 , .ttl-05 {
font-size:108%;}

}

/* bg ============ */

.bg01 {
background:linear-gradient(0deg, #d3fccc, transparent 85%, transparent);}
.bg02 {
background:linear-gradient(180deg, #d3fccc, transparent 85%, transparent);}
.bg-canvas {
background:url("../images/bg_canvas.jpg") repeat center center / 240px;}
.bg-dot {
position:relative;
z-index:1;
background-image:radial-gradient(#b9b9b2 22%, transparent 22%),radial-gradient(#b9b9b2 22%, transparent 22%);
background-size:8px 8px;
background-position:0 0, 4px 4px;}
.bg-dot::before {
content:"";
pointer-events:none;
position:absolute;
z-index:-1;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(0deg, rgba(255,255,255,0.25), rgba(255,255,255,0.25), rgba(255,255,255,1));}
.bg-curve-b-w {
position:relative;}
.bg-curve-b-w::after {
content:"";
pointer-events:none;
position:absolute;
left:0;
bottom:0;
width:100%;
aspect-ratio:10 / 1;
background:url("../images/bg_w_dn.svg") no-repeat center center / 100% 100%;
transform:translate(0,1px);}

/* table =====================*/

.tbl-scroll {
white-space:nowrap;
overflow:auto;}
.tbl-scroll::-webkit-scrollbar {
height:10px;}
.tbl-scroll::-webkit-scrollbar-track {
background:#f1f1f1;}
.tbl-scroll::-webkit-scrollbar-thumb {
background:#bbb;}
.tbl-scroll table {
width:100%;}

table.tbl-00 {
text-align:left;
width:100%;
font-size:92%;
border:2px solid #33bb00;
border-bottom:1px solid #33bb00;}
.post .body table p {
margin:0 !important;}
table.tbl-00 tbody {
width:100%;
display:table;}
table.tbl-00 tr {
height:auto !important;}
table.tbl-00 th {
text-align:center;
padding:14px 10px;
font-size:108%;
line-height:1.45;
font-weight:bold;
background:#d3fccc;
border-bottom:1px solid #33bb00;
height:auto !important;}
table.tbl-00 td {
padding:14px 10px;
line-height:1.55;
background:#fff;
border-bottom:1px solid #33bb00;
height:auto !important;}
table.tbl-01 th {
text-align:center;
width:25%;
border-bottom:1px solid #33bb00;}

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

table.tbl-01 th {
display:block;
width:100%;
border-bottom:none;}
table.tbl-01 th br {
display:none;}
table.tbl-01 td {
display:block;
width:100%;}

}

/* form =====================*/

.width99 {width:99%!important;}
.width66 {width:66%!important;}
.width33 {width:33%!important;}
.width11 {width:11%!important;}
.form-contact {
text-align:left;
padding:20px;
background:#d3fccc;
border-radius:15px;}
.form-contact p {
margin-bottom:0 !important;}
.form-contact dt {
width:100%;
font-size:108%;
font-weight:bold;
letter-spacing:-0.01em;}
.form-contact dt.must:after {
content:"必須";
text-align:center;
display:inline-block;
vertical-align:middle;
margin:0 0 0 5px;
padding:3px 0;
width:28px;
font-size:10px;
line-height:12px;
color:#fff;
background:#c00;
white-space:nowrap;
border-radius:6px;
transform:translate(0,-1px);}
.form-contact dd {
width:100%;
margin:0 0 21px 0;}
.form-contact dd:last-child {
margin:0;}
.form-contact dd label {
margin:0 18px 0 0;}
.form-contact dd .notice {
margin:9px 0 0 0;
font-size:76%;
line-height:1.5;
color:#555545;}
.form-contact dd select {
cursor:pointer;
background:none transparent;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;}
.form-contact dd input[type="text"] ,
.form-contact dd textarea {
padding:8px;
border:2px solid #d9d5d2;
border-radius:6px;}
.form-contact dd input[type="radio"]{
appearance:none;
display:none;}
.form-contact dd input[type="radio"]+span {
cursor:pointer;
display:inline-block;
position:relative;
padding:0 0 0 28px;
line-height:30px;
white-space:nowrap;}
.form-contact dd input[type="radio"]+span::before{
content:"";
position:absolute;
display:block;
width:16px;
height:16px;
left:5px;
top:50%;
transform:translate(0,-50%);
border:2px solid #d9d5d2;
background:#FFF;
border-radius:50%;}
.form-contact dd input[type="radio"]:checked+span{
color:#900;}
.form-contact dd input[type="radio"]:checked+span::before{
border:2px solid #900;
background:#900;
border-radius:50%;}
.form-contact dd input[type="radio"]:checked+span::after{
content:"";
position:absolute;
display:block;
width:9px;
height:5px;
left:10px;
top:35%;
transform:rotate(-45deg);
border-bottom:2px solid #fff;
border-left:2px solid #fff;}
.form-contact dd input[type="checkbox"]{
appearance:none;
display:none;}
.form-contact dd input[type="checkbox"]+span{
cursor:pointer;
display:inline-block;
position:relative;
padding:0 0 0 28px;
line-height:30px;
white-space:nowrap;}
.form-contact dd input[type="checkbox"]+span::before{
content:"";
position:absolute;
display:block;
width:16px;
height:16px;
left:5px;
top:50%;
transform:translate(0,-50%);
border:2px solid #d9d5d2;
background:#fff;
border-radius:3px;}
.form-contact dd input[type="checkbox"]:checked+span{
color:#900;}
.form-contact dd input[type="checkbox"]:checked+span::before{
border:2px solid #900;
background:#900;
border-radius:3px;}
.form-contact dd input[type="checkbox"]:checked+span::after{
content:"";
position:absolute;
display:block;
width:9px;
height:5px;
left:5px;
top:35%;
transform:rotate(-45deg);
border-bottom:2px solid #fff;
border-left:2px solid #fff;}
.form-contact dd .error {
display:block;
margin:8px 0 0 0 !important;
animation:form_error 1.5s infinite linear;}
@keyframes form_error {
50% {opacity:0;}
100% {opacity:1;}
}
.form-submit {
text-align:center;
margin-top:2.2em;}
.form-submit input {
-webkit-appearance:none;
cursor:pointer;
margin:0 5px;
padding:0 3em;
border-style:none;
font-size:100%;
line-height:55px;
color:#fff;
background:#33bb00;
border-radius:8px;
transition:0.25s;}
.form-submit input:hover {
background:#e82;
box-shadow:0 0 6px 2px rgba(0,0,0,0.3);}

/* height ===================*/

.ht00 {margin-top:0px !important;}
.ht10 {margin-top:10px !important;}
.ht20 {margin-top:20px !important;}
.ht30 {margin-top:30px !important;}
.ht40 {margin-top:40px !important;}
.ht50 {margin-top:50px !important;}
.ht60 {margin-top:60px !important;}
.ht70 {margin-top:70px !important;}
.ht80 {margin-top:80px !important;}
.ht90 {margin-top:90px !important;}
.ht100 {margin-top:100px !important;}
.ht120 {margin-top:120px !important;}
.ht180 {margin-top:180px !important;}

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

.ht20 {margin-top:2% !important;}
.ht30 {margin-top:3% !important;}
.ht40 {margin-top:4% !important;}
.ht50 {margin-top:5% !important;}
.ht60 {margin-top:6% !important;}
.ht70 {margin-top:7% !important;}
.ht80 {margin-top:8% !important;}
.ht90 {margin-top:9% !important;}
.ht100 {margin-top:10% !important;}
.ht120 {margin-top:12% !important;}
.ht180 {margin-top:18% !important;}

}

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

.ht20 {margin-top:14px !important;}
.ht30 {margin-top:20px !important;}
.ht40 {margin-top:26px !important;}
.ht50 {margin-top:32px !important;}
.ht60 {margin-top:38px !important;}
.ht70 {margin-top:44px !important;}
.ht80 {margin-top:50px !important;}
.ht90 {margin-top:55px !important;}
.ht100 {margin-top:60px !important;}
.ht120 {margin-top:70px !important;}
.ht180 {margin-top:100px !important;}

}

/* btn ===================*/

.alpha {
transition:0.25s;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;}
.alpha:hover {
filter:alpha(opacity=60)!important;
-moz-opacity:0.6!important;
opacity:0.6!important;}

.btn-01 {
clear:both;
margin-top:2.2em;}
.btn-01 a {
position:relative;
display:inline-block;
padding:1em 3.4em 1em 3.1em;
font-size:100%;
line-height:1.3;
font-weight:bold;
color:#2e9b00;
background:#fff;
box-shadow:0 0 0 2px #33bb00;
border-radius:30px;
transition:0.25s;}
.btn-01 a:hover {
color:#fff;
background:#33bb00;}
.btn-01 a::after {
content:"";
position:absolute;
z-index:2;
right:5px;
top:50%;
width:5px;
height:5px;
border-right:1px solid #33bb00;
border-bottom:1px solid #33bb00;
transform:translate(0,-50%) rotate(-45deg);
transition:0.25s;}
.btn-01 a:hover::after {
border-right:1px solid #fff;
border-bottom:1px solid #fff;}

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

.btn-01 a {
display:block;
padding:1.1em 0;
font-size:100%;}

}

.btn-sns {
width:100%;
max-width:320px;
margin:0 auto 22px;}
.btn-sns li {
width:25%;}
.btn-sns a {
display:block;
color:#fff;
text-align:center;
font-size:12px;
line-height:33px;
border-radius:6px;
margin:2px;
transition:0.25s;}
.btn-sns .sns-x {
background:#222;}
.btn-sns .sns-facebook {
background:#3b5998;}
.btn-sns .sns-pocket {
background:#ef3f56;}
.btn-sns .sns-line {
background:#1dcd00;}
.btn-sns a:hover {
background:#ee8800;}

/* thanks error =======================*/

.thanks-error {
text-align:center;
margin:5% auto;}
.thanks-error .ttl {
font-size:172%;
line-height:1.5;
margin:0 0 1.1em 0;}

/* post ========================= */

.btn-tag a {
display:inline-block;
margin:0 5px 5px 0;
padding:0 10px;
font-size:10px;
line-height:24px;
background:#555545;
color:#fff;
border-radius:12px;
transition:background 0.25s;}
.btn-tag a:hover {
background:#33bb00;}
.post {
text-align:left;}
.post .entry-title {
position:relative;
margin:0.3em 0 0.5em 0;
padding:0 0 0.15em 0;
font-size:236%;
line-height:1.3;
font-weight:bold;
overflow:hidden;}
.post .entry-title::before {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:3px solid #33bb00;}
.post .entry-title::after {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:3px solid #222;}
.post .date {
margin:0 0 35px 0;
font-size:84%;
line-height:1.2;}
.post .body {}
.post .body p {
margin-bottom:1.1em;}

/* oEmbed不具合を見た目解消 */

blockquote.wp-embedded-content {
position:absolute;
clip:rect(1px, 1px, 1px, 1px);}
iframe.wp-embedded-content {
position:relative !important;}
iframe.wp-embedded-content {
width:100% !important;}

/* post-topics-m =================*/

.post-topics-new {
position:absolute;
top:-16px;
left:-10px;
text-align:center;
width:32px;
font-size:10px;
line-height:32px;
color:#fff;
font-weight:bold;
white-space:nowrap;
background:#e82;
border-radius:50%;}

.post-topics-m {
width:100%;
border-top:1px dotted rgba(104,65,40,0.5);}
.post-topics-m li {
position:relative;
padding:24px 0;
justify-content:space-between;
-ms-flex-pack:justify;
border-bottom:1px dotted rgba(104,65,40,0.5);}
.post-topics-m .img {
width:150px;
overflow:hidden;
border-radius:15px;}
.post-topics-m .img img {
width:100%;
transition:0.25s;
transform:scale(1.1);}
.post-topics-m .img:hover img {
transform:scale(1);}
.post-topics-m .txt {
width:calc(100% - 170px);}
.post-topics-m .ttl {
/*font-family:"M PLUS 1",sans-serif;*/
font-size:140%;
line-height:1.3;
font-weight:bold;
letter-spacing:-0.02em;}
.post-topics-m .date {
font-size:76%;
line-height:1.2;
color:#555;
margin:9px 0 0 0;}

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

.post-topics-m li {
padding:20px 0;}
.post-topics-m .img {
width:100px;}
.post-topics-m .txt {
width:calc(100% - 115px);}
.post-topics-m .ttl {
font-size:116%;}
.post-topics-m .date {
margin:6px 0 0 0;}

}

/* navi ======================== */

.page_navi {
margin:30px 0 0 0;}
.page_navi ul {
font-size:0;
text-align:center;}
.page_navi li {
display:inline-block;
vertical-align:top;
font-size:13px;
line-height:1.2;}
.page_navi a, .page_navi a:hover, .page_navi span {
display:block;
margin:0 2px 2px 0;
padding:8px;
color:#555545;
background:rgba(0,0,0,0.1);
border-radius:3px;
transition:background 0.25s;}
.page_navi a:hover {
background:#33bb00;}
.page_navi span.dots {
color:#222;
background:none;}
.page_navi span.current {
color:#fff;
background:#33bb00;}
.page_navi p.back {
margin:0;}
.page_navi p.back a, .page_navi p.back a:hover {
display:inline-block;
padding:8px;}

.navigation {
padding:12px;
width:100%;
font-size:84%;
line-height:1.2;
font-weight:bold;
white-space:nowrap;
background:#d3fccc;
border-radius:6px;}
.navigation .navi-next , .navigation .navi-prev {
float:left;
position:relative;
display:inline-block;
padding:0 15px;
color:#222;}
.navigation .navi-next:hover , .navigation .navi-prev:hover {
color:#2e9b00;}
.navigation .navi-prev {
float:right;}
.navigation .navi-next::after , .navigation .navi-prev::after {
content:"";
position:absolute;
width:8px;
height:8px;
left:3px;
top:50%;
border-top:1px solid #222;
border-left:1px solid #222;
transform:translate(0,-50%) rotate(-45deg);
transition:0.25s;}
.navigation .navi-prev::after {
left:auto;
right:3px;
transform:translate(0,-50%) rotate(-225deg);}
.navigation .navi-next:hover::after , .navigation .navi-prev:hover::after {
border-top:1px solid #33bb00;
border-left:1px solid #33bb00;}

/* comments ===================*/

#comments {
padding:20px;
margin:30px 0;
border:2px solid #ddd;
background:#fff;
font-size:90%;
line-height:1.6;}
#comments ul {
margin:0 0 22px 0;}
#comments li {
background:#f7f7f5;
margin:0 0 12px 0;
padding:17px;}
.comment-author {
font-size:110%;
margin:0 0 10px 0;}
.says{
display:none;}
.comment-metadata {
margin:0 0 10px 0;}
#comments h3 {
font-size:120%;
margin:0 0 22px 0;}
#respond {}
.comment-notes {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:0 0 12px 0;}
#respond img {
margin:10px 0;}
#respond input , #respond textarea {
width:100%;
font-size:16px!important;
background:#fff;
padding:0.2em;
margin:5px 0;
border:1px solid #bbb;
border-radius:6px;}
#respond input[type="checkbox"] {
width:auto;
margin:0 5px 0 0;}
#respond input[type="submit"] {
width:auto;
font-size:14px;
-webkit-appearance:none;
background:#eadfc0;
cursor:pointer;
margin:15px 0 0 0;
padding:0.7em 1.4em;
border-style:none;
border-radius:6px;}
.logged-in-as {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:10px 0;}
.comment-form-cookies-consent {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:10px 0;}
.comment-form-url , .form-allowed-tags {
display:none;}
#respond .required {
color:#700;}

/* sidebar ======================== */

.sidebar h2 {
margin:0 0 1.0em 0;
padding:0 0 3px 0;
font-size:140%;
line-height:1.2;
border-bottom:1px solid #555;}
.sidebar_tab {
margin:25px 0 0 0;}
.sidebar_tab .tab_menu li {
text-align:center;
width:50%;
font-size:15px;
line-height:48px;
white-space:nowrap;
overflow:hidden;
border-radius:15px 15px 0 0;}
.sidebar_tab .tab_menu li a {
display:block;
color:#222;}
.sidebar_tab .tab_menu li.active a {
background:#e6fee1;}
.sidebar_tab .tab_menu li a:hover {
color:#2e9b00;}
.sidebar_tab .sidebar_tab_contents {
padding:15px;
background:#e6fee1;
border-radius:0 0 15px 15px;}
.sidebar-archive {
padding:0 5px;}
.sidebar-archive li {
font-size:76%;
line-height:1.3;
width:50%;
padding:6px 0 5px 15px;
background:url("../images/i_arrow.svg") no-repeat left center / 10px;}
.sidebar-topics {  
padding:0 5px;}
.sidebar-topics li {
padding:11px 0 0 0;
margin:11px 0 0 0;
border-top:1px dotted rgba(104,65,40,0.5);}
.sidebar-topics li:first-child {
margin:0;
border-top:none;}
.sidebar-topics .ttl {
font-size:92%;
line-height:1.3;}
.sidebar-topics .date {
margin:7px 0;
font-size:76%;
line-height:1.3;
color:#555;}

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

.sidebar-archive li {
width:33.33333%;}

}

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

.sidebar-archive li {
width:50%;}

}

/* searchbox ======================*/

.searchbox {
position:relative;
overflow:hidden;
box-shadow:0 0 0 1px #222;
border-radius:6px;}
.searchbox .ttl {
text-align:center;
position:absolute;
z-index:2;
top:0;
left:0;
width:50px;
font-size:10px;
line-height:46px;
color:#fff;
white-space:nowrap;
background:#222;}
.searchbox input[type="search"] {
padding:0 40px 0 60px;
width:100%;
font-size:14px;
line-height:46px;
height:46px;
background:#fff;
border:none;}
.searchbox input[type="search"]:focus {
background:#fff;}
.searchbox input[type="submit"] {
cursor:pointer;
position:absolute;
right:6px;
top:50%;
transform:translate(0,-50%);
width:26px;
height:26px;
background:transparent;
background:#fff url("../images/i_search.svg") no-repeat center center / cover;
border:none;}