/* =========================================================
   LSJ Topics Layout
   target templates:
   - page-lsj-topics01.php
   - page-lsj-topics02.php
   - page-lsj-topics03.php
   - page-lsj-topics04.php

   Scope class required on <main>:
   .lsj-topics-layout-page
========================================================= */

.lsj-topics-layout-page ul {
list-style: none;
}

.lsj-topics-layout-page .post .postTitle {
width: 100%;
    margin-bottom: 15px;
    border-top: 2px #D73C3C solid;
    background: #fff url(../images/bg_postTitle.jpg) repeat-x bottom left;
    padding: 12px 0;
    text-align: left;
}

/* for TG Contents*/

.lsj-topics-layout-page .cat_tg .post .postTitle,
.lsj-topics-layout-page .crt_tg .post .postTitle {
border-top: 2px #2f8cb4 solid;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post .postTitle {
text-align: center;
        padding: 10px 0px 15px 10px;
}
}

.lsj-topics-layout-page .post .postTitle span {
font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    width: 97%;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post .postTitle span {
display: block;
        line-height: 1.4;
        /*width: 300px;*/
        text-align: left;
}
}

.lsj-topics-layout-page .post h2 {
clear: both;
    margin: 40px 0 15px;
    padding: 0 10px 10px;
    background: #eee url(../_images/contents/bg_h2.jpg) no-repeat bottom left;
}

/*ページ内h2の場合マージン調整*/

.lsj-topics-layout-page h2.postTitle {
margin-top: 0px;
}

.lsj-topics-layout-page .post h2 span {
font-size: 17px;
    font-weight: bold;
    width: 97%;
}

/*右に寄せる文字など*/

.lsj-topics-layout-page .post h2 span.alR {
font-size: 14px;
    font-weight: normal;
    float: right;
    margin-top: -1.4em;
}

@media (max-width: 640px) {
.lsj-topics-layout-page .post h2 {
background: none;
        background: #eee;
        padding: 10px 10px 10px;
}
}

/*
----------------------------
h3

----------------------------
*/

.lsj-topics-layout-page .post h3 {
margin: 20px 0 15px;
    padding-left: 0px;
    font-size: 16px;
    color: #bf0000;
    clear: both;
    display: list-item;
    list-style: none;
    list-style-image: url(/wp-content/uploads/2021/11/bg_h3.jpeg);
    margin-left: 18px;
}

.lsj-topics-layout-page .post h3 a {
text-decoration: none;
    color: #bf0000;
}

.lsj-topics-layout-page .post h3 a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .post h3.tg {
margin: 20px 0 15px;
    padding-left: 0px;
    font-size: 16px;
    color: #318cb4;
    clear: both;
    display: list-item;
    list-style: none;
    list-style-image: url(../_images/contents/bg_h3_tg.gif);
    margin-left: 18px;
}

.lsj-topics-layout-page .post h3.tg a {
color: #318cb4;
    text-decoration: none;
}

.lsj-topics-layout-page .post h3.tg a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .cat_tg .post h3 a,
.lsj-topics-layout-page .crt_tg .post h3 a {
color: #318cb4;
    text-decoration: none;
}

.lsj-topics-layout-page .cat_tg .post h3 a:hover,
.lsj-topics-layout-page .crt_tg .post h3 a:hover {
text-decoration: underline;
}

/*
----------------------------

clear

----------------------------
*/

.lsj-topics-layout-page .fclear {
clear: both;
}

/* clearfix */

