td#board {}
.board img{width:100%;height:auto;margin-bottom:10px; margin-top:20px; }
.read.board img{width:auto}
.board a:link{padding:0 0 0 0;}
.board a:visited{padding:0 0 0 0;}
.board a:hover{padding:0 0 0 0;}
.board a:active{padding:0 0 0 0;}

/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {}
.bbsnewf5 a:link{text-decoration:none}
.bbsnewf5 a:visited{text-decoration:none}
.bbsnewf5 a:hover{text-decoration:none}
.bbsnewf5{padding:5px}
/* ÆäÀÌÁö»ó¼¼ */
.board_description{text-align:center;}
.board_description img{width:100%!important;height:auto!important}
.board.read #post_area{padding:0;}
.mid.product table.board.read>tbody>tr>td{padding:0;}
.read .board_bgcolor{display:none;}
.read .board_desc{text-align:center;font-size:15px;position:relative;line-height:50px}


.board_admin_bgcolor img{width:auto !important;height:auto;}


/* °Ô½Ã¹°¼öÁ¤ */
.fix{border:1px solid #ccc}
.fix .seLayout>tbody>tr{border-left:1px solid #fff;border-right:1px solid #fff;}
.fix input#border{border:1px solid #ccc;width:50%;min-width:200px;}
.fix .board_bgcolor{min-width:50px;}

/*Á¦¸ñ*/
.bbsbody03{}

/*´º½º_º¸µµÀÚ·á Á¦¸ñ*/
.news_title {}
.news_title a:link{}
.news_title a:visited{}
.news_title a:hover{}

/*´º½º_º¸µµÀÚ·á ³»¿ë*/
.news_cont {}
.news_cont a:link{}
.news_cont a:visited{}
.news_cont a:hover{}

/*°¶·¯¸® Á¦¸ñ*/
img{opacity:1;transition:opacity ease .5s;}
.bbsnewf5 a:hover img{opacity:.6}
.gallery_title {color:#000;font-size:12px;/*line-height:50px;*/}

/*°¶·¯¸® ³»¿ë*/
.gallery_cont {}

/*ÆäÀÌ¡*/
.paging {}
.paging a:link{}
.paging a:visited{}
.paging a:hover{}

/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {}

/*±âº»ÆùÆ®*/
.board_txt {}
.board_txt a:link{}
.board_txt a:visited{}
.board_txt a:hover{}

.board_txt2 {}
.board_txt2 a:link{}
.board_txt2 a:visited{}
.board_txt2 a:hover{}

input#border {}
textarea#border {}

/* bgcolor : °Ô½ÃÆÇ Ç׸ñ */
.board_bgcolor {}
.board_rate {}
.board_rate_td {}
.board_comment_bgcolor {}

/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ */
.board_output {}
.board_output a:link{}
.board_output a:visited{}
.board_output a:hover{}
.board_output a:active{}

/*´ñ±ÛÆùÆ®*/
.comment_name {}
.comment_txt {}
.comment_txt a:link{}
.comment_txt a:visited{}
.comment_txt a:hover{}

/* À¥ÁøÇü °Ô½ÃÆÇ (¼¼·Î¹è¿­)*/
.webzine_type2 {width:100%;}
.webzine_type2 td { }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* À̹ÌÁö°¡ ¿ÞÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* À̹ÌÁö°¡ ¿À¸¥ÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }

/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */
.board_output_gallery_subject { text-align:center;width:100%;position:absolute;height:100%;top:0;left:0;padding:3px 10px 18px 10px;box-sizing:border-box}
.board_output_gallery_subject a{display:block;width:100%;height:100%;text-decoration:none;line-height:259px;font-size:20px;color:#000;opacity:0;transition:opacity ease .5s;}
.board_output_gallery_subject a:hover{opacity:1}
.board_output_gallery_description { text-align:center;width:100%; }

/* ¸ÞÀÎ ÃßÃâ */
.mid_box div>table{}
.mid_box div>table table{width:100%;padding:3px 10px 3px 10px;position:relative;}
.mid_box div>table table .board_output_gallery_img{background-color:#fff}
.mid_box div>table table .board_output_gallery_img img{width:100%;}



.mid>table>tbody>tr>td>table.board.list>tbody>tr tr {
width: 100%;
}


iframe body{width:100%;height:auto;overflow:hidden;}

@media screen and (max-width: 1000px) {
#contents_area img{width:97% !important;height:auto !important;}

}


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

.mid>table>tbody>tr>td>table.board>tbody>tr>td:not(.board_description) {width:100%; float:left;vertical-align:top;}

table.board {table-layout:fixed;}



}