@charset "utf-8";
/*
Template: basara_tcd100
Theme Name: BASARA Child
Text Domain: ichiban
Domain Path: /languages/
Version: 1.0.1

*/

.wpm-switcher-dropdown>li:hover .wpm-language-dropdown{ background-color: #FFFFFF; width: 120px; border: 1px solid #EEEEEE; }
.wpm-switcher-dropdown a{ padding: 15px; width: 100%;}
.wpm-switcher-dropdown li{ border-bottom: 1px solid #EEEEEE;}
.wpm-switcher-dropdown li:last-child{ border-bottom: none;}
.p-archive03-item-actions,
.p-archive03-item-price{ display: none;}    
.brand-info h3{ margin-bottom: 16px;}
.brand-info table{ border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; font-size: 13px;}
.brand-info table th { border: 1px solid #ddd; padding: 8px 12px; font-weight: inherit; text-align: left !important;}
.brand-info table td{ width: auto; padding: 8px 12px!important; font-style: normal !important; line-height: 2.4; vertical-align: middle; background: #fff !important; border: 1px solid #ddd;}
#js-footer-bar{ display:none}

.p-footer-images-inner{ flex-wrap: wrap;}
#top-about .p-cb-item-desc, #top-story .p-cb-item-desc{ text-align: center;}
.custom_box_top{ border:1px solid #EEEEEE; background-color: #FFFFFF !important; text-align: center; padding: 20px;}
.custom_box_top a{ color: #222222;}
.custom_box_top a:hover{ color:#e57100;}

@media only screen and (min-width: 992px){   
    .l-header{ height: 160px;}
    .l-header-bar-inner{ min-height: 160px;}
    .p-header-logo img{ max-height: 160px; }
    .p-global-nav-container{ margin-top: 40px;}
    #top-list-product .p-cb-carousel-headline .p-cb-item-button{ min-width: 160px;}
    #top-award .p-archive03{ gap:20px}
    #top-award .p-archive03 .p-archive03-item{ flex: 0 0 calc((100% - 80px) / 5);}
}

@media only screen and (max-width: 991px){
    .p-header-logo-mobile img{ max-height: 60px;}
    #top-list-product .p-cb-carousel-headline .p-cb-item-button{ display: none;}
    #top-award .p-archive03{ gap:30px; flex-direction: column; flex-wrap: nowrap;}
}
.footer-banner {
    background: #eb8700;
    padding: 40px 0;
}

.footer-banner-list{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}

.footer-banner-list .item-banner{ flex: 0 0 calc((100% - 80px) / 4);}
.footer-banner-list .item-banner img{ max-width: 100%;}

.p-footer-image{ flex: 0 0 calc((100%) / 4); height: 270px;}

.p-footer .contact-info .p-tel{ font-size: 24px; display: flex; justify-content: center; gap: 4px;}
.p-footer .contact-info .p-email a{ font-size: 14px; text-decoration: underline;}
.p-footer .footer-privacy .p-footer-nav{ display: flex; gap: 1rem; justify-content: center}
.p-footer .footer-privacy .p-footer-nav li{
    background-color: #CCCCCC;
    padding: 10px 30px;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    margin-top: 0;
}
.p-footer .footer-privacy .p-footer-nav li a{ color: #FFFFFF;}
.p-footer-desc{ border: 0}
.p-footer-social .p-social-nav{ display: flex; justify-content: center; margin-bottom: 40px;}
.p-footer-social .p-social-nav-item a::before{ font-size: 24px;}

@media only screen and (max-width: 767px){
    .p-footer-images-inner{ display: flex; flex-wrap: wrap;}
    .p-footer-image{ flex: 0 0 calc((100%) / 2);}
    .footer-banner-list .item-banner{
        flex: 0 0 calc((100% - 40px) / 2);
    }
}
