@charset "utf-8";
/*= Style_design css ===================================================================*/
/*= Common=======================================================================*/
@media screen and (max-width:1200px) {
.div_box001 span{display: block;}
.div_box002 span{display: block;}
}

@media screen and (min-width:1025px) {
    .pc {} /* img*/
    .mo { display: none !important; } /* img*/
}
@media screen and (max-width:1024px) {
    .pc {} /* img*/
    .mo { display: none !important; } /* img*/
    .eria-cl{text-align:left;}
    .menu-img4row h3{font-size: 1.1em; letter-spacing: 0.01em; font-weight: normal; color:#ffffff;}
    .menu-img4row p{font-size: 0.7em; letter-spacing: 0.01em; font-weight: normal; color:#ffffff;}
    .column4-ovlight h6{font-size: 1.1em; margin: 0 auto; padding:0;}
    .column4-ovlight h6 span{ display: block; font-size:0.7em; margin:0 4px 0; padding:0; color:#888888;}
}

@media screen and (min-width:961px) {/* g-nav 連動 */
    #footer_fixedarea {display: none;}
}

@media screen and (min-width:769px) {/* 769px以上 */
    .tb_mo{display: none; padding:0; margin:0;}
}

@media screen and (max-width:768px) {/* 768px以下 */
    .pc { display: none !important; } /* img*/
    .mo { display: block !important; } /* img*/
    h5 br{display: block;}
    .btnlinestretches3 br{display: block;}
/* arrow_box ------------------------------------------------------------*/
    .arrow_box {padding:8px 0;}
    .arrow_box p{font-size: 1em; line-height:1.2; padding:4px 8px;}
    .arrow_box br{display: block;}
    .pc_tbios{display: none; padding:0; margin:0;}
    .share-hotpepper li:nth-child(1) {float: left; margin:8px 0; padding:0; width: 100%;}
    .share-hotpepper li:nth-child(2) {float: right; margin:0; padding:0; width: 100%;}
    .share-contact li span{font-size: 0.6em;}
    /*.share-contact li span{display: none;}*/
    .share-contact li img{max-width: 80%; height: auto;}
    .menu-img4row li{float: left; margin:0.25%; padding:0; width: 49.5%; border:solid 1px #888888; line-height:1.2;}
    .column4-ovlight ul{margin: 8px auto; padding: 0; list-style: none;}
    .column4-ovlight li{float:left; margin: 0.25%; padding:0; width: 48%;}
    .column8-ovlight li{float:left; margin: 0.25%; padding:0; width: 24.5%;}
    .column-recruit-ovlight li{float:left; margin: 0.25%; padding:0; width: 32.8%;}

    .textslg {font-size: 1.1em;}
    .textlg {font-size: 1.1em;}
    .textlgg {font-size: 1.1em;}
    .tel {font-size:1.1em; font-weight:normal;}
    .text00 {color:#CB1E27; font-size:1em; font-weight:normal;}
    .text01 {color:#4BB5B5; font-size:1em; font-weight:normal;}
    .text02 {color:#0A3893; font-size:1em; font-weight:normal;}
    .text03 {color:#e9464a; font-size:1em; font-weight:normal;}
    .text04 {color:#b8b05e; font-size:1em; font-weight:normal;}
    .text04lg {color:#b8b05e; font-size:1em; font-weight:normal; line-height:1.5;}
    .text05 {color:#4bb5b5; font-size:1em; font-weight:normal;}
}

@media screen and (max-width:550px) {
    .img-left-RicoFeliche-staff{width: 100%; padding:8px; margin:18px auto; border-radius:8px; border: 2px dashed #ffffff;}
    .img-left-RicoFeliche-staff img{float: none; margin: 0 auto 0; vertical-align: top; max-width: 100%; height: 180px;/* border-radius:4px;*/}
    .share-contact_480{margin:8px auto; padding:0px; width: 380px;}
    .share-contact_480 li:nth-child(1) {float: left; margin:0 0 0 0; padding:0; width: 185px;}
    .share-contact_480 li:nth-child(2) {float: right; margin:0 0 0 0; padding:0; width: 185px;}
    .share-contact_480 li span{font-size: 0.8em; display: block;}
    .ovlight_3-banner li:nth-child(1) {float: left; margin:0; padding:0 0.5% 0 0; width: 50%;}
    .ovlight_3-banner li:nth-child(2) {float: right; margin:0; padding:0 0 0 0.5%; width: 50%;}
    .ovlight_3-banner li:nth-child(3) {float: left; margin:0 auto; padding:0.5% 0; width: 100%;}
    a.btn002w{width: 380px; margin: 8px auto; padding: 4px 0;}
    a.btn002w i{font-size: 1.5em; padding: 0 8px;}
}
@media screen and (max-width: 480px) {
    h2{font-size: 3rem; margin: 0; text-transform: uppercase;}
}

/*= Common===============================================================*/
@media screen and (max-width:1200px) {
    nav ul li a{padding:20px;}
    nav ul li li a{padding:10px 20px;}
    nav ul li.has-child::before{left:0;}
}

@media screen and (max-width:1024px){/* g-nav footer_fixedarea連動 */
    nav{padding: 0;}
    nav ul{display: block;}
    nav ul li a{border-bottom:1px solid #ccc;}
    nav ul li a i{color:#ffffff;}
    nav ul li.has-child::before{left:20px;}
    nav ul ul li.has-child::before{transform: rotate(135deg); left:20px;}
    nav ul li.has-child::before{content:''; position: absolute; left:55px; top:10px; width:15px; height:15px;
    border-top: 2px solid #ffffff;
    border-right:2px solid #ffffff;
    transform: rotate(135deg);
    }
    nav ul li.has-child.active::before{transform: rotate(-45deg);}
}

/*= Common ============================================================*/
@media screen and (max-width:1024px) {
    #header .float-header_r{display: none;}
    #header .float-header_l{display: none;}
    #header,
    #header.UpMove,
    #header.DownMove{animation:none; height: auto; padding: 0; display: block;}
}

/*= Top=================================================================*/
@media screen and (max-width:1200px) {
    #vidual-area h1{position: absolute; top: 10%; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 20px;}
    #vidual-area h2{font-size: 1rem; top: 30%; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 20px;}
    #vidual-area dl{left:20px; bottom:16px;}
    #vidual-area ul li{margin:0 2px;}
}


@media screen and (max-width:960px) {
    #vidual-area{height: 100vh;}
    #vidual-area #slider-area{width:100%; height: 90vh;}
    #vidual-area h1{position: absolute; top: 10%; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 20px;}
    #vidual-area h2{font-size: 0.8rem; top: 22%; right: 0; bottom: 0; left: 0; margin: auto; padding: 0 20px;}
    #vidual-area dl{left:20px; bottom:16px;}
    #vidual-area ul li{margin:0 2px;}

}

/*= Top=================================================================*/
@media screen and (max-width:960px) {
/* news **************************************************/
#news{margin: 0 auto; padding: 33px 18px; background:#ffffff; color: #222222;}
#news .eria-left {float: none; width: 100%; margin:0 auto 33px; padding:0 0 18px; border-bottom: 1px dashed #cccccc;}
#news .eria-right {float: none; width: 100%; margin:0 auto; padding:0 0 18px; border-bottom: 1px dashed #cccccc;}
}

/*= Top =================================================================*/
@media screen and (max-width:768px) {
    #concept h3{font-size:1rem; line-height: 1.8;}
}

@media screen and (max-width:550px) {
    #concept{padding: 48px 0;}
    #concept .concept-area{margin: 0 auto; padding: 22px; text-align: left;}
    #concept h3 br{/*display:block;*/}
    #concept p br{display:none;}
}

/*= Top ==================================================================*/
@media screen and (max-width:1300px) {
    #service{padding: 8% 0 8% 8%;}
    #service .service-area{padding:10% 0 0 5%;}
}

@media screen and (max-width:1200px) {
    #service{margin: 0 auto; padding: 4% 0 4% 8%;}

}

@media screen and (max-width:1024px) {
    #service .service-area section h3{/*font-size:1.5rem;*/ margin: 0 0 15px 0;}
    #service .service-area section p{margin: 0 0 15px 0;}
}

@media screen and (max-width:768px) {
    #service .service-area{padding:10% 2%;}
    #service .service-area section{width:100%; margin: 0 0 48px; padding: 0 4% 0;}
    #service .service-img-wrapper,
    #service .service-img{width:100%; height: 38vh; background-position: center;}
    #service .service-area section p{font-size:0.88em;}
}
/*= Top ===================================================================*/
@media screen and (max-width:1500px) {
    #servicemenu{padding: 3% 2%;}
}

@media screen and (max-width:1200px) {
    .menu-hover figure h3 {font-size: 1.2em; letter-spacing: 0.01em; font-weight: 300;}
    .menu-hover figure p {letter-spacing: 0.1em; font-size: 50%;}
}

@media screen and (max-width:1024px) {
    .menu-hover figure h3 {font-size: 1.1em; letter-spacing: 0.01em; font-weight: 300;}
}

@media screen and (max-width:960px) {
    .menu-hover figure h3 {font-size: 1em; letter-spacing: 0.01em; font-weight: 100;}
    .menu-hover{columns: 3;}
    .menu-hover figure {float: left; margin: 5px 0; width: 33.3%;}
}

@media screen and (max-width:720px) {
    .menu-hover{columns: 2;/*段組みの数*/}
    .menu-hover figure {float: left; margin: 5px 0; width: 33.3%;}
}

/*= Top =====================================================================*/
@media screen and (max-width:1500px) {
    #pricemenu{padding: 3% 2%;}
}

@media screen and (max-width:1024px) {
    #pricemenu h3{font-size:1.5rem;}
}

@media screen and (max-width:768px) {
    .pricemenu-area{display: block;}
    .pricemenu-wrapper{/*height: 50vh;*/ width:100%;}
    .pricemenu-content{width:100%; padding: 33px 0;}
}

/*= Top =====================================================================*/
@media screen and (max-width:1500px) {/*background*/
    #reservation{padding: 3% 2%;}
}

@media screen and (max-width:1024px) {
    #reservation h3{font-size:1.5rem;}
    .reservation-area{display: block;}
    .reservation-wrapper{height: 30vh; width:100%;}
    .reservation-img{height: 30vh;}
    .reservation-img,
    .reservation-content{width:100%; padding: 22px 0; }
}

/*= Top =======================================================================*/
@media screen and (max-width:1500px) {
    #information{padding: 3% 2%;}
}

@media screen and (max-width:1024px) {
    #information h3{font-size:1.5rem;}
    .information-area{display: block;}
    .information-wrapper{height: 30vh; width:100%;}
    .information-img{height: 30vh;}
    .information-img,
    .information-content{width:100%; margin: 0 auto 22px;}
    .information-content p{margin: 22px auto; padding: 0; }
}

/*= Top ========================================================================*/
@media screen and (max-width:1500px) {
    #staff{padding: 3% 2% 0;}
}

/*= Common=======================================================================*/
@media screen and (max-width:1500px) {
    #groupsalon{padding: 8% 2%;}
}

@media screen and (max-width:1024px) {
    #groupsalon h3{font-size:1.5rem;}
}

@media screen and (max-width:768px) {
    .groupsalon-area ul li{width:49.5%; margin: 0.25%; text-align: center;}
    .groupsalon-area ul li span{ font-size: 0.7em;}
    .groupsalon-area ul li:nth-of-type(1){float: left;}
    .groupsalon-area ul li:nth-of-type(2){float: left;}
    .groupsalon-area ul li:nth-of-type(3){float: left;}
}

/*= Common===============================================================*/
@media screen and (max-width:1024px) {
    #footer .footer-info .footer-logo img {max-width: 80%; height: auto;}
    #footer small{padding: 22px 0 100px 0;}
}
@media screen and (max-width:960px) {
    #footer{justify-content: center; padding:5% 0;}
    #footer .footer-info{display: none;}
    #footer .footer-link{width:100%;}
    #footer .footer-link ul {justify-content: center;}
    #footer small {padding:10% 0; text-align:center;}
    #page-top {right: 10px; bottom:80px;}

}

/* contents inner===*/
/*=====================================================================================*/
@media screen and (max-width:1500px) {
    .related_stage-contents {padding: 4%;}
    .related_stage-2contents{padding: 4%;}
    .related_stage-3contents{padding: 4%;}
    .column4-staff h5{font-size: 1.2em; margin: 8px auto; padding:0; line-height:1.2;}
    .column4-staff h5 span{display: block; font-size:1em; margin:0 8px 0; padding:0; color:#333333;}
}

@media screen and (max-width:1200px) {
    .header-area h2{font-size: 1.5em; font-weight: 300;}
    .header-area h2 span{font-size: 0.7em;}
    .related_stage-contents .course-list-inner:nth-child(1) {width:100%; position: relative; margin:1% auto; padding:0 2px 0;}
    .related_stage-contents .course-list-inner:nth-child(2) {width:100%; position: relative; margin:1% auto; padding:0 2px 0;}
    a.btn002{margin: 3px auto; padding: 3px 0;}
/* topics-description ***********************************************/
.topics-area-description .topics-block{padding:8px 8px;}
.topics-area-description .topics-block h4{font-size: 1.1em;}
.topics-area-description .topics-block h4 span{font-size: 0.7em;}
}

@media screen and (max-width:1024px) {
    #related-header {text-align:center; margin: 0 auto; padding: 10px;}
    .header-area h2{font-size: 1.2em; font-weight: 300; margin: 8px auto;}
    .img-left_step{width: 100%; padding:4px; margin:4px auto;}
/* topics-description ***********************************************/
.topics-area-description article:nth-of-type(1){width:48%; float: left; margin:1%; box-shadow: 0 0 5px #469e94;}
.topics-area-description article:nth-of-type(2){width:48%; float: left; margin:1%; box-shadow: 0 0 5px #469e94;}
.topics-area-description article:nth-of-type(3){width:48%; float: left; margin:1%; box-shadow: 0 0 5px #469e94;}
.topics-area-description article:nth-of-type(4){width:48%; float: left; margin:1%; box-shadow: 0 0 5px #469e94;}
.topics-area-description .topics-block h4{font-size: 1.1em;}
.topics-area-description .topics-block h4 span{font-size: 0.8em;}
/*=　7-2 ===========================================================*/
.zoomOut .mask{display: block; height: 22vw; overflow: hidden;}
}

@media screen and (max-width:960px) {
    .related-title h4 {font-size: 1.5em;}
    .textlg15 {font-size: 1.5em;}/*related-title h4 同期*/
    .related_stage-contents p{margin:0 auto; padding: 0 0 8px;}
    .related_stage-2contents p{margin:0 auto; padding: 0 0 8px;}
    .related_stage-3contents p{margin:0 auto; padding: 0 0 8px;}
    .related_stage-2contents-inner{width:100%; margin: 8px auto 48px; padding: 2% 4%;}
    .related_stage-2contents-area{margin: 8px auto 48px; display:block;}
    .related_stage-2contents-innerbox{width:100%; margin: 8px auto; padding: 2%;}
    .related_stage-3contents-inner{width:100%; padding: 2% 4%;}
    .related_stage-3contents-area{margin: 8px auto 48px; display:block;}
    .related_stage-2contents h4 span {display: block;}
    .div_box005{width: 100%; margin:8px auto; padding:0; border:solid 1px #ffffff; background-color: #ffffff; text-align:center; line-height:1.5;}
    .div_box005 p{margin: 8px auto; padding: 2px;}
    .img-left_company img{max-width:38%; height: auto; margin: 0 8px 0 0;}
    .img-left_company p{font-size:0.88em;}
    .img-left_recruit{width: 100%; padding:0; }
    .img-left_recruit img{max-width:40%; height: auto; margin: 0 8px 0 0;}
    .column3-ovlight ul{margin: 0px auto; padding: 0; list-style: none}
    .column3-ovlight li{float:left; margin: 0.25%; padding:0; width: 49.5%;}
    #bridal-service .service-area{margin: 0 auto; padding:0;}
    #bridal-service .service-area.startwd::after{top:0%; right:0; width:100%; height: auto;}
    #bridal-service .service-area section{width:25%; padding: 0;} /*200px img*/
}


@media screen and (max-width:768px) {
    #related-header {background:#13090b;
    background-image: url("../img/related-header_img-max768.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment:fixed;
    }
    .img-left_recruit img{max-width:30%; height: auto; margin: 0 8px 0 0;}
    .img-left_recruit p{margin: 2px auto; padding:0; font-size: 0.8em;}
    .column4-staff li{float:left; margin: 2% 1% 3%; padding:2%; width: 48%;}
}

@media screen and (max-width:550px) {
    #related-header img{max-width: 70%; height: auto;}
    #related-header p{display: none;}
    .header-area h2{font-size: 1.1em;}
    .related-title h4 {font-size: 1.3em;}
    .textlg15 {font-size: 1.3em;}/*related-title h4 同期*/
    .img-overlap_zoom{position: absolute; color: #ffffff; font-weight: normal; bottom:8px; right:4px; /*右下テキスト*/}
    .img-overlap_zoom i {font-size:1em; margin: 0;}
    ul.listdesign_00{list-style:none; margin:0 auto 18px; padding:0;}
    ul.listdesign_00 li{font-size:1em; color:#333333; margin:0; padding:0; list-style: none;}
    ul.listdesign_00 li.sub{font-size:0.8em; margin:4px 0 8px 8px;}
    #bridal-service .service-area section{width:50%; padding: 0; text-align:center;} /*200px img*/
/* topics-description ***********************************************/
.topics-area-description .topics-block h4{font-size: 0.88em;}
.topics-area-description .topics-block h4 span{font-size: 0.7em;}
}

@media screen and (max-width:400px) {
    .img-left_step img{float: none; margin: 0 auto 8px; max-width: 100%; height: auto;}
    .btnborder {line-height: 1.2;}
    .btnborder span{display: block;}

}

/*=====================================================================================*/


@media screen and (min-width:1025px) {/* 1025px以上 */
    .inner {margin: 0 auto; padding: 0;}
    .inner:after{content: ""; display: block; clear: both}
    .inner-con {max-width:1024px; margin: 0 auto; padding: 0;}
    .inner-con:after{content: ""; display: block; clear: both}
    .inner-50 {width:50%; margin: 48px auto; padding: 0;}
    .inner-50:after{content: ""; display: block; clear: both}
    .related_stage-contents .eria-left {float: left; width: 48%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right {float: right; width: 48%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left-07 {float: left; width: 59%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right-03 {float: right; width: 39%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left-03 {float: left; width: 39%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right-07 {float: right; width: 59%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left_border {float: left; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 8px;}
    .related_stage-contents .eria-right_border {float: right; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 8px;}
}

@media screen and (max-width:1024px) {/* 1025px以下 */
    .inner {margin: 0 auto; padding: 0;}
    .inner:after{content: ""; display: block; clear: both}
    .inner-con {width: 98%; margin: 0 auto 0; padding: 0 0 18px;}
    .inner-con:after{content: ""; display: block; clear: both}
    .related_stage-contents .eria-left {float: left; width: 48%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right {float: right; width: 48%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left-07 {float: left; width: 59%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right-03 {float: right; width: 39%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left-03 {float: left; width: 39%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-right-07 {float: right; width: 59%; margin:0 auto; padding:8px 0.5%;}
    .related_stage-contents .eria-left_border {float: left; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 8px;}
    .related_stage-contents .eria-right_border {float: right; width: 48%; margin:0 auto 22px; padding:8px 0.5%; border:solid 1px #cccccc; border-radius: 8px;}
}

@media screen and (max-width:768px) {
    .inner {margin: 0 auto; padding: 0;}
    .inner:after{content: ""; display: block; clear: both}
    .inner-con {width: 98%; margin: 0 auto 0; padding: 0 8px 18px;}
    .inner-con:after{content: ""; display: block; clear: both}
    .inner-50 {width:98%; margin: 33px auto; padding: 0;}
    .inner-50:after{content: ""; display: block; clear: both}
    .related_stage-contents .course-list{display:block;}
    .related_stage-contents .course-list aside{width:100%; position: relative; margin:3% auto; padding:4px; border:solid 1px #cccccc;}
    .related_stage-contents .eria-left {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-right {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-left-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-right-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-left-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-right-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-left_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
    .related_stage-contents .eria-right_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
    .related_stage-contents h3 {font-size: 1.2em;}
    .related_stage-contents h3 span {font-size: 1em;}
}


@media screen and (max-width: 480px) {
    .related_stage-contents h3 {font-size: 1em;}
    .related_stage-contents h3 span {font-size: 0.8em;}
}

/*=======================================================*/
/**--table ---------------------------------------------**/
@media screen and (max-width:1200px) {
    .table_price-auto{width: 100%; border-top: none;}
    .table_price-auto thead{display: none;}
    .table_price-auto tr{display: block; margin: 0 auto 0; width: 100%;}
    .table_price-auto th{display:list-item; border-bottom: none; font-size: 1rem;}
    .table_price-auto td{display:list-item; border-bottom: 1px solid #cccccc; font-size: 1rem;}
    .table_price-auto th{background-color:#FCFBF5; list-style-type: none;}
    .table_price-auto td{background-color:#FCFBF5; margin: 0 auto 4px; padding:2px 8px; list-style-type: none;}
}

@media screen and (max-width:940px) {
    .table_price{width: 100%; border-top: none;}
    .table_price thead{display: none;}
    .table_price tr{display: block; margin: 0 auto 0; width: 100%;}
    .table_price th{display:list-item; border-bottom: none;}
    .table_price td{display:list-item; border-bottom: 1px solid #cccccc;}
    .table_price th{background-color:#FCFBF5; list-style-type: none;}
    .table_price td{background-color:#FCFBF5; margin: 0 auto 4px; padding:2px 8px; list-style-type: none;}
}

@media screen and (max-width:550px) {
    .table_info{width: 100%;}
    .table_info i{font-size:1.8em; padding:0 4px 0 0;}
    .table_info thead{display: none;}
    .table_info tr{display: block; margin: 18px auto 22px; width: 100%;}
    .table_info th,.table_info td{display:list-item; border: none;}
    .table_info td{margin: 0; padding:2px 8px; list-style-type: none; background-color:#eeeeee;}
    .table_info th{margin: 0; padding:2px 8px; list-style-type: none;}
    .table_info th span{display: block;}
    .table_info td span{display: block;}

    .table_news{width: 100%; margin:18px auto 18px; padding:0 8px; border-collapse: collapse;}
    .table_news i{font-size:1.8em; padding:0 4px 0 0;}
    .table_news thead{display: none;}
    .table_news tr{display: block; margin: 18px auto; width: 100%;}
    .table_news td{display:list-item; border: none; text-align: left;}
    .table_news th{display:list-item; border-bottom: 1px solid #cccccc; text-align: left;}
    .table_news td{margin: 0; padding:18px 0 2px; list-style-type: none;}
    .table_news th{margin: 0; padding:2px 0 2px 8px; list-style-type: none;}

}