.lsj-topics-layout-page .clearfix:after {
content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/* Hides from IE-mac \*/

.lsj-topics-layout-page .ie6 .clearfix {
height: 1%;
}

.lsj-topics-layout-page .clearfix {
display: block;
}

/* End hide from IE-mac */

/*
----------------------------
img

----------------------------
*/

.lsj-topics-layout-page .post .imgL {
float: left;
    margin: 0px 10px 10px 0;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post .imgL {
clear: left;
        width: 100%;
        display: block;
        margin: 0em auto 10px;
        text-align: center;
}
}

.lsj-topics-layout-page .post .imgR {
float: right;
    margin: 0em 0 10px 10px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post .imgR {
clear: right;
        clear: both;
        display: block;
        width: 97%;
        margin: 1em auto 10px;
        text-align: center;
}
}

.lsj-topics-layout-page .post .imgC {
width: 100%;
    display: block;
    margin: 1em auto 10px;
    text-align: center;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post .imgC {
width: 100%;
        display: block;
        margin: 1em auto 10px;
        text-align: center;
}
}

/*

.photogallery
----------------------------
*/

.lsj-topics-layout-page .photogallery {
width: 87%;
    margin: 0 auto;
}

.lsj-topics-layout-page .photogallery img {
padding: 3px;
    border: 1px solid #c2d1cc;
    float: left;
    margin: 0 8px 8px 0;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .photogallery {
text-align: center;
        width: 60%;
        margin: 0 auto;
}

.lsj-topics-layout-page .photogallery img {
width: 100%;
        height: auto;
        margin: 5px auto;
}
}

/*
----------------------------

align

----------------------------
*/

.lsj-topics-layout-page .alR {
text-align: right;
}

.lsj-topics-layout-page .flR {
float: right;
    margin: 0em 0 20px 20px;
}

.lsj-topics-layout-page .flL {
float: left;
    margin: 0em 20px 20px 0px;
}

/*真ん中よせのみ*/

.lsj-topics-layout-page .talC {
text-align: center;
}

.lsj-topics-layout-page .block,
.lsj-topics-layout-page .alN {
display: block;
    margin: 0 0 1rem 0;
}

/*必ずwidthと同時指定*/

.lsj-topics-layout-page .alC {
display: block;
    margin: 1em auto 10px;
}

/*

.alC使用時の
widthの指定

----------------------------
*/

.lsj-topics-layout-page .wd100 {
width: 100% !important;
}

.lsj-topics-layout-page .wd97 {
width: 97.35% !important;
}

/* */

.lsj-topics-layout-page .wd80 {
width: 80% !important;
}

.lsj-topics-layout-page .wd70 {
width: 70% !important;
}

.lsj-topics-layout-page .wd60 {
width: 60% !important;
}

.lsj-topics-layout-page .wd50 {
width: 50% !important;
}

.lsj-topics-layout-page .wd40 {
width: 40% !important;
}

.lsj-topics-layout-page .wd30 {
width: 32% !important;
}

/* 230/730 */

.lsj-topics-layout-page .wd28 {
width: 28% !important;
}

.lsj-topics-layout-page .wd20 {
width: 20% !important;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .alC {
display: block;
        margin: 1em auto 10px;
}
}

/*
----------------------------

margin

----------------------------
*/

/*all zero*/

.lsj-topics-layout-page .mga0 {
margin: 0 !important;
}

.lsj-topics-layout-page .mga10 {
margin: 10px !important;
}

/* Top */

.lsj-topics-layout-page .mgt0 {
margin-top: 0 !important;
}

.lsj-topics-layout-page .mgt5 {
margin-top: 5px !important;
}

.lsj-topics-layout-page .mgt10 {
margin-top: 10px !important;
}

.lsj-topics-layout-page .mgt15 {
margin-top: 15px !important;
}

.lsj-topics-layout-page .mgt20 {
margin-top: 20px !important;
}

.lsj-topics-layout-page .mgt25 {
margin-top: 25px !important;
}

.lsj-topics-layout-page .mgt30 {
margin-top: 30px !important;
}

/* Bottom */

.lsj-topics-layout-page .mgb0 {
margin-bottom: 0 !important;
}

.lsj-topics-layout-page .mgb5 {
margin-bottom: 5px !important;
}

.lsj-topics-layout-page .mgb10 {
margin-bottom: 15px !important;
}

.lsj-topics-layout-page .mgb15 {
margin-bottom: 15px !important;
}

.lsj-topics-layout-page .mgb20 {
margin-bottom: 20px !important;
}

.lsj-topics-layout-page .mgb25 {
margin-bottom: 25px !important;
}

.lsj-topics-layout-page .mgb30 {
margin-bottom: 30px !important;
}

/*小野追加*/

.lsj-topics-layout-page .mgr5 {
margin-right: 5px !important;
}

/*
----------------------------

padding

----------------------------
*/

/*all zero*/

.lsj-topics-layout-page .pda0 {
padding: 0px !important;
}

.lsj-topics-layout-page .pda10 {
padding: 10px !important;
}

/* Left */

.lsj-topics-layout-page .pdl5 {
padding-left: 5px !important;
}

.lsj-topics-layout-page .pdl10 {
padding-left: 10px !important;
}

.lsj-topics-layout-page .pdl15 {
padding-left: 15px !important;
}

.lsj-topics-layout-page .pdl20 {
padding-left: 20px !important;
}

.lsj-topics-layout-page .pdl25 {
padding-left: 25px !important;
}

.lsj-topics-layout-page .pdl30 {
padding-left: 30px !important;
}

.lsj-topics-layout-page .pdl35 {
padding-left: 35px !important;
}

.lsj-topics-layout-page .pdl40 {
padding-left: 40px !important;
}

.lsj-topics-layout-page .pdl45 {
padding-left: 45px !important;
}

.lsj-topics-layout-page .pdl50 {
padding-left: 50px !important;
}

.lsj-topics-layout-page .pdl55 {
padding-left: 55px !important;
}

/* Right */

.lsj-topics-layout-page .pdr5 {
padding-right: 5px !important;
}

.lsj-topics-layout-page .pdr10 {
padding-right: 10px !important;
}

.lsj-topics-layout-page .pdr15 {
padding-right: 15px !important;
}

.lsj-topics-layout-page .pdr20 {
padding-right: 20px !important;
}

.lsj-topics-layout-page .pdr25 {
padding-right: 25px !important;
}

.lsj-topics-layout-page .pdr30 {
padding-right: 30px !important;
}

.lsj-topics-layout-page .pdr40 {
padding-right: 40px !important;
}

/* btm*/

.lsj-topics-layout-page .pdb5 {
padding-bottom: 5px !important;
}

.lsj-topics-layout-page .pdb10 {
padding-bottom: 10px !important;
}

.lsj-topics-layout-page .pdb15 {
padding-bottom: 15px !important;
}

.lsj-topics-layout-page .pdb20 {
padding-bottom: 20px !important;
}

.lsj-topics-layout-page .pdb25 {
padding-bottom: 25px !important;
}

.lsj-topics-layout-page .pdb30 {
padding-bottom: 30px !important;
}

/* top*/

.lsj-topics-layout-page .pdt5 {
padding-top: 5px !important;
}

.lsj-topics-layout-page .pdt10 {
padding-top: 10px !important;
}

.lsj-topics-layout-page .pdt15 {
padding-top: 15px !important;
}

.lsj-topics-layout-page .pdt20 {
padding-top: 20px !important;
}

.lsj-topics-layout-page .pdt25 {
padding-top: 25px !important;
}

.lsj-topics-layout-page .pdt30 {
padding-top: 30px !important;
}

/*
----------------------------

fonts
----------------------------
*/

.lsj-topics-layout-page .txts {
font-size: 10px;
    font-size: 1.0rem;
}

.lsj-topics-layout-page .txtm {
font-size: 14px;
    font-size: 1.4rem;
}

.lsj-topics-layout-page .txtl {
font-size: 16px;
    font-size: 1.6rem;
}

.lsj-topics-layout-page .txtxl {
font-size: 20px;
    font-size: 2rem;
}

.lsj-topics-layout-page .txtred {
color: #bf0000;
}

.lsj-topics-layout-page .txtblue {
color: #318cb4;
}

.lsj-topics-layout-page .txtwht {
color: #fff;
}

.lsj-topics-layout-page .txtB {
font-weight: bold;
}

.lsj-topics-layout-page .small {
font-size: 12px;
}

.lsj-topics-layout-page .caption {
font-size: 10px;
    font-size: 1.0rem;
}

.lsj-topics-layout-page .caption a {
text-decoration: underline;
    color: #38322B;
}

.lsj-topics-layout-page p a {
text-decoration: underline;
    color: #38322B;
}

/*
----------------------------

.post ul

----------------------------
*/

.lsj-topics-layout-page .post ul {
margin-left: 25px;
}

.lsj-topics-layout-page .post ol {
margin-left: 35px;
    padding-left: 0;
}

.lsj-topics-layout-page .post li {
margin-bottom: 3px;
}

.lsj-topics-layout-page .post li ol,
.lsj-topics-layout-page .post li ul {
margin-top: 5px;
}

.lsj-topics-layout-page .post dl dt {
margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

.lsj-topics-layout-page .post dl dd {
margin: 0 0 10px 1em;
}

.lsj-topics-layout-page .post pre {
padding: 10px 15px;
    background: #333;
    color: #fff;
}

/* 矢印付き*/

.lsj-topics-layout-page ul.list_naked {
margin-left: 0;
    margin-top: 5px;
}

.lsj-topics-layout-page ul.list_naked li {
background: url(../_images/contents/ar_naked.gif) no-repeat left 50%;
    padding-left: 16px;
    margin-bottom: 0;
}

/*
----------------------------

readmore

----------------------------
*/

.lsj-topics-layout-page .postBody .readmore {
margin: 10px 0;
    padding-left: 15px;
    clear: both;
    background: url(/wp-content/uploads/2021/11/ar_next.gif) no-repeat left 50%;
}

.lsj-topics-layout-page .postBody .readmore a {
text-decoration: underline;
}

.lsj-topics-layout-page .postBody .readmore a:hover {
text-decoration: none;
}

/*
readmore_naked
----------------------------
*/

.lsj-topics-layout-page .postBody .readmore_naked {
margin: 10px 0;
    padding-left: 15px;
    clear: both;
    background: url(../_images/contents/ar_naked.gif) no-repeat left 50%;
}

.lsj-topics-layout-page .postBody .readmore_naked a {
text-decoration: underline;
}

.lsj-topics-layout-page .postBody .readmorenak a:hover {
text-decoration: none;
}

/*
----------------------------

ul.postnavi

----------------------------
*/

.lsj-topics-layout-page .postBody ul.postnavi {
display: block;
    width: 100%;
    margin: 15px 0px 20px;
    padding: 5px 10px;
    background: #edf1f0;
    border: 1px solid #C2D1CC;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.lsj-topics-layout-page .postBody ul.postnavi li {
display: block;
    float: left;
    background: url(../_images/contents/ar_under.gif) no-repeat left 50%;
    padding-left: 15px;
    margin: 3px 15px 3px 5px;
}

.lsj-topics-layout-page .postBody ul.postnavi li a {

}

.lsj-topics-layout-page .postBody ul.postnavi li a:hover {
text-decoration: underline;
}

/*

*/

.lsj-topics-layout-page .postBody ul.postnavi2 {
display: block;
    width: 100%;
    margin: 15px 0px 20px;
    padding: 5px 10px;
    background: #edf1f0;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.lsj-topics-layout-page .postBody ul.postnavi2 li {
display: block;
    float: left;
    background: url(../_images/contents/ar_under.gif) no-repeat left 50%;
    padding-left: 15px;
    margin: 3px 15px 3px 5px;
}

.lsj-topics-layout-page .postBody ul.postnavi2 li a {

}

.lsj-topics-layout-page .postBody ul.postnavi2 li a:hover {
text-decoration: underline;
}

/*


----------------------------

ul.extnavi sTyle 

----------------------------
*/

.lsj-topics-layout-page .postBody ul.extnavi {
display: block;
    width: 100%;
    margin: 15px auto 20px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #C2D1CC;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.lsj-topics-layout-page .postBody ul.extnavi li {
display: block;
    float: left;
    width: 20%;
    background: url(../_images/contents/ar_next.gif) no-repeat left 50%;
    padding-left: 15px;
    margin: 7px 10px 7px 10px;
}

.lsj-topics-layout-page .postBody ul.extnavi li a {

}

.lsj-topics-layout-page .postBody ul.extnavi li a:hover {
text-decoration: underline;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .postBody ul.extnavi {
font-size: 1.2rem;
        width: 95%;
        margin: 15px auto;
        padding: 5px 5px;
}

.lsj-topics-layout-page .postBody ul.extnavi li {
width: 40%;
}
}

/*
----------------------------

Pagenate sTyle 

----------------------------
*/

.lsj-topics-layout-page .pagenate ul.pager {
margin: 0px 0 0px;
    padding: 10px 0px 0px;
    background: #fff;
    text-align: center;
}

.lsj-topics-layout-page .pagenate ul.pager li {
display: inline;
    text-align: center;
    margin: 0 0px;
    padding: 0;
    border-left: 1px solid #ccc;
}

.lsj-topics-layout-page .pagenate ul.pager li span,
.lsj-topics-layout-page .pagenate ul.pager li a {
display: inline-block;
    margin-bottom: 0px;
    padding: 0px 10px 0 13px;
    background: #fff;
    text-decoration: none;
    vertical-align: middle;
}

.lsj-topics-layout-page .pagenate ul.pager li:first-child {
border-left: 1px solid #fff;
}

.lsj-topics-layout-page .pagenate ul.pager li span.current_page {
font-weight: bold;
    color: #bf0000;
}

.lsj-topics-layout-page .pagenate ul.pager li a:hover {
text-decoration: underline;
}

/*
----------------------------

.post table

----------------------------
*/

.lsj-topics-layout-page .post table {
border-collapse: collapse;
    border-top: solid 1px #C2D1CC;
    width: 100%;
}

.lsj-topics-layout-page .post table tr {
border-collapse: collapse;
    border-bottom: solid 1px #C2D1CC;
}

.lsj-topics-layout-page .post table tr th {
width: 20%;
    font-weight: bold;
    padding: 9px 9px;
    vertical-align: middle;
}

.lsj-topics-layout-page .post table tr td {
padding: 9px 9px;
}

/*640以下でthを変更*/

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post table tr th,
.lsj-topics-layout-page .post table tr td {
width: 100%;
        display: list-item;
}
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post table tr th {
list-style-type: none;
}
}

/*
----------------------------

hr

----------------------------
*/

.lsj-topics-layout-page hr.dot {
height: 1px;
    border: none;
    background: url(../images/bg_dot.gif) repeat-x left 50%;
}

.lsj-topics-layout-page hr.line {
height: 1px;
    border-color: #C2D1CC;
}

/*
----------------------------

textarea

----------------------------
*/

.lsj-topics-layout-page .post textarea {
/*  float: left;*/
    border: 1px solid #C2D1CC;
    font-size: 10px;
    font-size: 1rem;
    width: 97%;
    overflow-y: scroll;
    text-align: left;
    color: #39332C;
    background: #EDF1F0;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post textarea {
margin: 10px auto 20px;
        padding: 10px 0px 5px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}
}

