﻿@charset "utf-8";
/* CSS Document */
/*======================================================================*/
/*
Responsive type
(orientation : landscape)
(orientation : portrait)
*/
#mobile .nav {
    display: none;
}

#mobile_nav {
    display: none;
}

.wrapper > .header {
    display: block;
}

#b_logo {
    display: block;
}

.mobile .nav a {
    font-size: 2em;
}


@media only screen and (min-width: 2000px) {
    .container {
        max-width: 1300px;
    }

    .header .festival {
        margin-left: 150px;
    }

    .mobile_right, .mobile_left {
        display: none!important;
    }

    #sb-site {
        transform: translate(0)!important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 2000px) {
    .container {
        max-width: 1200px;
    }

    .header .festival {
        margin-left: 150px;
    }
    /*
	.countryFileBox > div:first-child {
		width:38.333%!important;
	}
	.countryFileBox > div:last-child {
		width:55%!important;
	}
	*/
    .mobile_right, .mobile_left {
        display: none!important;
    }

    #sb-site {
        transform: translate(0)!important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
    /*
	.countryFileBox > div:first-child {
		width:38.333%!important;
	}
	.countryFileBox > div:last-child {
		width:55%!important;
	}
	*/
    .mobile_right, .mobile_left {
        display: none!important;
    }

    #sb-site {
        transform: translate(0)!important;
    }
}
/*-----------------------------------------------------------------*/
/*#Tables landscape*/

@media only screen and (min-width: 768px) and (max-width: 1001px) and (orientation : landscape) {




    #mobile .nav {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    .wrapper > .header {
        /*height:60px;*/
        display: none;
    }

    .wrapper {
        padding-top: 70px; /*for mobile height*/
    }

    .mobile, .logo3 {
        height: 60px;
    }

    #b_logo {
        display: none;
    }

    .mobile .nav a {
        font-size: 2em;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }


    .abgne_tab {
        margin-bottom: 30px;
    }

    #tab1 {
        min-height: 0px;
    }
}
/*-----------------------------------------------------------------*/
/*#Tables portrait*/
@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation : portrait) {
    #mobile .nav {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    .wrapper > .header {
        /*height:60px;*/
        display: none;
    }

    .wrapper {
        padding-top: 60px; /*for mobile height*/
    }

    .mobile, .logo3 {
        height: 60px;
    }

    #b_logo {
        display: none;
    }

    .mobile .nav a {
        font-size: 2em;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }

    .abgne_tab {
        margin-bottom: 30px;
    }

    #tab1 {
        min-height: 0px;
    }
}
/*-----------------------------------------------------------------*/
/*Phone*/
@media screen and (max-width: 768px) {
    #mobile .nav {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    .wrapper > .header {
        /*height:50px;*/
        display: none;
    }

    .wrapper {
        padding-top: 54px; /*60px*/ /*for mobile height*/
    }

    .mobile, .logo3 {
        height: 54px;
    }

    #b_logo {
        display: none;
    }

    .mobile .nav a {
        font-size: 2em;
    }
    /*shopping*/
    .shopping_tab .tab_label {
        width: 90%;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }

    #footer #counter {
        float: left !important;
        margin-bottom: 10px;
    }

    .sp-large a img {
        height: 70vw !important;
    }


    #footer_nav a {
        font-size: 1.2em;
    }

    .abgne_tab {
        margin-bottom: 30px;
    }

    #tab1 {
        min-height: 0px;
    }

    #footer_menu .footer_menu_sub {
        min-height: 200px;
    }

    .breadcrumbs_back {
        text-align: left;
    }

    #footer_menu {
        display: none;
    }
}

