/* ----------------------------------------------------------------
 - about
 - clean
 - simple
 - history
 - counter
 - service
 - portfolio
 - popup
 - icon
 - contact
 - element
 - accodian
 - footer
 - board
 - basic
 - tableA : news
 - tableB : gallery
 - tableC : webzine
 - paging
 - input style
 - table img list
 - table responsive
 - comment
 - table paging
 - shop / member
 - form mail
 - style 1
 - style 2
 - bbs btn lead wrap
---------------------------------------------------------------- */



:root { --dyami-content-padding: 0; } 

@media (min-width: 1600px){
 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1540px; } 
 }


 /* Section Padding */
 .section-block { padding:150px 0 } 
 @media (max-width:1499px) {
 .section-block { padding:100px 0 } 
 }
 @media (max-width:959px) {
 .section-block { padding:50px 24px } 
 }
 @media (max-width:545px) {
 .section-block { padding:50px 12px } .col-padding { padding: 2rem; } .container-fluid: padding: 0 2rem !important; } 
 /* Modal Size */
 @media (min-width:992px) {
 .modal-lg,.modal-xl,.modal-xxl { max-width:800px } 
 }
 @media (min-width:1200px) {
 .modal-xl,.modal-xxl { max-width:1140px } 
 }
 @media (min-width:1400px) {
 .modal-xxl { max-width:1320px } 
 }


 /* Grid Board */
 .grid-border { overflow:hidden } 
 .grid-border .col { position:relative } 
 .grid-border .col:after,.grid-border .col:before { content:''; position:absolute } 
 .grid-border .col:before { height:100%; top:0; left:-1px; border-left:1px solid #eee } 
 .grid-border .col:after { width:100%; height:0; top:auto; left:0; bottom:-1px; border-bottom:1px solid #eee } 


/* letter-spacing */
 @media (min-width:992px) {
.ls--1 { letter-spacing: -1px !important } 
.ls--2 { letter-spacing: -2px !important } 
.ls--3 { letter-spacing: -2px !important } 
 }
 
/* ----------------------------------------------------------------
 Sample page > About
-----------------------------------------------------------------*/
 /* Clean */
 .box-clean+.box-clean { margin-top:60px; padding-top:60px; border-top:1px solid #ddd; box-sizing:border-box } 
 .box-ci { position:relative; width:100%; font-size:.75rem } 
 .box-ci:after { content:""; display:block; padding-bottom:100% } 
 .box-ci>* { display:flex; flex-direction:column; justify-content:space-between; position:absolute; top:0; left:0; padding:1rem; width:100%; height:100% } 
 /* Simple */
 .block-card-9 .grid-inner .btn-hover { opacity:0; display:block; transition:opacity .3s,transform .3s .1s; margin-top:15px; position:absolute; transform:translateY(0) } 
 .block-card-9 .grid-inner:hover .btn-hover { opacity:1; transform:translateY(-5px) } 
 .block-card-9 .grid-inner .grid-image { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center } 
 .block-card-9 .grid-inner:hover .grid-image { -webkit-animation:20s ease-out both kenburns; animation:20s ease-out both kenburns } 
 .block-card-9 .grid-inner .grid-content,.block-card-9 .grid-inner .grid-icon { transition:transform .3s } 
 .block-card-9 .grid-inner:hover .grid-content { transform:translateY(-45px) } 
 .block-card-9 .grid-inner:hover .grid-icon { transform:translateY(-5px) } 
 @-webkit-keyframes kenburns { 
 0% { -webkit-transform:scale(1) translate(0,0); transform:scale(1) translate(0,0); -webkit-transform-origin:84% 84%; transform-origin:84% 84% } 100% { -webkit-transform:scale(1.25) translate(20px,15px); transform:scale(1.25) translate(20px,15px); -webkit-transform-origin:right bottom; transform-origin:right bottom } 
 }
 @keyframes kenburns { 
 0% { -webkit-transform:scale(1) translate(0,0); transform:scale(1) translate(0,0); -webkit-transform-origin:84% 84%; transform-origin:84% 84% } 100% { -webkit-transform:scale(1.25) translate(20px,15px); transform:scale(1.25) translate(20px,15px); -webkit-transform-origin:right bottom; transform-origin:right bottom } 
 }
 /* History */
 .about_history_list li { list-style:none } 
 .about_history_list>li { float:left; width:100%; padding:53px 0 } 
 .about_history_list>li:not(:first-child) { border-top:1px solid #ddd } 
 .history_list_year { float:left; width:25.6%; margin-top:-4px; padding-right:15px; -moz-box-sizing:border-box; box-sizing:border-box } 
 .history_list_content { float:left; width:74.4% } 
 .history_list_content>li { margin-bottom:12px; position:relative } 
 .history_list_content>li:last-child { margin-bottom:0 } 
 .about_history_list time { position:absolute; top:0; left:0; font-weight:600 } 
 .about_history_list p { padding-left:50px } 
 @media (max-width:767px){
 .about_history_list>li { padding:30px 0 } 
 .history_list_year { margin-top:0 } 
 .history_list_year>h3 { display:inline-block; vertical-align:top } 
 .history_list_content,.history_list_year { width:100% } 
 .history_list_content>li { margin-bottom:6px } 
 .about_history_list p { padding-left:45px } 
 }
 /* Counter */
 @media (max-width:1024px){
 .counter.counter-large,.counter.counter-small,.counter.counter-xlarge { font-size:48px } 
 }
 @media (max-width:575px){
 .counter.counter-large,.counter.counter-small,.counter.counter-xlarge { font-size:40px } 
 }


/* ----------------------------------------------------------------
 Sample page > Service
-----------------------------------------------------------------*/
 /* Wide */
 .d-grid { display:grid; grid-template-columns:repeat(var(--column),1fr); grid-gap:30px } 
 @media (min-width:576px){
 .d-grid { --column:1; grid-gap:15px } 
 }
 @media (min-width:768px){
 .d-grid { --column:2 } 
 }
 @media (min-width:1200px){
 .d-grid { --column:4 } 
 }


/* ----------------------------------------------------------------
Sample page > Portfolio
-----------------------------------------------------------------*/
 /* Popup */
 .block-gallery-9 .entry-title h3 { text-transform:none; font-weight:500; letter-spacing:0 } 
 .block-gallery-9 .entry-title:hover h3 a { color:#ddd } 
 .block-gallery-9 .btn-more { opacity:0; font-size:1.5rem; color:#fff; margin-top:15px; transition:opacity .3s } 
 .block-gallery-9 .grid-item .bg-overlay-content { top:auto; bottom:-40px; transition:bottom .3s } 
 .block-gallery-9 .grid-item:hover .bg-overlay-content { bottom:0 } 
 .block-gallery-9 .grid-item:hover .btn-more { opacity:1 } 
 .block-gallery-9 .entry-meta li { font-style:italic; font-size:90% } 
 .block-gallery-9 .dark .entry-meta li,.block-gallery-9 .dark .entry-meta li a { color:rgba(255,255,255,.8) } 
 /* icon */
 .icon-play-wrap .icon-play-video i { position:absolute; padding-left:0; top:50%; left:50%; width:70px; height:70px; line-height:71px; border-radius:50%; z-index:1; background-color:rgba(255,255,255,.5); text-align:center; font-size:40px; color:var(--bs-dark); margin-top:-40px; margin-left:-40px; transition:transform .3s ease-out; -webkit-backface-visibility:hidden } 
 .icon-play-wrap:hover .icon-play-video i { background-color:#fff; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } 
 .block-portfolio-single .portfolio-single-content h2 { font-size: 1.75rem; } 
 @media (min-width: 992px){
 .block-portfolio-single .modal-content { overflow: inherit; } 
 .block-portfolio-single .portfolio-single-content.content-sticky { position: -webkit-sticky; position: sticky; top: 0px; height: 100%; } 
 .block-portfolio-single .portfolio-meta { font-size: .925rem; } 
 .block-portfolio-single .portfolio-meta li { margin-bottom: 14px } 
 }


/* ----------------------------------------------------------------
Sample page > Contact
-----------------------------------------------------------------*/
 /* Map */
 .map-grayscale>div>div>div:not(:last-child) { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%) } 
 .map-pin { position:relative; background-color:var(--dyami-themecolor); color:#fff; border:none; padding:8px 16px; text-align:center; margin-bottom:70px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } 
 .map-pin:after { position:absolute; content:''; width:0; height:0; bottom:-6px; left:50%; -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); border-top:6px solid; border-left:8px solid transparent!important; border-right:8px solid transparent!important; border-bottom:0; border-top-color:var(--dyami-themecolor)!important; } 


/* ----------------------------------------------------------------
Sample page > Element
-----------------------------------------------------------------*/
 /* Footer */
 #footer.footer-style-1 { border-top:1px solid #eee } 
 #footer.footer-style-1 .widget>h4 { font-size:16px; font-weight:500 } 
 #footer.footer-style-1 .widget ul li a,#footer.footer-style-1 address,.copyrights-menu a { font-size:14px; color:#777 } 


/* ----------------------------------------------------------------
 Sample page > Board
-----------------------------------------------------------------*/
 /* basic */
 .table-category-left .sul_menu.cate_menu { text-align:left; padding-left:0 } 
 .table-category-right .sul_menu.cate_menu { text-align:right; padding-right:0 } 
 .font-0 { font-size:0; line-height:0 } 
 .font-0 img { margin:0 } 
 table { margin-bottom:0!important; border-collapse:collapse; border-spacing:0 } 
 #post_area img { max-width:100%; height:auto!important } 
 .board_bgcolor { vertical-align:middle!important } table td { border-spacing:0px } 
 .commentInner td,.table td,.table th { font-size:16px } 
 .table>:not(caption)>*>* { padding:.9rem } 
 .table a { color:var(--bs-dark) } 
 .table a:hover { color:var(--dyami-themecolor) } 
 .table .innerTable td { border: none; } 
 @media (max-width:991px){
 .commentInner td,.table td,.table th { font-size:14px } 
.table>:not(caption)>*>* { padding:.5rem } 
 }

 /* table A : news */
 .tableA-list .bbschk { width:40px } 
 .tableA-list .att_title:first-child,.tableA-list .bbsno { width:60px } 
 .tableA-list .bbsetc_dateof_write,.tableA-list .bbswriter { width:120px } 
 .tableA-list .bbsnewf5 { width:auto } 
 .tableA-write td,.tableA-write th { padding:10px } 
 .tableA-modify .innerTable tr,.tableA-write .innerTable tr,.tableB-modify .innerTable td,.tableB-write .innerTable td { border:none } 
 .tableA-lead .board_bgcolor,.tableA-modify .board_bgcolor,.tableA-write .board_bgcolor,.tableB-lead .board_bgcolor,.tableB-modify .board_bgcolor,.tableB-write .board_bgcolor,.tableC-lead .board_bgcolor,.tableC-modify .board_bgcolor,.tableC-write .board_bgcolor { width:105px; text-align:center } 
 .tableA-modify>tbody>tr td span,.tableA-write>tbody>tr td span { font-size:14px!important } 
 .tableA-lead:not(.qna) .board_bgcolor,.tableC-lead .board_bgcolor { display:none } .tableA-lead:not(.qna) .board_desc,.tableC-lead .board_desc { font-size:24px } 
 @media (max-width:574px){
 .tableA-list .bbsno { width:40px } 
 .tableA-list .bbsetc_dateof_write,.tableA-list .bbswriter { width:auto } 
 .tableA-list .bbsetc_dateof_write { font-size:13px } 
 #ext_search { margin-top:16px } 
 }

 /* tableB : gallery */
 .tableB-list.table td,.tableB-list.table th { border-top:none } 
 .table.tableB-list>:not(caption)>*>* { border-bottom:none } 
 .tableB-list>tbody>tr { display:inline-block } 
 .tableB-list.table-cols-1>tbody>tr,.tableB-list>tbody>tr>td { width:100% } 
 .tableB-list.table-cols-5>tbody>tr { width:20% } 
 .tableB-list.table-cols-4>tbody>tr { width:25% } 
 .tableB-list.table-cols-3>tbody>tr { width:33.33333% } 
 .tableB-list.table-cols-2>tbody>tr { width:50% } 
 @media (max-width:991px){
 .tableB-list.table-cols-1>tbody>tr,.tableB-list.table-cols-2>tbody>tr,.tableB-list.table-cols-3>tbody>tr,.tableB-list.table-cols-4>tbody>tr,.tableB-list.table-cols-5>tbody>tr { width:50% } 
 }
 .tableB-list table>tbody>tr>td { padding:0 } 
 .tableB-list table>tbody>tr>td img { width:100%; height:auto } 
 .tableB-list table>tbody>tr .gallery_subject { padding:10px 0 } 
 .tableB-list table>tbody>tr .gallery_etc,.tableB-list table>tbody>tr .gallery_subject { text-align:left!important } 

 /* tableC : webzine */
 .tableC-list>tbody>tr>td { padding:0 } 
 .tableC-list .webzine_description .obj_name,.tableC-list .webzine_subject .obj_name,.tableC-list .webzine_type2_table_line,.tableC-list .webzine_writer { display:none } 
 .tableC-list .webzine_type2 { width:100% } 
 .tableC-list .webzine_type_text_td_left { width:70%; vertical-align:top } 
 .tableC-list .webzine_type_text_td_left dl { padding:3rem; margin-bottom:0 } 
 .tableC-list .webzine_type_img_td { width:30%; padding-top:20px; padding-bottom:20px } 
 .tableC-list .webzine_type_img_td img { width:100%; height:auto } 
 .tableC-list .webzine_dateof_write { font-size:14px; color:#888; padding-top:0 } 
 .tableC-list .webzine_subject .div_news_title { font-size:24px; margin-bottom:10px; display:block } 
 .tableC-list .webzine_type2 tr:first-child td { border-top:none } 
 @media (max-width:991px){
 .tableC-list .webzine_type_text_td_left dl { padding:1rem } 
 .tableC-list .webzine_type_img_td { padding:0 } 
 .tableC-list .webzine_dateof_write { padding-top:0 } 
 }

 /* Input Style */
 input#border,input.formmail_border,textarea.formmail_textarea_style { width:100% } 
 input.formmail_border[name=mobile_no1],input.formmail_border[name=mobile_no2],input.formmail_border[name=mobile_no3],
 input.formmail_border[name=phone_no1],input.formmail_border[name=phone_no2],input.formmail_border[name=phone_no3] { width:auto } 
 input.formmail_border:not([name="attachment[]"]),input[type=password],input[type=text],textarea.formmail_textarea_style { border-color:transparent; background-color:#f7f7f7; padding:10px; border-width:1px } 
 .input-white input.formmail_border:not([name="attachment[]"]),.input-white input[type=password],.input-white input[type=text],.input-white textarea.formmail_textarea_style { background-color:#fff } 
 .input-white #formmail-style-1 tr { border-bottom:none; padding-bottom:20px } 
 input[type=file] { border:none; padding:0 } input[type=password]:focus,input[type=text]:focus,textarea.formmail_textarea_style:focus { border-color:var(--bs-dark); border-width:1px } 
 #product_content img { max-width:100%; height:auto!important } 
 .btn-search { font-size:14px; padding:7px 8px; border-color:#ccc!important; background-color:#eee!important; border-radius:0 } 
 #formmail-basic .formmail_cell_bgcolor select[name=category],#formmail-style-1 .formmail_cell_bgcolor select[name=category],#product_info #goods_option_mix[name=goods_option_mix],#search_table .est_cate_cell select[name=com_board_search_code] { height:37px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #ddd; cursor:pointer } 
 input[name=com_board_search_value] { border:1px solid #ddd!important; height:37px; line-height:38px } 
 @media (max-width:574px) { table#search_table { width:auto } input[name=com_board_search_value] { width:100% } 
 input.formmail_border[name=mobile_no1],input.formmail_border[name=mobile_no2],input.formmail_border[name=mobile_no3],input.formmail_border[name=phone_no1],input.formmail_border[name=phone_no2],input.formmail_border[name=phone_no3] { width:29% } 
 }

 /* table Img List */
 .table-imgList { margin-top:24px } 
 .table-imgList>table tbody tr td img { width:135px; height:auto!important } 
 .table-imgList>table>tbody>tr>td table { display:inline-block } 
 .table-imgList>table>tbody>tr>td .image_sublist { display:none } 

 /* Table Responsive */
 @media (max-width:991px){
 .table dd { margin-bottom:10px } 
 .table-imgList>table { width:100% } 
 .table-imgList>table>tbody>tr>td table { width:33.33333% } 
 .tableC-list .webzine_type_img_td,.tableC-list .webzine_type_text_td_left { width:50% } 
 }
 @media (max-width:760px){
 .tableC-list .webzine_type_img_td,.tableC-list .webzine_type_text_td_left { display:block; width:100% } 
 }
 @media (max-width:574px){
 .tableA-modify tr td,.tableA-write tr td,.tableB-modify tr td,.tableB-write tr td,.tableC-modify tr td,.tableC-write tr td { display:block; width:100% } 
 .tableA-modify tr,.tableA-write tr,.tableB-modify tr,.tableB-write tr,.tableC-modify tr,.tableC-write tr { border-top:1px solid #dee2e6 } 
 .tableA-modify td,.tableA-modify th,.tableA-write td,.tableA-write th,.tableB-modify td,.tableB-modify th,.tableB-write td,.tableB-write th,.tableC-modify td,.tableC-modify th,.tableC-write td,.tableC-write th { border-top:none } 
 .tableA-modify>tbody>tr td span,.tableA-write>tbody>tr td span,.tableC-modify>tbody>tr td span,.tableC-write>tbody>tr td span { font-size:14px!important } 
 .tableA-modify .board_bgcolor,.tableA-write .board_bgcolor,.tableC-modify .board_bgcolor,.tableC-write .board_bgcolor { padding-bottom:0!important } 
 .tableA-lead .board_bgcolor,.tableA-modify .board_bgcolor,.tableA-write .board_bgcolor,.tableB-lead .board_bgcolor,.tableB-modify .board_bgcolor,.tableB-write .board_bgcolor,.tableC-lead .board_bgcolor,.tableC-modify .board_bgcolor,.tableC-write .board_bgcolor { background-color:#fff; text-align:left; font-weight:500 } 
 .tableA-write tr td { border-bottom:none } 
 }
 /* Comment */
 .commentInner .comment_name { font-weight:700; width:200px } 
 .commentTable table.commentInner { width:100%!important } 
 .commentWrite .comment_txt { font-size:15px; padding:30px!important; background-color:#f7f7f7; margin-bottom:16px } 
 .commentTable>tbody>tr td { padding:6px 0 } 
 .commentTable table.commentInner td[colspan="3"] { display:none } 
 .commentTable table.commentInner td:last-child { font-size:15px; min-width:200px } 
 .commentWrite input#border[name=com_board_comment_name],.commentWrite input#border[name=com_board_comment_password] { width:auto; margin:0!important; border-bottom:1px solid #eee; background-color:#fff } 
 .commentWrite textarea#border[name=com_board_comment_contents] { float:none!important; display:block; border:none; border-bottom:1px solid #eee; background-color:#fff } 
 .commentWrite textarea { width:100%; margin-bottom:8px } 
 @media (max-width:574px){
 .commentInner td,.commentWrite .comment_txt,.table td,.table th { font-size:15px } 
 .table.table-basic td { font-size:13px; padding:.9rem .6rem } 
 .commentInner td { display:inline-block } 
 .commentInner .comment_name,.commentWrite input#border[name=com_board_comment_name],.commentWrite input#border[name=com_board_comment_password] { width:100% } 
 .commentWrite textarea { width:100%; margin-bottom:8px } .tableA-write .board_bgcolor { background-color:transparent; display:block; text-align:left; font-weight:700 } 
 }

 /* table page 1 */
 .table-paging { margin:16px 0 24px; display:block; text-align:center } 
 .table-paging>a,.table-paging>b { display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8 } 
 .table-paging>b { color:#fff; border-color:#888; background:#888 } 
 .table-paging>a { color:#888 } .table-paging>a:hover { color:#555; border-color:#cdcdcd; background:#f4f4f4 } 
 
 /* table paging 2 */
 .table-paging-2 { text-align:left; margin:16px 0 24px; display:block } 
 .table-paging-2>a,.table-paging-2>b { display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:1rem } 
 .table-paging-2>b { color:var(--bs-dark) } 
 .table-paging-2>a { color:#888 } 
 .table-paging-2>a:hover { color:#555 } 

 /* Paging */
 .paging a:link,.paging b { padding:6px 12px; margin-left:-1px; line-height:1.42857143 } 
 .paging { font-size:11px; text-align:center; padding:30px 0 } 
 .paging b { font-size:11px; cursor:default; color:#fff; background-color:var(--bs-dark); border:1px solid var(--bs-dark) } 
 .paging a:link { color:#23527c; text-decoration:none; background-color:#fff; border:1px solid #ddd } 
 .paging a:visited { color:#555; font-weight:400; text-decoration:none } .paging a:hover { color:#555; font-weight:400; text-decoration:underline } 
 
 /* Board Output */
 .board_output_gallery_img .board_output_imgs { width: 100% !important; max-width: 100% !important; height: auto !important; margin-bottom: 16px; } 
 .table-output-news tr td:first-child { display:none } 
 .table-output-gallery>tbody>tr>td { display:inline-block } 
 .table-output-1>tbody>tr { width:100% } .table-output-2>tbody>tr { width:50% } 
 .table-output-3>tbody>tr { width:33.3333% } .table-output-4>tbody>tr { width:25% } 
 @media (max-width:991px){
 .table-output-1>tbody>tr,.table-output-2>tbody>tr,
 .table-output-3>tbody>tr,.table-output-4>tbody>tr { width:50% } 
 }
 @media (max-width:545px){
 .table-output-1>tbody>tr,.table-output-2>tbody>tr,
 .table-output-3>tbody>tr,.table-output-4>tbody>tr { width:100% } 
 }
.tableA-output tr td:first-child { display: none; } 
.tableA-output { border-top: 1px solid var(--bs-dark); } 
.tableA-output tr td { font-size: 18px; } 
@media (max-width: 991.98px){
 .tableA-output tr td { font-size: 16px; } 
 }
 .tableB-output>tbody>tr { display: inline-block; } 
 .table-output-1>tbody>tr { width: 100%; } 
 .table-output-2>tbody>tr { width: 50%; } 
 .table-output-3>tbody>tr { width: 33.3333%; } 
 .table-output-4>tbody>tr { width: 25%; } 
 @media (max-width:991px){
 .table-output-1>tbody>tr,
 .table-output-2>tbody>tr,
 .table-output-3>tbody>tr,
 .table-output-4>tbody>tr { width: 50%; } 
 }
 @media (max-width:545px){
 .table-output-1>tbody>tr,
 .table-output-2>tbody>tr,
 .table-output-3>tbody>tr,
 .table-output-4>tbody>tr { width: 100%; } 
 }
 .tableB-output { border-top: 1px solid var(--bs-dark); } 
 .dark .table-output-gallery a,.dark .table-output-news a { color:#fff } 
 .dark .table-output-gallery a:hover,.dark .table-output-news a:hover { color:var(--dyami-themecolor) } 

 /* Category */
 .sul_menu.cate_menu { overflow:hidden; zoom:1; margin-bottom:20px; text-align:center; padding:0 .9rem } 
 .sul_menu.cate_menu a { display:inline-block; padding:16px 21px!important; margin:4px 3px!important; font-size:16px!important; font-family:inherit; color:#444; text-decoration:none; border:1px solid #ddd!important; width:auto; text-align:center } 
 .sul_menu.cate_menu a:hover { color:inherit; text-decoration:none; background-color:#eee } 
 .sul_menu.cate_menu img { visibility:hidden; display:none } 
 .sul_menu.cate_menu img+a { border:1px solid red; background-color:var(--bs-dark); color:#fff } 
 @media (max-width:1024px){
 .sul_menu.cate_menu a { width:24% } 
 }
 @media (max-width:991px){
 .sul_menu.cate_menu a { width:32% } .sul_menu.cate_menu { padding: 0 .3rem } 
 }
 @media (max-width:545px){
 .sul_menu.cate_menu { text-align:left } .sul_menu.cate_menu a { width:48%; padding:16px 10px!important; margin:2px 1px!important; letter-spacing:-.8px } 
 }



/* ----------------------------------------------------------------
 * Sample page > Shop / Member
-----------------------------------------------------------------*/
 #nail img,#product_img .detail-img img { border:1px solid #eee; margin-bottom:10px } 
 #product_img .detail-img img { width:100%; height:auto } 
 #product_info .product_tle { font-size:18px; font-weight:600; margin-bottom:30px } 
 .table-info-right>tbody>tr>td:first-child { width:130px; font-weight:400 } 
 .table-info-right td { padding:8px 0 } 
 input#order_count { padding:6px } 
 .title-shop { margin-bottom:10px!important } 
 .table-top-border { border-top:2px solid var(--bs-dark) } 
 .table-shop th,.table-top-border th { font-weight:500!important } 
 .table-shop input+input { margin-top:4px } 
 .table-shop dd { color:#777; font-size:14px } 
 .table-member select,.table-shop select { height:44.5px; line-height:44.5px; margin-right:5px; padding:10px; border:1px solid #ddd; cursor:pointer } 
 #infobox dl { margin-bottom:20px } 
 #txtbox_info { color:#777 } .shop-navbar { position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; margin-bottom:3.5rem; list-style:none } 
 .shop-navbar div { width:auto } 
 .shop-navbar div a { display:block; position:relative; padding:9px 20px; font-size:15px; color:#666; text-align:center; border-radius:22px } 
 .shop-navbar #leftoff a { border:1px solid transparent } 
 .shop-navbar #lefton a { color:var(--dyami-themecolor); border:1px solid var(--dyami-themecolor); background-color:transparent; margin:0 } 
 @media (max-width:991px){
 .table-shop td,.table-shop th { display:block } 
 .table-shop colgroup col,.table-shop td,.table-shop th { width:100% } 
 .table-shop th { border-bottom:none; padding-bottom:0 } 
 }
 @media (max-width:545px) { input[name=address],input[name=address_01],input[name=oaddress_01],input[name=oaddress_02],input[name=omail] { width:100% } 
 #txtbox_info { font-size:15px } 
 }



/* ----------------------------------------------------------------
 * Form Mail
-----------------------------------------------------------------*/
 /* cotnact > clean : style 1 */
 #formmail-style-1 .formmail_cell_bgcolor,#formmail-style-1 .formmail_title_bgcolor { display:block; width:100%!important; text-align:left } 
 #formmail-style-1 .formmail_title_bgcolor { text-align:left; font-weight:500; padding-bottom:8px } 
 #formmail-style-1 .formmail_cell_bgcolor { border-top:none } 
 #formmail-style-1>tbody>tr { padding-top:8px; padding-bottom:12px; height:auto; display:block } 
 #formmail-style-1 td { padding:0; border-bottom:none } 
 #formmail-style-1 .formmail_cell_bgcolor td { padding-bottom:8px; font-size:14px; color:#888 } 
 #formmail-style-1 .formmail_cell_bgcolor table textarea { border-color:#ccc } 
 /* cotnact > simple : style 1 + white */
 .input-white input.formmail_border:not([name="attachment[]"]),.input-white input[type=password],.input-white input[type=text],.input-white textarea.formmail_textarea_style { background-color:#fff } 
 .input-white #formmail-style-1 tr { border-bottom:none; padding-bottom:20px } 
 .input-underline input.formmail_border:not([name="attachment[]"]),.input-underline input[type=password],.input-underline input[type=text],
 .input-underline textarea.formmail_textarea_style { background-color:transparent; border-bottom:1px solid var(--bs-dark); } 
 /* cotnact > wide : style 2 */
 #formmail-style-2 .formmail_title_bgcolor { display:none } 
 #formmail-style-2 .formmail_cell_bgcolor { width:100%; padding:0; margin:0; border-bottom:0; text-align:left } 
 #formmail-style-2 input[type=text],#formmail-style-2 textarea.formmail_textarea_style { background-color:#f7f7f7!important; border-color:transparent; box-shadow:none; transition:color .4s cubic-bezier(.785, .135, .15, .86),background-color .4s cubic-bezier(.785, .135, .15, .86),border-color .4s cubic-bezier(.785, .135, .15, .86); margin-bottom:8px; padding:16px; border-width:1px } 
 #formmail-style-2 ::placeholder { font-weight:400 } 
 #formmail-style-2 input::placeholder,#formmail-style-2 textarea::placeholder { color:#ccc } #formmail-style-2 input[type=text]:focus,#formmail-style-2 textarea.formmail_textarea_style:focus { border-color:var(--bs-dark); border-width:1px } 
 #formmail-style-2 input.formmail_border[name=add1],#formmail-style-2 input.formmail_border[name=add2],#formmail-style-2 input.formmail_border[name=add3],#formmail-style-2 textarea.formmail_textarea_style[name=add4] { width:100%!important } 
.bbs-btn-lead-wrap { margin-top:16px } 
 @media (max-width:574px){
 .bbs-btn-lead-wrap { margin-top:24px } 
 .bbs-btn-lead-wrap>tbody>tr td { width:100%!important; display:block; height:auto; margin-bottom:4px; text-align:center } 
 .bbs-btn-write { margin-top:8px } 
 .bbs-btn-write a { display:block } 
 .d-flex.justify-content-between.btn-flex { -ms-flex-direction:column!important; flex-direction:column!important } 
 }
 /* Color Basic Custom */
 .icon-rounded { position: relative; display: inline-block; width: 2rem; height: 2rem; font-size: 2rem; line-height: 2rem; vertical-align: middle; border-radius: 50%; text-align: center; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; } 
 .icon-rounded.icon-rounded-md { width: 4rem; height: 4rem; line-height: 4rem; } 
 .icon-rounded.icon-rounded-lg { width: 6rem; height: 6rem; line-height: 6rem; } 
 .icon-rounded:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 



/* ----------------------------------------------------------------
 * Filter
-----------------------------------------------------------------*/
@media (max-width: 767.98px){
 .grid-filter { width: 100%; } 
 .grid-filter li { width: auto; } 
.grid-filter.style-4 li:not(:first-child) {margin-left : 2rem; } 
 }


/* ----------------------------------------------------------------
 * Etc
-----------------------------------------------------------------*/
.menu-item:hover > .menu-link { background-color: var(--dyami-primary-menu-hover-bg); } 
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link { font-weight: var(--dyami-primary-menu-submenu-hover-font-weight) }
.fw-black {font-weight: 800 !important;}