.wrapper-all {
    font-size: 0.844em;
    width: 100%;'
    text-align: center;
}
.wtmax {max-width: 800px;}
.container-content {
    width: 1150px;
    margin: auto;
    display: flex;
    flex-direction: row;   
}
header {}
main {}
aside {width: 350px;}
.list-gap {
    height: 10px;
    background: #f4f4f4;
}

/* --- Mobile --- */
@media (max-width: 876px) {
    .wrapper-all {font-size: 0.938em;}
    .wtmax {max-width: 100%;}
    .container-content {flex-direction: column; width: 100%;}
    main, aside {width: 100%;}
    .list-gap {background: #f4f4f4;}
    header {
      position: -webkit-sticky;
      position: sticky;
      top: 0;        
      z-index: 999;        
}    
}


/* ----- Start Content ----- */
.section-content {}
.sect-gap {
    padding: 0 13px;
    box-sizing: border-box;    
}
.tit-listm {
    font-size: 1.2em;
    font-weight: bold;
    height: 2.44em;
    line-height: 2.44em;
    position: relative;
}
.tit-listm > a {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 5px;
    color: #777;
}
.list-txt {
    display: block;
    padding-bottom: 3px;
}
.list-txt li {
    width: 100%;
}
.list-txt li a {
    display: block;
    border-top: 1px solid #eceef1;
    height: 2.8em;
    line-height: 2.8em;
    text-overflow: ellipsis ; 
    white-space: nowrap ; 
    overflow: hidden ;    
}
.list-txt li a:before {
    content: '\f054';
    font-family: 'fontawesome';
    margin-right: 5px;
    color: #ccc;
    font-size: 0.7em;
}

.slide-htoc {margin: 0 -5px;}
.slide-htoc li {margin: 0 5px;}

.list-tim {}
.list-tim li {
    display: block;
/*
    flex: 0 0 49%;
    margin: 4% 0.5% 0;
*/
}

.wls-50 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 13px;
    margin-top: -1.8%;
}
.wls-50 li{    
    flex: 0 0 24%;
    margin: 1.8% 0.5% 0;
}

/* --- Mobile --- */
@media (max-width: 876px) {
    .wls-50 {margin-top: 0;}
    .wls-50 li{    
        flex: 0 0 49%;
        margin: 3.5% 0.5% 0;
    }
    .wls-50 li:first-child, .wls-50 li:nth-of-type(2) {margin-top: 0;}
    .list-txt li a:before {content: ''; margin-right: 0;}
}

.list-tim li a{
    display: block;
/*    background: #f5f5f5;*/
}
.img-az p {
    display: block;
    position: relative;
    padding-top: 60%;
    overflow: hidden;  
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: url(../images/icon/images-no.svg) no-repeat center, #f5f5f5;
    background-size: 30%;    
}
.img-az p img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;       
    overflow: hidden;       
}
.txt-az {
    padding: 5px;
    font-size: 1em;
    line-height: 1.5em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
}

/* ----- srart Slide Arrow ----- */ 
.wrap-shtoc {
    position: relative;
    padding-bottom: 15px;
}

.slick-arrow {
    z-index: 2; 
    position:absolute; 
    top: 50%; 
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 0;
} 
.slick-prev.slick-arrow:before, .slick-next.slick-arrow:before {
    font-family: 'fontawesome';
    font-size: 2rem; 
    color: #fff;
    cursor: pointer;
/*    text-shadow: -1.5px 1.5px 2px rgba(0,0,0,0.8);*/
    text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, -1px 1px 2px rgba(0,0,0,0.8);;
    -moz-text-shadow: -1px 0 #333444, 0 1px #444, 1px 0 #444, 0 -1px #444;
    -webkit-text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444;    
}
.slick-prev.slick-arrow{left:3px;} 
.slick-prev.slick-arrow:before {content: '\f053';}
.slick-next.slick-arrow{right:3px;}
.slick-next.slick-arrow:before {content: '\f054';}

/* ----- end Slide Arrow ----- */ 


/* ----- Start List Img-Txt -----  */
.wls-i80 {
    width: 30%;
}
.list-mtx {
   border-top: 1px solid #eceef1; 
   margin-bottom: 15px;
}

