/* ==============================================
table_Z »ýÀÏºÏ °¶·¯¸®
================================================*/




/* Àбâ */


.tableZ-lead{ background-color: aliceblue1;}


/*ºÐ·ù¸í Á¦°Å*/
.tableZ-lead1 .board_bgcolor {
    display: none;
}


/* Á¦¸ñ */
.tableZ-lead .tsubject .board_desc{ font-size: 24px; text-align: center;}

.tableZ-lead .tsubject .board_bgcolor{ display: none;}


.tableZ-lead thead{ width:100%; background:pink;}
.tableZ-lead thead tr{ width:100%; background:red;}


/* À̹ÌÁö */
#post_area {
    width: 100%;
    padding: 5px;
    word-spacing: 0pt;
word-break: break-all;
text-ident:-9999px;}


#post_area img {
    max-width: 100%;
    height: auto !important;
    display: block;
margin: 0 auto;
}



/* Ä«Å×°í¸® Ç׸ñ */


.tableZ-body{ display:flex; flex-flow: row wrap;}
.tableZ-body-img{ width:50%; background:pink;}
.tableZ-body-cmt{ width:50%; background:#eee; padding:3rem 0 !important;}
.board_desc{ font-size:1.65rem}




#birth_writer_lead .tzrow{ height: auto; padding: 1rem 2rem; display:block; border: 1px solid #ccc; margin-bottom : 2rem; position:relative; width:100%; }
#birth_writer_lead .tcoment{ }
#birth_writer_lead .tzrow .tztext{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height:auto; width:100%;}
#birth_writer_lead .board_bgcolor{ width:auto !important; text-align:left !important;}
#birth_writer_lead .tableZ-body .board_desc{ width:auto !important; text-align:left !important; height:auto; margin-top: 2rem; padding-bottom: 4rem;}
#birth_writer_lead .tzrow .tztext .board_desc::before{ content:"\201C"; font-size:4rem; color: #ddd; ; }
#birth_writer_lead .tzrow .tztext .board_desc::after{ content:"Ã¥ º¸·¯°¡±â \21C0"; position:absolute; bottom:1rem; right:3rem; opacity:0; font-size:1.2rem;}

#birth_writer_lead .tzrow:hover{ border-color: #444; }
#birth_writer_lead .tzrow:hover .tztext .board_desc{  font-weight:600; font-size:1.65rem !important;  transition: font-size 0.5s ease-out;}
#birth_writer_lead .tzrow:hover .board_desc::after{ opacity:.8; transition: opacity 0.8s ease-out; }


.z_noview{ display: none !important;;}

.tlink .board_bgcolor{ display : none;}
#birth_writer_lead .tlink{ position:absolute; top : 0; left: 0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0;}
#birth_writer_lead .tlink .board_desc a{ position:absolute; top : 0; width:100%; height:100%; text-indent: -9999px;}






/* »ýÀÏºÏ Åº»ýÈ­ Àбâ */


#birth_flower_lead{}

#birth_flower_lead .tztext{ height: auto; padding: 1rem 2rem; display:block; border-bottom: 1px solid #ccc; margin-bottom : 1rem; position:relative; width:100%; }
#birth_flower_lead .board_bgcolor{ width:140px !important; text-align:left !important;}
#birth_flower_lead .tableZ-body .board_desc{ width:auto !important; text-align:left !important; height:auto;}

#birth_flower_lead .tlink{ display:block; margin-top : 2rem; height: auto; }
#birth_flower_lead .tlink .flowerlink_wrap .flowerlink_a{ display:flex; border:1px solid #ccc; padding: 1rem 4rem; }

#birth_flower_lead .tlink:hover .flowerlink_a{ border-color:var(--themecolor);}


.flower_btn_ic{}
.flower_btn_txt{}
.flower_btn_txt::after{ content:"\21C0"; margin-left: 1rem; }

.flowerlink_wrap{}
.flowerlink_a{}

/* »çÁø µÎ°³ ÀÏ ¶§ */
#birth_flower_lead #post_area{ display: flex;}
#birth_flower_lead #post_area img{ max-width:50%;     object-fit: cover;}
#birth_flower_lead #post_area img:nth-of-type(1){ margin-right:.5rem;}



/* Àбâ - ÇÏ´Ü ¸®½ºÆ® */


.tableZ-lead-ctnList { display : none !important;}


.tableZ-lead-ctnList > table > tbody { background : #eee; display: flex; width : auto;}

.tableZ-lead-ctnList > table > tbody > tr { background : pink; width : 100%;} 
.tableZ-lead-ctnList > table > tbody > tr > td{ display : flex; flex-flow : row nowrap; }

.tableZ-lead-ctnList > table > tbody > tr > td > table{ background : red; float: none !important;}



/* respon */



@media (max-width: 1100px) {

.sul_menu.cate_menu a{ width:auto;}

}


@media (max-width: 991px) {

.tableZ-body-img{ width:100%;}

.tableZ-body-cmt{ width:100%;}




.board_desc{ font-size:1.8rem}
#birth_writer_lead .tzrow .tztext .board_desc::after{ opacity:1;}



}


@media (max-width: 575px) {

.sul_menu.cate_menu11 a{ width:90%;}

#birth_flower_lead .tlink{ display: flex; }
#birth_flower_lead .tlink .flowerlink_wrap{ width:100% !important;}

#birth_flower_lead .tlink .flowerlink_wrap .flowerlink_a{ width:100%; display:flex; justify-content:center;}


}


@media (max-width: 321px) {


}





@media (min-width: 992px) {


}



@media (min-width: 768px) and (max-width:991px){

.sul_menu.cate_menu a{ width:auto;}
}








/***************************
****************************
B2B ¸ð¹ÙÀÏ
*****************************/

@media (max-width: 575px) {


#formmail-basic tr{ display: flex; flex-flow: column nowrap; padding:1rem 0; height: auto; border-bottom: 1px solid #ccc; }

#formmail-basic .formmail_title_bgcolor{ width: 100% !important; text-align: left; font-size: 1.2rem; border:none;}

#formmail-basic .formmail_cell_bgcolor{ width: 100% !important; padding: 0; border:none;}


#formmail-basic .formmail_cell_bgcolor input{ width: 100% !important;}




#formmail-basic tr:nth-of-type(3){ }


#formmail-basic tr:nth-of-type(3) td:nth-of-type(2) input{ width: 29% !important;}


#formmail-basic tr:nth-of-type(7) td{ font-size: 1.2rem;}
#formmail-basic tr:nth-of-type(7) td:nth-of-type(2) { padding-top:5px; display:flex; flex-flow: row-reverse nowrap; justify-content:space-around;}

#formmail-basic tr:nth-of-type(7) td:nth-of-type(2) input{ width;}





}










/***************************
****************************
°Ô½ÃÆÇ ¸ð¹ÙÀÏ
*****************************/









/* respon */



@media (max-width: 1100px) {



}


@media (max-width: 991px) {


}


@media (max-width: 575px) {


.tableX-list> :not(caption)>*>*{ padding:0;}






/*
.tableX-list{ padding: 3rem 0; border-top: 2px solid #333;}
.tableX-list tbody tr.tXthead{ display : none;}
.tableX-list tbody tr.tXbbsctn{ position:relative !important; height:64px; border-bottom:1px solid #ccc; }


 .tableX-list tbody tr.tXcon_wrap{ width:100%; position:absolute; top: 1rem; left:0; text-align: left; border:none !important;} 

.tableX-list tbody tr.tXbbsctn td{  border-bottom-width:0; position: absolute;  font-size: 1.1rem}
.tableX-list tbody tr.tXbbsctn td.bbscategory{ text-align:left; color: #aaa; left:0;} 
.tableX-list tbody tr.tXbbsctn td.bbscategory::after{ content : "|"; margin-left:4px;}
.tableX-list tbody tr.tXbbsctn td.bbsnewf5{  width:100%; position:absolute; top: 1rem; left:0; text-align: left;} 
.tableX-list tbody tr.tXbbsctn td.bbswriter{ color: #aaa; left:18%;} 
.tableX-list tbody tr.tXbbsctn td.bbsetc_dateof_write{ color: #aaa; right:0;} 



 .tableX-list tbody tr.tXbbsctn > td:not(.bbsnewf5){ margin-top: 40px; bottom: 1rem;;} 

*/





/* 
.mobile_ctn{}
.mobile_row{ width: 100%;overflow: hidden}
.mobile_col{ overflow-x: scroll; }

.mobile_col table {width: 100%; min-width:480px;}




.tableX-list{ }

.tableX-lis2t td.att_title:nth-of-type(1){ display:none;}


.tableX-list tbody tr.tXthead{ display : none;}

.tableX-list tbody tr.tXbbsctn{ display:flex; flex-flow: column wrap; height:auto; margin-bottom: 1rem; border-top: 2px solid #333; border-bottom: 1px solid #aaa; }

.tableX-list tbody tr.tXbbsctn td{ min-width: 720px; border-style : dashed; font-size:1.2rem;}

.tableX-list tbody tr.tXbbsctn td:last-of-type{ border-bottom-width:0;}

.tableX-list tbody tr.tXbbsctn td.bbscategory{ text-align:left; color: #aaa;} 
.tableX-list tbody tr.tXbbsctn td.bbsnewf5{} 
.tableX-list tbody tr.tXbbsctn td.bbswriter{} 
.tableX-list tbody tr.tXbbsctn td.bbsetc_dateof_write{} 

*/


}


@media (max-width: 321px) {


}





@media (min-width: 992px) {


}



@media (min-width: 768px) and (max-width:991px){

}