.lsj-topics-layout-page .post pre {
border: 1px solid #C2D1CC;
    font-size: 10px;
    font-size: 1rem;
    overflow-y: scroll;
    text-align: left;
    color: #39332C;
    background: #EDF1F0;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .post pre {
margin: 10px auto 20px;
        padding: 10px 0px 5px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}
}

/*
----------------------------

引用

----------------------------
*/

.lsj-topics-layout-page .post blockquote {
margin: 20px;
    padding: 15px 15px 5px;
    background: #eeeef2;
}

@media (max-width: 640px) {
.lsj-topics-layout-page #main .articleBody blockquote {
margin-left: 0;
        margin-right: 0;
}
}

/*
----------------------------

グラデーション（汎用）

----------------------------
*/

/*青グラデーション*/

.lsj-topics-layout-page .grdblue {
background: #6dadca;
    background: -moz-linear-gradient(top, #6dadca 0%, #358fb5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6dadca), color-stop(100%, #358fb5));
    background: -webkit-linear-gradient(top, #6dadca 0%, #358fb5 100%);
    background: -o-linear-gradient(top, #6dadca 0%, #358fb5 100%);
    background: -ms-linear-gradient(top, #6dadca 0%, #358fb5 100%);
    background: linear-gradient(to bottom, #6dadca 0%, #358fb5 100%);
}

/*赤グラデーション*/

.lsj-topics-layout-page .grdred {
background: #d24a4a;
    background: -moz-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d24a4a), color-stop(100%, #c00000));
    background: -webkit-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -o-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -ms-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: linear-gradient(to bottom, #d24a4a 0%, #c00000 100%);
}

/*茶色グラデーション*/

.lsj-topics-layout-page .grdbrown {
background: #403e38;
    background: -moz-linear-gradient(top, #403e38 0%, #3c3833 50%, #0c0b09 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #403e38), color-stop(50%, #3c3833), color-stop(100%, #0c0b09));
    background: -webkit-linear-gradient(top, #403e38 0%, #3c3833 50%, #0c0b09 100%);
    background: -o-linear-gradient(top, #403e38 0%, #3c3833 50%, #0c0b09 100%);
    background: -ms-linear-gradient(top, #403e38 0%, #3c3833 50%, #0c0b09 100%);
    background: linear-gradient(to bottom, #403e38 0%, #3c3833 50%, #0c0b09 100%);
}

/*
----------------------------

右上左上角丸

----------------------------
*/

.lsj-topics-layout-page .radupper {
-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .radupper {
-webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
}
}

/*
----------------------------

btn

----------------------------
*/

/*赤グラデーション ボタン*/

.lsj-topics-layout-page span.btnred_xlarge,
.lsj-topics-layout-page span.btnred_large,
.lsj-topics-layout-page span.btnred_small,
.lsj-topics-layout-page span.btnred {
display: block;
    width: 230px;
    height: 40px;
    text-align: center;
    background: url(../_images/contents/bg_gr.jpg) repeat-x left 50%;
    background: -moz-linear-gradient(top, #cd3e3e 0%, #cd3e3e 50%, #9f0000 50%, #cd3e3e);
    background: -webkit-gradient(linear, left top, left bottom, from(#cd3e3e), color-stop(0.50, #cd3e3e), color-stop(0.50, #9f0000), to(#cd3e3e));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #97080f;
    -moz-box-shadow: 0px 1px 3px rgba(5, 5, 5, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(5, 5, 5, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    box-shadow: 0px 1px 3px rgba(5, 5, 5, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
}

/*青グラデーション ボタン*/

.lsj-topics-layout-page span.btnblue_xlarge,
.lsj-topics-layout-page span.btnblue_large,
.lsj-topics-layout-page span.btnblue_small,
.lsj-topics-layout-page span.btnblue {
display: block;
    width: 230px;
    height: 40px;
    text-align: center;
    background: url(../_images/contents/bg_grBlue.jpg) repeat-x left 50%;
    background: -moz-linear-gradient(top, #2f8cb4 0%, #2f8cb4 50%, #085483 50%, #2f8cb4);
    background: -webkit-gradient(linear, left top, left bottom, from(#2f8cb4), color-stop(0.50, #2f8cb4), color-stop(0.50, #085483), to(#2f8cb4));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #085483;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    text-shadow: 1px 1px 1px rgba(007, 016, 074, 1), 0px 0px 0px rgba(016, 028, 102, 0);
}

/*btn small*/

.lsj-topics-layout-page span.btnred_small {
display: block;
    width: 135px;
    height: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*btn large*/

.lsj-topics-layout-page span.btnred_large,
.lsj-topics-layout-page span.btnblue_large {
width: 390px;
}

/*btn x-large*/

.lsj-topics-layout-page span.btnred_xlarge,
.lsj-topics-layout-page span.btnblue_xlarge {
width: 460px;
}

/*中の白抜き文字と矢印アイコン*/

.lsj-topics-layout-page span.btnred_xlarge a,
.lsj-topics-layout-page span.btnred_large a,
.lsj-topics-layout-page span.btnblue_large a,
.lsj-topics-layout-page span.btnred a,
.lsj-topics-layout-page span.btnblue a {
display: block;
    text-decoration: none;
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #222;
    letter-spacing: 0.02em;
    background: url(/wp-content/uploads/2021/10/ar_Ls.png) no-repeat 10px 48%;
}

.lsj-topics-layout-page span.btnred_large a,
.lsj-topics-layout-page span.btnblue_large a {
width: 390px;
}

.lsj-topics-layout-page span.btnred_xlarge a,
.lsj-topics-layout-page span.btnblue_xlarge a {
width: 460px;
}

.lsj-topics-layout-page span.btnblue_xlarge a,
.lsj-topics-layout-page span.btnblue_large a,
.lsj-topics-layout-page span.btnblue a {
background: url(../_images/contents/ar_Tg.png) no-repeat 10px 48%;
}

.lsj-topics-layout-page span.btnblue_xlarge a:hover,
.lsj-topics-layout-page span.btnred_large a:hover,
.lsj-topics-layout-page span.btnblue_large a:hover,
.lsj-topics-layout-page span.btnblue a:hover,
.lsj-topics-layout-page span.btnred a:hover {
text-decoration: none;
}

.lsj-topics-layout-page span.btnblue_xlarge a:hover,
.lsj-topics-layout-page span.btnred_large a:hover,
.lsj-topics-layout-page span.btnblue_large a:hover,
.lsj-topics-layout-page span.btnblue a:hover,
.lsj-topics-layout-page span.btnred a:hover {
opacity: 0.8;
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
    -moz-opacity: 0.8; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page span.btnred_xlarge,
.lsj-topics-layout-page span.btnblue_xlarge {
width: 280px;
        height: 50px;
        line-height: 50px;
        text-align: left;
        padding-top: 0px;
}

.lsj-topics-layout-page span.btnred_xlarge a,
.lsj-topics-layout-page span.btnblue_xlarge a {
width: 250px;
        height: 50px;
        line-height: normal;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 0px 0px 30px;
}
}

/*
btn small
---------------------
*/

.lsj-topics-layout-page span.btnred_small,
.lsj-topics-layout-page .crt_tg span.btnred_small,
.lsj-topics-layout-page .cat_tg span.btnred_small {
display: inline-table;
    height: 20px;
    line-height: 20px;
    width: 140px;
    border: none;
    border: 0;
    padding: 0px 5px 0 0px;
    text-align: right;
    background: #bf0000;
    background: url(/wp-content/uploads/2021/10/ar_m.png) no-repeat 5px 50%, -moz-linear-gradient(top, #ca3333 0%, #ca3333 50%, #a10000 50%, #ca3333);
    background: url(/wp-content/uploads/2021/10/ar_m.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, from(#ca3333), color-stop(0.50, #ca3333), color-stop(0.50, #a10000), to(#ca3333));
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    text-shadow: 1px 1px 1px rgba(143, 3, 14, 1), 0px 0px 0px rgba(016, 028, 102, 0);
}

.lsj-topics-layout-page span.btnred_small a {
display: block;
    height: 20px;
    line-height: 20px;
    width: 135px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.lsj-topics-layout-page span.btnred_small a:hover {
text-decoration: none;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
    -moz-opacity: 0.8; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;
}

/*TG Contents*/

.lsj-topics-layout-page .crt_tg span.btnred_small,
.lsj-topics-layout-page .cat_tg span.btnred_small {
background: #2f8cb4;
    background: url(/wp-content/uploads/2021/10/ar_m.png) no-repeat 5px 50%, -moz-linear-gradient(top, #2f8cb4 0%, #2f8cb4 50%, #085483 50%, #2f8cb4);
    background: url(/wp-content/uploads/2021/10/ar_m.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, from(#2f8cb4), color-stop(0.50, #2f8cb4), color-stop(0.50, #085483), to(#2f8cb4));
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    text-shadow: 1px 1px 1px rgba(007, 016, 074, 1), 0px 0px 0px rgba(016, 028, 102, 0);
    /*border: 1px solid #085483;*/
    border-radius: 4px;
}

/*
btn mid
---------------------
*/

.lsj-topics-layout-page span.btnred_mid,
.lsj-topics-layout-page .crt_tg span.btnred_mid,
.lsj-topics-layout-page .cat_tg span.btnred_mid {
display: inline-table;
    height: 25px;
    line-height: 25px;
    width: 120px;
    border: none;
    border: 0;
    padding: 0px 5px 0 0px;
    text-align: center;
    background: #bf0000;
    background: url(/wp-content/uploads/2021/11/ar_m.png) no-repeat 5px 50%, -moz-linear-gradient(top, #ca3333 0%, #ca3333 50%, #a10000 50%, #ca3333);
    background: url(/wp-content/uploads/2021/11/ar_m.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, from(#ca3333), color-stop(0.50, #ca3333), color-stop(0.50, #a10000), to(#ca3333));
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 0px rgba(016, 110, 161, 0);
    text-shadow: 1px 1px 1px rgba(143, 3, 14, 1), 0px 0px 0px rgba(016, 028, 102, 0);
}

.lsj-topics-layout-page span.btnred_mid a {
display: block;
    height: 25px;
    line-height: 25px;
    width: 120px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.lsj-topics-layout-page span.btnred_mid a:hover {
text-decoration: none;
    opacity: 0.8;
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
    -moz-opacity: 0.8; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;
}

.lsj-topics-layout-page button.Contribute2 {
font-family: "lr oSVbN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", Osaka, sans-serif;
    font-size: 18px;
    font-weight:bold;
    letter-spacing: 0.2em;
    color: #ffffff;
    width:300px;
    height:50px;
    background: -moz-linear-gradient(
        top,
        #d14a4a 0%,
        #b80000 50%,
        #9e0000 50%,
        #be0000);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#d14a4a),
        color-stop(0.50, #b80000),
        color-stop(0.50, #9e0000),
        to(#be0000));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8f0d13;
    -moz-box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    -webkit-box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    text-shadow:
        0px -1px 0px rgba(117,6,12,1),
        0px 1px 0px rgba(255,255,255,0.2);
    background-color:#9e0000;
    cursor:pointer;
    margin-top:10px;
}

/*
----------------------------
gray アイコン
----------------------------
*/

.lsj-topics-layout-page span.btngray {
display: block;
    width: 67%;
    text-align: center;
    padding: 6px 0px 6px 50px;
    background: #8a8a8a;
    background: url(../_images/contents/ar_gray.png) no-repeat 10px 50%, -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: url(../_images/contents/ar_gray.png) no-repeat 10px 50%, -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #666;
    -moz-box-shadow: 1px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 1px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 1px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0);
}

.lsj-topics-layout-page span.btngray a {
display: block;
    width: 90%;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    text-shadow: 1px 1px 1px #333;
    text-decoration: none;
}

.lsj-topics-layout-page .ie8 span.btngray a {
background: url(../_images/contents/ar_gray.png) no-repeat 0px 50%;
    padding-left: 20px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page span.btngray a {
font-size: 16px;
        font-size: 1.6rem;
}
}

/*
----------------------------
new アイコン
----------------------------
*/

.lsj-topics-layout-page span.new {
display: inline-table;
    text-align: center;
    height: 17px;
    line-height: 17px;
    width: 40px;
    color: #fff;
    text-shadow: 1px 1px 1px #990000;
    font-weight: bold;
    font-size: 11px;
    padding: 0px;
    background: #d24a4a;
    background: -moz-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d24a4a), color-stop(100%, #c00000));
    background: -webkit-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -o-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: -ms-linear-gradient(top, #d24a4a 0%, #c00000 100%);
    background: linear-gradient(to bottom, #d24a4a 0%, #c00000 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: -3px;
    margin-left: 10px;
}

/*
----------------------------
カラム設定
----------------------------
*/

@media screen and (max-width:640px) {
.lsj-topics-layout-page .clm {
width:100%;
        margin: 0 auto ;
        clear: both;
        text-align: center;
}
}

.lsj-topics-layout-page .ctm_clm2-1,
.lsj-topics-layout-page .ctm_clm2-last {
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.lsj-topics-layout-page .ctm_clm2-1 {
width: 48.6%;
    margin-right: 20px;
    float: left;
}

.lsj-topics-layout-page .ctm_clm2-last {
width: 48.6%;
    float: left;
    margin-right: 0;
}

.lsj-topics-layout-page .ie7 .ctm_clm2-1.border {
width: 45%;
    display:inline;
    zoom:1;
}

.lsj-topics-layout-page .ie7 .ctm_clm2-last.border {
width: 45%;
    display:inline;
    zoom:1;
}

.lsj-topics-layout-page .ie7 .ctm_clm2-1.fill {
width: 45%;
    display:inline;
    zoom:1;
}

.lsj-topics-layout-page .ie7 .ctm_clm2-last.fill {
width: 45%;
    display:inline;
    zoom:1;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .ctm_clm2-1,
.lsj-topics-layout-page .ctm_clm2-last {
width: 100%;
        margin: 0px auto;
        clear: both;
        text-align: left;
}
}

/*
----------------------------
sitecodeアイコン
----------------------------
*/

.lsj-topics-layout-page .sitecode {
background: url(../_images/contents/icon_sitecode.gif) no-repeat left 50%;
    font-weight: bold;
    padding-left: 25px;
    margin-top: 5px;
}

.lsj-topics-layout-page .sitecode a {
text-decoration: none;
}

.lsj-topics-layout-page .clearing {
clear: both;
    margin: 0;
    padding: 0;
    height: 0px;
    width: 0px;
    border: none;
}

.lsj-topics-layout-page .infolist {
width: 100%;
    margin-bottom: 40px;
    margin-top: 10px;
    border-top: 1px dotted #999;
}

.lsj-topics-layout-page .infolistblock {
border-bottom: 1px dotted #999;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.lsj-topics-layout-page .infolistblock a {
text-decoration: none;
}

.lsj-topics-layout-page .infolistblock a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .infolistblock {
zoom: 1;
}

.lsj-topics-layout-page .infolistblock:before,
.lsj-topics-layout-page .infolistblock:after {
display: table; *display: inline; content: ""; zoom: 1;
}

.lsj-topics-layout-page .infolistblock:after {
clear: both;
}

.lsj-topics-layout-page .infolistblock .infodate {
color: #bf0000;
    font-size: 15px;
    margin: 0 0 4px;
}

.lsj-topics-layout-page .infolistblock .infodate + p {
margin: 0;
}

.lsj-topics-layout-page .cat_tg .infodate {
color: #318cb4;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .infolistblock {
padding:10px 10px;
}
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .normal {
/*width: 100%;
        padding:20px 0px 10px;*/
}
}

.lsj-topics-layout-page .postBody .fill {
background: #edf1f0;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.lsj-topics-layout-page .hearts {
margin: 10px 0 5px 10px;
    padding-left: 5px;
    font-size: 14px;
    clear: both;
    display: list-item;
    list-style: none;
    list-style-image: url(/wp-content/uploads/2021/11/ico_heart.png);
    margin-left: 40px;
}

/*
----------------------------
.LSC_kiji
----------------------------
*/

.lsj-topics-layout-page #fair .inner {
background: #fff;
    box-shadow: 0 0 8px #ddd;
    box-sizing: border-box;
    padding: 25px 30px 70px;
    margin-bottom: 60px;
    color: #666;
}

.lsj-topics-layout-page #fair h2 {
font-size: 28px;
    margin-top: 0px;
    margin-bottom: 25px;
}

.lsj-topics-layout-page #fair .inner .postTitle {
font-size: 22px;
    border-bottom: 2px solid #bb0000;
    margin-top: 0;
    padding-bottom: 5px;
    color: #666666;
    margin-bottom: 20px;
    border-top: 0;
	padding: 0 !important;
}

.lsj-topics-layout-page #fair .inner .postTitle span {
font-size: 22px;
}

.lsj-topics-layout-page .postBody .normal {
margin-top: 0 !important;
}

.lsj-topics-layout-page #fair .grey_hed {
font-size: 14px;
    margin: 40px 0 15px;
    padding: 10px;
    background: #eee;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page h2.postTitle {
padding: 0 30px;
        font-size: 24px !important;
}

.lsj-topics-layout-page .btn_paging_block img {
width: 36%;
}

.lsj-topics-layout-page .btn_paging_block img:nth-child(2) {
width: 12%;
        margin: 0 4%;
}
}

/*
----------------------------
    #btnSignup
----------------------------
*/

.lsj-topics-layout-page #btnSignup {
width: 100%;
    clear: both;
    text-align: center;
}

.lsj-topics-layout-page #btnSignupInner {
width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.lsj-topics-layout-page #btnSignupInner span {
display: block;
    padding: 5px 0 8px;
    margin: 0 auto;
    text-align: center;
    background: url(../_images/contents/bg_gr.jpg) repeat-x left 50%;
    background: -moz-linear-gradient(top,#cd3e3e 0%,#cd3e3e 50%,#9f0000 50%,#cd3e3e);
    background: -webkit-gradient(linear, left top, left bottom, from(#cd3e3e),color-stop(0.50, #cd3e3e),color-stop(0.50, #9f0000),to(#cd3e3e));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #97080f;
    -moz-box-shadow:0px 1px 3px rgba(5,5,5,0.5),inset 0px 0px 0px rgba(016,110,161,0);
    -webkit-box-shadow:0px 1px 3px rgba(5,5,5,0.5),inset 0px 0px 0px rgba(016,110,161,0);
    box-shadow:0px 1px 3px rgba(5,5,5,0.5),inset 0px 0px 0px rgba(016,110,161,0);
}

.lsj-topics-layout-page #btnSignupInner span a {
display: block;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
        color: #fff;
        font-weight: bold;
        text-shadow: -1px -1px 1px #75040a;
        letter-spacing: 0.2em;
    background: url(/wp-content/uploads/2021/11/ar_wht.png) no-repeat 10px 48%;
    text-decoration: none;
}

.lsj-topics-layout-page #btnSignupInner span:hover {
opacity:0.8;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}

.lsj-topics-layout-page #btnSignupInner span a:hover {
text-decoration: none;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page #btnSignupInner span {
width: 230px;
}
}

.lsj-topics-layout-page .eventrecommend {
background: #edf1f0 url(../images/bn_recommend.gif) top left no-repeat;
    padding: 25px 15px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.lsj-topics-layout-page .eventrecommend {
zoom: 1;
}

.lsj-topics-layout-page .eventrecommend:before,
.lsj-topics-layout-page .eventrecommend:after {
display: table; *display: inline; content: ""; zoom: 1;
}

.lsj-topics-layout-page .eventrecommend:after {
clear: both;
}

.lsj-topics-layout-page .eventrecommend .alC img {
width: 220px;
    float: right;
    margin-left: 0px;
}

.lsj-topics-layout-page .eventrecommend .eventlistblock_l {
float: left;
    /*margin-right: 240px;*/
    width: 470px;
    min-height: 150px;
}

.lsj-topics-layout-page .eventrecommend .eventtitle {
color: #38322b;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    display: list-item;
    list-style: none;
    list-style-image: url(/_common/_images/contents/ar_next.gif);
    margin-left: 25px;
    padding-top: 15px;
}

.lsj-topics-layout-page .eventrecommend .eventtitle a {
text-decoration: none;
}

.lsj-topics-layout-page .eventrecommend .eventtitle a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .eventrecommend .eventlead {
font-size: 12px;
    margin-top: 10px;
    margin-left: 25px;
}

.lsj-topics-layout-page .eventrecommend .eventdate {
font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 25px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .eventrecommend {
width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: 1em auto 10px;
        text-align: center;
}

.lsj-topics-layout-page .eventrecommend .eventlistblock_l {
width:95%;
        margin-left: auto;
        margin: 0 auto;
        padding: 10px 15px;
        clear: both;
        text-align: left;
}

.lsj-topics-layout-page .eventrecommend .alC {
text-align: center;
        width: 220px;
        margin: 0 auto;
}

.lsj-topics-layout-page .eventrecommend .alC img {
width: 220px;
        height: auto;
        margin: 5px auto;
}
}

/*
----------------------------
.eventlist
----------------------------
*/

.lsj-topics-layout-page .eventlist {
width: 100%;
    padding: 0 16px 16px;
    background-color: #efefef;
}

.lsj-topics-layout-page .eventlistblock {
background: url(../images/bg_dot.gif) repeat-x bottom left;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0px;
}

.lsj-topics-layout-page .eventlistblock {
zoom: 1;
}

.lsj-topics-layout-page .eventlistblock:before,
.lsj-topics-layout-page .eventlistblock:after {
display: table; *display: inline; content: ""; zoom: 1;
}

.lsj-topics-layout-page .eventlistblock:after {
clear: both;
}

.lsj-topics-layout-page .eventlistblock .alC img {
width: 139px;
    height:auto;
    float: left;
}

.lsj-topics-layout-page .eventlistblock_r {
width:auto;
    margin-left: 174px;
}

.lsj-topics-layout-page .eventlistblock_r .eventtitle {
color: #38322b;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    display: list-item;
    list-style: none;
    list-style-image: url(/wp-content/uploads/2021/11/ar_next.gif);
}

.lsj-topics-layout-page .eventlistblock .eventtitle a {
text-decoration: none;
}

.lsj-topics-layout-page .eventlistblock .eventtitle a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .eventlistblock .eventlead {
font-size: 12px;
    margin-top: 7px;
}

.lsj-topics-layout-page .eventlistblock .eventdate {
font-size: 12px;
    font-weight: bold;
    margin-top: 7px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .eventlistblock {
width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: 1em auto 10px;
        text-align: center;
}

.lsj-topics-layout-page .eventlistblock_r {
width:auto;
        margin-left: auto;
        margin: 0 auto;
        padding: 10px 15px;
        clear: both;
        text-align: left;
}

.lsj-topics-layout-page .eventlistblock .alC {
text-align: center;
        width: 220px;
        margin: 0 auto;
}

.lsj-topics-layout-page .eventlistblock .alC img {
width: 220px;
        height: auto;
        margin: 5px auto;
}
}

/*
----------------------------
.reportlist
----------------------------
*/

.lsj-topics-layout-page .repolist {
width: 100%;
}

.lsj-topics-layout-page .repolistblock {
background: url(../images/bg_dot.gif) repeat-x bottom left;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0px;
}

.lsj-topics-layout-page .repolistblock {
zoom: 1;
}

.lsj-topics-layout-page .repolistblock:before,
.lsj-topics-layout-page .repolistblock:after {
display: table; *display: inline; content: ""; zoom: 1;
}

.lsj-topics-layout-page .repolistblock:after {
clear: both;
}

.lsj-topics-layout-page .repolistblock .alC img {
width: 139px;
    margin-right: 15px;
    float: left;
    padding: 4px;
    border: 1px solid #c2d1cc;
}

.lsj-topics-layout-page .repolistblock_r {
width:auto;
    margin-left: 174px;
}

.lsj-topics-layout-page .repolistblock .repodate {
color: #bf0000;
    font-size: 14px;
}

.lsj-topics-layout-page .repolistblock .repolead {
font-size: 12px;
    margin-top: 7px;
}

.lsj-topics-layout-page .repolistblock .repotitle {
color: #38322b;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
}

.lsj-topics-layout-page .repolistblock .repotitle a {
text-decoration: none;
}

.lsj-topics-layout-page .repolistblock .repotitle a:hover {
text-decoration: underline;
}

/*
@media screen and (max-width:640px){
    .repolistblock
    {
        padding-right: 10px;
        padding-left: 10px;
    }

    .repolistblock img
    {
        display: block;
        margin:0 20px 0px 10px;
        text-align: left;
    }
}
*/

@media screen and (max-width:640px) {
.lsj-topics-layout-page .repolistblock {
width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: 1em auto 10px;
        text-align: center;
}

.lsj-topics-layout-page .repolistblock_r {
width:auto;
        margin-left: auto;
        margin: 0 auto;
        padding: 10px 15px;
        clear: both;
        text-align: left;
}

.lsj-topics-layout-page .repolistblock .alC {
text-align: center;
        width: 220px;
        margin: 0 auto;
}

.lsj-topics-layout-page .repolistblock .alC img {
width: 220px;
        height: auto;
        margin: 5px auto;
}
}

.lsj-topics-layout-page h3.tgh3,
.lsj-topics-layout-page h3.lsh3 {
display:block;
    margin-left:0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
        font-weight: bold;
}

.lsj-topics-layout-page h3.lsh3 {
background: #d24a4a;
    background: -moz-linear-gradient(top,  #d24a4a 0%, #c00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d24a4a), color-stop(100%,#c00000));
    background: -webkit-linear-gradient(top,  #d24a4a 0%,#c00000 100%);
    background: -o-linear-gradient(top,  #d24a4a 0%,#c00000 100%);
    background: -ms-linear-gradient(top,  #d24a4a 0%,#c00000 100%);
    background: linear-gradient(to bottom,  #d24a4a 0%,#c00000 100%);
    border:1px solid #c00000; 
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.lsj-topics-layout-page h3.tgh3 {
background: #6dadca;
    background: -moz-linear-gradient(top, #6dadca 0%, #358fb5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dadca), color-stop(100%,#358fb5));
    background: -webkit-linear-gradient(top, #6dadca 0%,#358fb5 100%);
    background: -o-linear-gradient(top, #6dadca 0%,#358fb5 100%);
    background: -ms-linear-gradient(top, #6dadca 0%,#358fb5 100%);
    background: linear-gradient(to bottom, #6dadca 0%,#358fb5 100%);
    border:1px solid #368fb5; 
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page h3.tgh3,
.lsj-topics-layout-page h3.lsh3 {
width: 100%;
        text-align: center;
        clear: both;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px; 
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;  
    -webkit-border-top-right-radius: 0px;
}
}

/*
----------------------------
.infolist
----------------------------
*/

.lsj-topics-layout-page .infolist {
width: 100%;
}

.lsj-topics-layout-page .infolistblock {
/*background: url(../images/bg_dot.gif) repeat-x bottom left;*/
    /*border-bottom: 1px dotted #999;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.lsj-topics-layout-page .infolistblock a {
text-decoration: none;
}

.lsj-topics-layout-page .infolistblock a:hover {
text-decoration: underline;
}

.lsj-topics-layout-page .infolistblock {
zoom: 1;
}

.lsj-topics-layout-page .infolistblock:before,
.lsj-topics-layout-page .infolistblock:after {
display: table; *display: inline; content: ""; zoom: 1;
}

.lsj-topics-layout-page .infolistblock:after {
clear: both;
}

.lsj-topics-layout-page .infolistblock img {
padding: 2px;
    border: 1px solid #e4e4e4;
    margin-right: 10px;
    float: left;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .infolistblock img {
width: 60px;
        height: auto;
        display: block;
        margin: 0;
        margin:0 10px 10px 10px;
        text-align: left;
}
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .infolistblock {
padding-right: 10px;
}
}

.lsj-topics-layout-page .clm2-1 .infodate {
color: #bf0000;
}

.lsj-topics-layout-page .clm2-last .infodate {
color:#318cb4;
}

.lsj-topics-layout-page .btn_tab_block {
display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin: 24px auto;
}

.lsj-topics-layout-page .btn_tab_block a {
width: 20%;
        background-color: #ccc;
        padding: 8px 0;
        text-align: center;
        min-height: 30px;
        border-radius: 20px;
        font-size: 14px;
        text-decoration: none;
        margin-right: 16px;
        transition: all .3s;
}

.lsj-topics-layout-page .btn_tab_block a:hover {
background-color: #c00000;
        color: #FFF;
}

.lsj-topics-layout-page .btn_tab_block a.tab_on {
background-color: #c00000;
        color: #FFF;
        pointer-events: none;
}

@media screen and (max-width:640px) {
.lsj-topics-layout-page .btn_tab_block {
justify-content: space-between;
}

.lsj-topics-layout-page .btn_tab_block a {
width: 48%;
			margin-right: 0;
			margin-bottom: 20px;
			padding: 12px 0;
}

.lsj-topics-layout-page .infolistblock img {
margin: 0 10px 0 0;
}

.lsj-topics-layout-page .infolistblock .infodate {
margin: 0 0 10px;
}
}