.list-mtx li a {
    display: flex;
    border-bottom: 1px solid #eceef1;
    padding: 7px 0;
}
.list-mtx li a > .img-mtx p {
    display: block;
    position: relative;
    padding-top: 60%;
    overflow: hidden;  
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: url(../images/icon/images-no.svg) no-repeat center, #f5f5f5;
    background-size: 40%;      
}
.list-mtx li a > .img-mtx p img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;       
    overflow: hidden;         
}
.list-mtx li a > .txt-mtx {
    flex: 1;
    width: 100%;
    position: relative;
    padding: 0 7px;
    box-sizing: border-box;
}
.list-mtx li a > .txt-mtx span {
    display: block;
    position: absolute;
    top: 50%; transform: translateY(-50%);    
}
.list-mtx li a > .txt-mtx span p {
/*    font-size: 0.935em;*/
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
    overflow: hidden;    
}
.list-mtx li a > .txt-mtx span font {
    display: block;
    font-size: 0.85em;
    color: #888;
    padding-top: 3px;
}


/* ----- Start Tabs-Area ----- */
.wrapper-tabbx {
    border-top: 1px solid #eceef1;
}
.wrapper-tabbx > div {display: none;}
.wrapper-tabbx input {display: none;}
.wrapper-tabbx label {
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;      
    width: 50%;
    text-align: center;
    border-top: 5px solid #eceef1;
    background: #eceef1;
    cursor: pointer;
}
.wrapper-tabbx label {margin-right: -5px;}
.content-tabbx {
    padding: 8px 0;
    display: none;
    font-size: 1em;
/*    background: #f5f5f5;*/
}
.wrapper-tabbx input:nth-of-type(1):checked ~ label:nth-of-type(1),
.wrapper-tabbx input:nth-of-type(2):checked ~ label:nth-of-type(2) {
    background: #fff;
    font-weight: bold;
    border-top: 5px solid #eceef1;
    background: #fff;
    
}
.wrapper-tabbx input:nth-of-type(1):checked ~ .ctab1,
.wrapper-tabbx input:nth-of-type(2):checked ~ .ctab2 {
    display: block;
}
.listz-tabbx {}
.listz-tabbx li {border-bottom: 1px solid #eceef1;}
.listz-tabbx li:first-child {border-top: 1px solid #eceef1;}
.listz-tabbx li a {
    display: block;
    height: 2.86em;
    line-height: 2.86em;
    text-overflow: ellipsis ; 
    white-space: nowrap ; 
    overflow: hidden ;    
}
.listz-tabbx li a:before {
    content: '\f0da';
    font-family: 'fontawesome';
    font-weight: 900;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 12px;
    color: #888;
}
/* ----- End Tabs-Area ----- */

/* ----- Start Btn-Plus ----- */
.wrap-btnline {
    display: flex;
    flex-wrap: wrap;
}
.wrap-btnline a:first-child, .wrap-btnline a:nth-of-type(3n+1) {
    border-left: none;
}
.wrap-btnline a {
    flex: 0 0 33.3%;
    text-align: center;
    height: 2.86em;
    line-height: 2.86em;
    border-left: 1px solid #eceef1;
    border-bottom: 1px solid #eceef1;
/*    border: 1px solid #eceef1;*/
    box-sizing: border-box;
    text-overflow: ellipsis ; 
    white-space: nowrap ; 
    overflow: hidden ;    
}
/* ----- End Btn-Plus ----- */

/* ----- Start Board-Page ----- */
.board-view {}
.board-view .tit-area {
    padding: 15px 13px 6px;
    margin-bottom: 17px;
    border-bottom: 1px solid #ddd;
    
}
.board-view .tit-area h2 {
    font-size: 1.3em;
    font-weight: bold;
}
.board-view .tit-area .subtit {
    font-size: 1em;
    padding: 7px 0;
}
.board-view .tit-area .subtit .author {margin-right: 8px;}
.board-view .tit-area .subtit .date {color: #888;}


.board-view .view-cont {
    font-size: 1em;
    padding: 10px 13px 15px;
    text-align: center;
    line-height: 1.6;
    border-bottom: 1px solid #ddd;
}
.board-view .view-cont img {max-width: 100%;}

.board-view .board-tip, .board-view .board-btn, .board-view .board-reply {
    padding: 10px 13px;
    border-bottom: 1px solid #ddd;
}
.board-view .board-tip a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background:url(../images/icon/icon-set.png) no-repeat;
    border-radius: 50em;
    margin-right: 5px;
}
.board-view .board-tip .sns-a {background-position: 0 0; background-size: 133px 66px;}
.board-view .board-tip .sns-b {background-position: -33px 0; background-size: 133px 66px;}
.board-view .board-tip .sns-c {background-position: -67px 0; background-size: 133px 66px;}
.board-view .board-tip .sns-d {background-position: -100px 0; background-size: 133px 66px;}
.board-view .board-tip .like-a {background-position: -33px -33px; background-size: 133px 66px; float: right;}

.board-view .board-btn {
    text-align: right;
    border-bottom: 1px solid #ddd;
}
.board-view .board-btn .btn-write {
    display: inline-block;
    padding: 0.55em 1.15em;
    background: #333;
    color: #fff;
    border-radius: 3px;
}

.board-view .board-postprev {
    padding: 5px 13px;
    border-bottom: 1px solid #ddd;
}
.board-view .board-postprev ul li {
    display: flex;
    align-items: center;
}
.board-view .board-postprev ul li:not(:last-child) {
        border-bottom: 1px solid #eceef1;
}
.board-view .board-postprev ul li span {
    display: block;
    width: 80px;
    font-weight: bold;
    color: blue;
    box-sizing: border-box;
}
.board-view .board-postprev ul li a {
    flex: 1;
    display: block;
    height: 2.8em;
    line-height: 2.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.board-view .board-reply {}
.board-view .board-reply .retit {
    font-size: 1.17em;
    font-weight: bold;
    padding: 7px 0;
    border-bottom: 1px solid #dedede;
}
.bx-reply {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.bx-reply .top-reply {
    padding: 5px 0 0;
    font-size: 0.93em;
    position: relative;
}
.bx-reply .top-reply .date-re {
    color: #777;
    margin-left: 7px;
}
.bx-reply .top-reply .btns-re {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1px;
}
.bx-reply .top-reply .btns-re a {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    
}
.bx-reply .top-reply .btns-re .warning {
    background: url(../images/icon/icon-set4.png) -132px -11px;
    margin-right: 3px;
}
.bx-reply .top-reply .btns-re .delete {
    background: url(../images/icon/icon-set4.png) -92px -11px;
}
.bx-reply .cont-reply {
    padding: 5px 0;
    line-height: 1.5;
    font-size: 0.98em;
}
.bx-wrirerp {
    padding: 8px 13px;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}
.bx-wrirerp  h4 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px 0 6px;
}
.cont-writerp {}
.cont-writerp input[type="text"], .cont-writerp textarea {
    display: inline-block;
    padding: 0.65em 0;
    text-indent: 7px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 1.15% 0;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(100,100,100,.2);    
}
.bx-coahas {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.4em 1.2em;
    background: #ededed;
    font-weight: bold;
    box-sizing: border-box;
    vertical-align: middle;
}
.cont-writerp .wt100 {width: 99.5%;}
.cont-writerp .wt60 {width: 60%;}
.cont-writerp .wt48 {width: 48.5%;}

.cont-writerp .cancel-wrp, .cont-writerp .btn-writerp {
    display: inline-block;
    padding: 0.7em 0;
    text-align: center;
    font-size: 1em;
    border: 1px solid #ddd;
    margin: 7px 0;
    font-weight: bold;
}
.cont-writerp .cancel-wrp {
    margin-right: 1%;
    background: #ddd;
}
.cont-writerp .btn-writerp {
    color: #fff;
    background: #333;
    float: right;
}

/* ----- End Board-Page ----- */

/* ----- Start List-Board ----- */
.writeBtn2 {
    position: absolute;
    top: 43%; transform: translateY(-50%); right: 5px;
    font-size: 0.95rem; color: #fff !important;
    background: #444; padding: 3px 11px; border-radius: 3px;
}
.writeBtn2:hover {box-shadow: 0 2px 4px rgba(0,0,0,.4);}

.wrap-list {
    padding: 0 0 15px; 
    box-sizing: border-box;
}
.list-board2 {}
.content-list {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    box-sizing: border-box;
}
.content-list tr:nth-of-type(2n) {background: #fcfcfc;}
.content-list td, .content-list th {
    height: 35px;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}
.content-list th {
    background: #f4f4f4;
    font-weight: bold;
    font-size: 1em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.content-list td {
    font-size: 1em;
    color: #888;
    letter-spacing: -0.5px;
}
.content-list td:nth-of-type(1) {
    width: 100%;
    font-size: 1em;
    padding: 0;
}
.content-list td:nth-of-type(1) a {
    display: block;
    text-align: left;
    color: #333;
    padding: 5px 10px 0;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;    
    box-sizing: border-box;    
}
.content-list td:nth-of-type(1) > div {
    padding: 6px 10px 8px;
    text-align: left;
    font-size: 0.88em;
}
.content-list td:nth-of-type(1) > div span {
    display: inline-block;
    margin-right: 15px;
}
.content-list td:nth-of-type(1) > div span:before {
    font-family:'fontawesome'; 
    vertical-align: baseline;
    margin-right: 4px;
}
.content-list td:nth-of-type(1) > div span:first-child:before {content: '\f017';}
/*.content-list td:nth-of-type(1) > div span:last-child:before {content: '\f2bd';}*/

.num-das {width: 70px;}
.name-das {width: 100%;}
.state-das {width: 95px;}
.auther-das {width: 100px;}
.date-das {width: 90px;}
.icoz-das {width: 23px;}

.content-list td:nth-of-type(2):before {
    content: '\f054';
    font-family: 'fontawesome';
    color: #ccc;
    font-size: 0.8em;
}
.content-list tr:hover {background: #eff8fd;}

.list-notice .state-das {width: 0; display: none;}
/*.list-notice .state-das, .list-notice td:nth-of-type(3) {width: 0; display: none;}*/

/* ----- Start List-Type2 ----- */

.lt-type2 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
    box-sizing: border-box;
    font-size: 1em;
}
.lt-type2 th {
    height: 2.62em;
    line-height: 2.62em;
    background: #f3f3f3;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.col1-lty2 {width: 80px;}
.col2-lty2 {
    width: 100%;
    text-align: left;
}
.col3-lty2 {width: 100px;}
.col4-lty2 {width: 100px;}

.lt-type2 td {
    padding: 0 5px;
    box-sizing: border-box;
    vertical-align: middle;
    border-bottom: 1px solid #eaeaea;
}
.lt-type2 td.col2-lty2 a {
    display: block;
    height: 2.62em;
    line-height: 2.62em;
    text-overflow: ellipsis ; 
    white-space: nowrap ; 
    overflow: hidden ;    
}

.lt-type2 td:first-of-type, .lt-type2 td:nth-of-type(3), .lt-type2 td:nth-of-type(4) {
    font-size: 0.93em;
    color: #777;
    letter-spacing: -0.5px;
    text-overflow: ellipsis ; 
    white-space: nowrap ; 
    overflow: hidden ;      
}

.lt-type2 tr:nth-of-type(2n) {background: #fcfcfc;}


/* --- Mobile --- */
@media (max-width: 876px) {
 
    .col4-lty2 {width: 90px;}
    .lt-type2 td:first-of-type, .lt-type2 td:nth-of-type(3), .col1-lty2, .col3-lty2, .lt-type2 td:nth-of-type(4), .col4-lty2 {display: none;}   
    .lt-type2 td.col2-lty2 a:before {
        content: '\f054';
        font-family:'fontawesome';
        color: #ccc;
        font-size: 0.8em;
        margin-right: 5px; 
    }   
    
}

/* ----- End List-Type2 ----- */

/* ----- Start Paging-Area ----- */
.paging-das {
    text-align: center;
    font-size: 0;
    padding: 15px;
}
.paging-das li {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
}
.paging-das li.first a, .paging-das li.prev a, .paging-das li.next a, .paging-das li.last a {
    display: block;
    width: 25px; height: 25px;
/*    border: 1px solid #ebeae9;*/
    overflow: hidden;
    color: transparent;
    font-size: 0;
}
.paging-das li a {
    color: #444;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 3px;
}
.paging-das li a:hover {
    text-decoration: underline;
    color: blueviolet;
    font-weight: bold;
}
.paging-das li.first a {
    background: url(../images/paging-icon/first-arrow.png) no-repeat center; 
    background-size: 60%;
}
.paging-das li.prev a {
    background: url(../images/paging-icon/left-arrow.png) no-repeat center;
    margin-right: 15px;
    background-size: 60%;   
}
.paging-das li.next a {
    background: url(../images/paging-icon/right-arrow.png) no-repeat center;
    background-size: 60%;
    margin-left: 15px;
}
.paging-das li.last a {
    background: url(../images/paging-icon/last-arrow.png) no-repeat center;
    background-size: 60%;
}
/* ----- End Paging-Area ----- */

/* ----- Start Search-Content by List ----- */
.sch-clist {
    text-align: center;
    padding: 5px 0 17px;
    border-bottom: 1px solid #ddd;
    font-size: 1em;
}
.sch-clist fieldset {
    position: relative;
}
.sch-clist input {font-size: 0.96em;}
.sch-clist input[type=text] {
    width: 50%;
    height: 35px;
    border: 1px solid #ccc;
    padding: 0 5px;
    text-indent: 8px;
    box-shadow: 0 0 2px rgba(100,100,100,.2); 
    box-sizing: border-box;
    border-top-left-radius: 50em;
    border-bottom-left-radius: 50em;
}
.sch-clist input[type=submit] {
    width: 60px;
    height: 35px;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #666;
    background: #555; color: #fff;
    font-weight: bold;
    margin-left: -7px;
    border-top-right-radius: 50em;
    border-bottom-right-radius: 50em;
}

/* ----- End Search-Content by List  ----- */

/* ----- End List-Board  ----- */

/* ----- End list-post ----- */

/* ----- Start Footer ----- */

.sect-footer {
    background: #414141;
    border-top: 1px solid #636363;
    color: #bfbfbf;
    padding: 15px 13px 20px;
    text-align: center;
    font-size: 0.874em;
    line-height: 1.6;
}
.sect-footer > .fa-term {
    padding: 3px 0 10px;
}
.sect-footer > .fa-term a:not(:first-child) {
    padding: 0 7px;
    border-left: 1px solid rgba(255,255,255,0.3);
    position: relative;
}
/* --- Mobile --- */
@media (max-width: 876px) { 
    .sect-footer {
      font-size: 0.9em;  
    }
}
/* ----- End Footer ----- */

/* ----- Start Scroll-Top -----*/
#topBtn {
   position: fixed;   
   right: 3%;         
   bottom: 20px;       
   z-index: 50;
}

.TopBtnst {
	position:fixed;
	bottom:24px;
	right:24px;
	display:none;
	z-index:70;
}
.TopBtnst .onts {
	width:40px;
	height:40px;
	box-shadow:0 4px 32px 0 rgba(0,0,0,.175);
	display:block;
	border-radius:100%;
	overflow:hidden;
	cursor:pointer;
	transition:transform .2s;
	transform:scale(0);
	z-index:300;
    text-align: center;
    position: relative;
}
.TopBtnst .onts.ready {
	transform:scale(1);
	z-index:1004;
}
.TopBtnst .onts:hover {
	transform:scale(1.03)
}
.TopBtnst .onts:active {
	transform:scale(.97)
}
.TopBtnst .onts>i {
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/icon/arrowup.svg);
    opacity: 0.65;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:50%;
}

/* --- End Scroll-Top --- */

/* --- Start Banner-position --- */
/* --- Mobile --- */

.ba-outer, .bafix-outer, .bafix-outer  {display: none;}

@media (max-width: 876px) {
    .ba-outer {
        display: block;
        width: 100%;
        text-align: center;
        //padding: 13px 0;
        //padding: 5px 0;
	margin-top:10px;
    }
    .ba-inner {
        display: inline-block;
    }
    .bafix-outer {
        display: block;
        position: fixed;
        bottom: 0;        
        width: 100%;
        text-align: center;
        padding: 5px 0;
        background: rgba(0,0,0,0.2);
        transition: all 0.5s;
    }

}
/* --- End Banner-position --- */

.view-cont iframe, .view-cont video {max-width: 100%;}