@import url("m_main.css");

/* ¼­ºê ¸ð¹ÙÀÏ css */

/* visual */

.sub_visual {position:relative; height:auto;  }
.sub_visual .visual_bg { background:url(../images/sub/sub_visual01.png) no-repeat center; background-size:cover; height:100%; width:100%; }
.sub_visual .visual_bg2 { background:url(../images/sub/sub03_visual.png) no-repeat center; background-size:cover; height:100%; width:100%; }
.sub_visual .visual_shop { background:url(../images/sub/shop_visual.png) no-repeat center; background-size:cover; height:100%; width:100%; }
.sub_visual .visual_commu { background:url(../images/sub/commu_visual.png) no-repeat center; background-size:cover; height:100%; width:100%; }
.sub_visual .visual_jdew { background:url(../images/sub/jdew_visual.png) no-repeat center; background-size:cover; height:100%; width:100%; }
.sub_visual .visual_jdew_p { background:url(../images/sub/jdew_p_visual.png) no-repeat center; background-size:cover; height:100%; width:100%; }

.sub_visual .sub_slogan {position:relative; top:10px; padding:20px; margin-top:10px; max-width:500px; margin:0 auto; }
.sub_visual p{ text-align:center; letter-spacing:-1px; }
.sub_visual p:nth-of-type(1) { color:#fff; font-size:1.6em; font-weight:600; }
.sub_visual p:nth-of-type(2) { color:#fff; font-size:0.8em; padding-top:10px; }
.sub_visual p:nth-of-type(3) { color:rgba(255,255,255,0.8); font-size:2em; }

.slogan{ position:absolute; top:50px; width:80%; left:50%; margin-left:-40%; z-index:300; color:#fff; text-align:center; }

span.text01{ font-size:16px; line-height:20px; }
span.text02{ font-size:12px; line-height:12px; }

/* contents */

.con_size { padding:20px; }

/* shop-gallery */
.shop_gallery { overflow:hidden; margin:0 auto; padding:20px 0 20px 0;}
.shop_gallery li { display:inline-block;  box-sizing:border-box; padding-right:10px; text-align:left; }
.shop_gallery li:last-child { padding:0; }
.shop_gallery li img {width:100%; height:auto; }
.shop_gallery span { padding-top:10px; display:block; }

.shop_gallery2 { overflow:hidden; margin:0 auto;}
.shop_gallery2 li { display:inline-block; width:50%; float:left; box-sizing:border-box; padding-right:10px; text-align:center; }
.shop_gallery2 li:last-child { padding:0; }
.shop_gallery2 li img {width:120px; height:90px; }
.shop_gallery2 span { padding-top:10px; display:block; }

/* °Ô½ÃÆÇ Å×À̺í */
.board01 { width:100%; table-layout:fixed;}
.board01 tr, td, th { padding:10px; border-bottom:1px solid#d6d6d6; font-size:1em; line-height:1.5em; }
.board01 th { background:#f6f6f6; text-align:center; border-top:1px solid#d6d6d6; font-weight:bold;}
.board01 td { text-align:left; }
.board01 td.center { text-align:center; }
.board-link { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.paging_wrap{ width:100%;  }
.paging_wrap .paging{  text-align:center; margin-top:15px; }
.paging_wrap .paging li { border:1px solid#d6d6d6 !important; margin:1px; display:inline-block; font-size:0.9em; }
.paging_wrap .paging li a { padding:5px 10px; display:block; }

/* °Ô½ÃÆÇ µ¿¿µ»ó */
.gall_list_wrap { position:relative; top:20px; overflow:hidden; }
.gall_list { margin:0 -5px; }
.gall_list img { width:100%; }
.gall_list li { width:50%; float:left; padding:5px;  box-sizing:border-box; display:inline-block; }
.gall_item { border:1px solid #d6d6d6; background:#fff; }
.gall_item:hover .gallthum:before, 
.gall_item:hover .gallthum:after { display:block; }
.gall_item:hover .text_wrap { background:#666; color:#fff; }

.gallthum { display:block; position:relative;}
.gallthum:before { display:none; content:''; position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; }
.gallthum:after { display:none; content:''; position:absolute; top:50%; left:50%; margin-left:-29.5px; margin-top:-29.5px; 
                    background:url(../images/thum_hover.png) no-repeat center; background-size:50% auto; width:59px; height:59px; /*border:1px solid red;*/ }
.gall_list li .text_wrap { padding:10px; display:block; }
.gall_list li .text_wrap .gall_text01 { margin-bottom:10px; font-weight:normal; }

/* °Ô½ÃÆÇ view */
.board_view { border-top:1px solid #1e1e1e; border-bottom:1px solid #c4c4c4; padding:10px 5px; overflow:hidden; }
.board_view .b_tit{float:left; font-size:1.2em;}
.board_view .b_date{float:right;}
.con_text{ padding:20px 0; border-bottom:1px solid #c4c4c4; }
.btn{ padding:10px 0; text-align:center;}

/* ¹öÆ° Ä÷¯ */
.btn_gray { background:#717171; color:#fff; border:none;}
.btn_blue { background:#4967b0; color:#fff; border:none; }
.btn_reset { background:url(../images/btn_reset.png) no-repeat; background-size:15% auto; padding-left:15px; display:inline-block; }

.bg_gray { background:#f6f6f6; }

.img_left {position:relative; width:320px; height:300px; margin-left:-160px; margin-bottom:20px; left:50%;  border:1px solid #cbcbcb; box-shadow:7px 7px 10px 0px rgba(0,0,0,0.2); }
.text_right { width:100%; }
/* °Ô½ÃÆÇ Å×À̺í */
.board01 { min-height:330px; margin:0 auto; table-layout:fixed;}
.board01 tr, td, th { padding:10px; border-bottom:1px solid#d6d6d6; font-size:16px; line-height:23px; }
.board01 th { background:#77933c; color:#fff; text-align:center; border-top:1px solid #d6d6d6; font-weight:bold;}
.board01 td { text-align:left; border-top:1px solid #d6d6d6; background:#fff; }
.board01 td.center { text-align:center; }