/*-----------------------------------------------------------------*/
/*Phone landscape*/
@media screen and (max-width: 480px) {
    #mobile .nav {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    .wrapper > .header {
        /*height:40px;*/
        display: none;
    }

    .wrapper {
        padding-top: 55px; /*for mobile height*/
    }

    .mobile, .logo3 {
        height: 55px;
    }

    #b_logo {
        display: none;
    }

    .mobile .nav a {
        font-size: 1.6em;
    }

    .mobile .nav {
        padding: 13px;
    }
    /*item*/
    .item_tab .tab_label {
        width: 86%;
    }
    /*shopping*/
    .shopping_tab .tab_label {
        width: 86%;
    }

    .list_shopping .list_table {
        border-collapse: collapse;
    }

        .list_shopping .list_table .list_head {
            display: none!important;
        }

        .list_shopping .list_table .list_tr {
            border-collapse: collapse;
            border-top: 1px #999 solid!important;
        }

        .list_shopping .list_table .list_td {
            display: table-row!important;
            border: none;
        }

    .list_shopping .column_price {
        display: none!important;
    }

    .list_shopping .column_title {
        float: left;
        display: block;
        font-size: 1em!important;
    }

    .list_shopping .space {
        display: block !important;
    }

    .list_shopping .list_td {
        text-align: left;
    }

    .input_space {
        margin: 5px 0 10px 0;
        float: right;
    }

    /*mobile .nav*/
    .sidebar-.nav ul a, .sm-blue a, .sm-blue a:focus, .sm-blue a:active {
        font-size: 1.2em !important;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }

    #footer #counter {
        float: left !important;
        margin-bottom: 10px;
    }

    .sp-large a img {
        height: 50vw !important;
    }



    #footer_nav a {
        font-size: 1em;
    }


    .countryMapBox {
        width: 350px!important;
        ;
    }

        .countryMapBox img {
            width: 350px;
        }

    .countryMapBox_usemap {
        width: 350px;
    }

    .countryFileBox_map {
        width: 350px;
    }

    .countryListBox_data li {
        width: 50%;
    }

    .world_tab li {
        padding: 10px 0px;
        width: 50%;
    }



    .list_tab li {
        padding: 10px 0px;
        width: 50%;
    }

    .english ul.tabs a {
        font-size: 1.2em;
    }

    .abgne_tab {
        margin-bottom: 30px;
    }

    #tab1 {
        min-height: 0px;
    }

    #footer_menu .footer_menu_sub {
        min-height: 200px;
    }

    .breadcrumbs_back {
        text-align: left;
    }

    #footer_menu {
        display: none;
    }
}



/*-----------------------------------------------------------------*/
/*Phone portrait*/
@media screen and (max-width: 320px) {
    #mobile .nav {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    .wrapper > .header {
        /*height:30px;*/
        display: none;
    }

    .wrapper {
        padding-top: 50px; /*for mobile height*/
    }

    .mobile, .logo3 {
        height: 50px;
    }

    #b_logo {
        display: none;
    }

    .mobile .nav a {
        /*18*/
        font-size: 1.4em;
    }

    .mobile .nav {
        padding: 13px;
    }
    /*item*/
    .item_tab .tab_label {
        width: 83%;
    }

    .input_space {
        margin: 5px 0 10px 0;
        float: right;
    }
    /*shoppingCar,enquiryCar,back_to_top - small*/
    .back-to-top {
        top: 87%;
        padding: 0.7em 1em 2.33em 1em;
        margin-bottom: none;
        font-size: 1em;
    }

    /*mobile .nav*/
    .sidebar-.nav ul a, .sm-blue a, .sm-blue a:focus, .sm-blue a:active {
        font-size: 1.2em !important;
    }
    /*product_page_pc_menu*/
    #item_selection {
        display: none;
    }

    #footer #counter {
        float: left !important;
        margin-bottom: 10px;
    }

    .sp-large a img {
        height: 40vw !important;
    }

    #footer_nav a {
        font-size: 1em;
    }

    #footer_menu {
        display: none;
    }

    .countryMapBox {
        width: 300px!important;
        ;
    }

        .countryMapBox img {
            width: 300px;
        }

    .countryMapBox_usemap {
        width: 300px;
    }

    .countryFileBox_map {
        width: 300px;
    }

    .world_tab li {
        padding: 10px 0px;
        width: 50%;
    }

    .english ul.tabs a {
        font-size: 1.2em;
    }

    .abgne_tab {
        margin-bottom: 30px;
    }

    #tab1 {
        min-height: 0px;
    }

    #footer_menu .footer_menu_sub {
        min-height: 200px;
    }

    .breadcrumbs_back {
        text-align: left;
    }
}
