@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media (max-width: 1599px) {
  #top .menu_area ul.menu_list > li {
    padding-left: 0;
  }

  #footer .footer_sitemap {
    width: 26%;
  }
  #footer .footer_sitemap ul {
    width: 126px;
  }
  #footer .footer_contact {
    width: 44%;
  }
  #footer .footer_logo {
    width: 30%;
  }
  #footer .footer_logo img {
    max-width: 180px;
    max-height: 70px;
  }
  #top .menu_area ul.menu_list > li > a.lv1 {
    font-size: 16px;
  }
  #top .logo {
    width: 200px; // width: 150px; //width: 480px;
  }
}

@media (max-width: 1319px) {
  #main .multipage a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
  }
  #main .multipage a.row,
  #main .multipage a.back,
  #main .multipage a.next {
    width: 24px;
  }

  #footer .footer_contact {
    width: 56%;
  }
  #footer .footer_logo {
    width: 18%;
  }
  #footer .footer_logo img {
    max-height: 60px;
    padding: 10px;
  }
  #top .menu_area ul.menu_list > li > a.lv1 {
    font-size: 15px;
  }
  #top .logo {
    width: 180px; // width: 410px;
  }
}

@media (max-width: 1199px) {
  #wrap .container {
    width: 970px;
  }

  #banner .banner_title {
    bottom: 0;
    font-size: 50px;
  }

  #main .sub_title {
    font-size: 38px;
  }
  #footer .footer_sitemap {
    width: 20%;
  }
  #footer .footer_sitemap ul {
    display: block;
    width: 100%;
  }
  #footer .footer_contact {
    width: 62%;
  }
}

@media screen and (max-width: 991px) {
  /* desktop to ipad */
  #wrap {
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
  }
  #wrap .container {
    width: 750px;
  }

  #top .logo {
    width: 200px; // width: 536px;
    padding: 12px 0;
  }
  #top .mobile_btn {
    display: block;
  }
  #top .menu_side {
    display: none;
  }

  #mobile_menu {
    display: block;
  }

  #main .left_side {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 20px;
    border-bottom: 2px solid #99cc00;
    text-align: right;
  }
  #main .left_side .left_title {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 0 0;
    border-bottom: none;
  }
  #main .left_side .left_menu {
    display: none;
  }
  #main .left_side .left_select {
    display: inline-block;
    vertical-align: top;
  }

  #main .right_side {
    width: 100%;
    padding-top: 24px;
  }
  #main .sub_title {
    font-size: 32px;
  }

  #main .multipage {
    text-align: center;
  }
  #main .multipage a {
    display: none;
  }
  #main .multipage a.back,
  #main .multipage a.next {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
  }
  #main .multipage select {
    display: inline-block;
  }

  #footer .footer_sitemap {
    width: 20%;
  }
  #footer .footer_contact {
    width: 60%;
  }
  #footer .footer_logo {
    width: 20%;
  }

  .openResponsive,
  .openResponsive body {
    height: 100%;
    overflow: hidden;
  }
  .openResponsive #wrap {
    transform: translate3d(280px, 0, 0);
    -webkit-transform: translate3d(280px, 0, 0);
    -moz-transform: translate3d(280px, 0, 0);
  }
  .openResponsive #wrap .overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition-delay: 0;
  }
  .openResponsive #mobile_menu {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 767px) {
  /* ipad to iphone 6 plus */
  #wrap .container {
    width: auto;
  }

  #top .logo {
    width: 200px; // width: 386px;
  }

  #banner .banner_title {
    position: static;
    width: calc(100% + 30px);
    background-color: #36a4bb;
    padding: 6px 15px;
    box-sizing: border-box;
    font-size: 42px;
    text-align: left;
  }

  #main .left_side .left_title {
    display: none;
  }

  .about_us_content img.about_photo {
    max-width: 50%;
    float: left;
  }

  #footer .footer_section .row {
    display: block;
  }
  #footer .footer_section .cell {
    display: block;
    width: 100% !important;
    padding: 15px;
    border-left: none;
    border-bottom: 2px solid #cccccc;
  }
  #footer .footer_sitemap ul {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    box-sizing: border-box;
  }
  #footer .footer_contact p {
    padding: 0;
  }
  #footer .footer_logo {
    text-align: center;
  }
  #footer .footer_logo img {
    max-height: 80px;
  }
  #footer .copyright {
    font-size: 12px;
  }
  #footer .copyright p {
    width: 100%;
    text-align: center !important;
  }
}

@media screen and (max-width: 620px) {
  #top .mobile_btn {
    margin-top: -17px;
  }
  #top .mobile_btn a {
    width: 34px;
    height: 34px;
    font-size: 20px;
    line-height: 34px;
  }

  #mobile_menu {
    width: 250px;
    transform: translate3d(-250px, 0, 0);
    -webkit-transform: translate3d(-250px, 0, 0);
    -moz-transform: translate3d(-250px, 0, 0);
  }

  .openResponsive #wrap {
    transform: translate3d(250px, 0, 0);
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
  }
}

@media screen and (max-width: 479px) {
  /* below iphone 6 plus */
  #top .logo {
    width: 150px; // width: 338px;
    padding: 16px 0;
  }

  #footer .copyright {
    font-size: 10px;
  }
}

@media screen and (max-width: 413px) {
  #top .logo {
    width: 150px; // width: 288px;
  }
}

@media screen and (max-width: 374px) {
  #top .logo {
    width: 150px; // width: 238px;
  }

  #footer .footer_sitemap ul {
    display: block;
    width: 100%;
  }
  #footer .footer_logo img {
    max-height: 70px;
  }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media (max-width: 1199px) {
  .index_news_list .index_news_photo {
    width: 100%;
  }
  .index_news_list .index_news_photo img {
    max-width: 100%;
  }
  .index_news_list .index_news_info {
    width: 100%;
    padding-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .index_category_list .index_category_item {
    width: 50%;
  }

  .index_product_list .index_product_item {
    width: 50%;
  }

  .manufacturer_section {
    padding: 40px 0;
  }
  .manufacturer_section .manufacturer_photo {
    position: static;
    width: calc(100% + 30px);
    height: 320px;
    margin: 0 -15px;
  }
  .manufacturer_section .manufacturer_info {
    width: 100%;
    padding: 20px 0 0 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .index_category_list .index_category_item {
    width: 100%;
  }

  .manufacturer_section .manufacturer_photo {
    height: 280px;
  }

  .index_product_list .index_product_item {
    width: 100%;
  }

  .index_news_list .index_news_item {
    width: 100%;
  }
  .index_news_list .index_news_photo {
    width: 169px;
  }
  .index_news_list .index_news_info {
    width: calc(100% - 192px);
    padding-top: 0;
  }
}

@media screen and (max-width: 479px) {
  .section .section_title span {
    font-size: 32px;
  }

  .manufacturer_section .manufacturer_photo {
    height: 200px;
  }
  .manufacturer_section .manufacturer_info h3 {
    font-size: 32px;
  }

  .news_section .news_section_title span {
    font-size: 32px;
  }
}

@media screen and (max-width: 413px) {
  .index_news_list .index_news_photo {
    width: 100%;
  }
  .index_news_list .index_news_photo img {
    max-width: 100%;
  }
  .index_news_list .index_news_info {
    width: 100%;
    padding-top: 20px;
  }
}

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

@media screen and (max-width: 991px) {
  .prd_list .prd_item {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .prd_list .prd_item {
    width: 100%;
  }

  .prd_detail .prd_detail_photo {
    width: 100%;
  }

  .prd_detail .prd_detail_info {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .prd_detail .prd_detail_photo .sub_photo_item {
    width: 33.33%;
  }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media (max-width: 1319px) {
  .news_content {
    max-width: none;
  }

  .news_list {
    margin: -15px -9px;
  }
  .news_list .news_item {
    padding: 15px 9px;
  }
  .news_list .news_info {
    height: 286px;
    padding: 10px 15px;
  }

  .news_list .news_item.highlight_item .news_photo {
    width: 48%;
  }
  .news_list .news_item.highlight_item .news_info {
    width: 48%;
  }

  .news_detail .news_detail_photo {
    width: 48%;
  }
  .news_detail .news_detail_info {
    width: 48%;
  }
}

@media screen and (max-width: 991px) {
  .news_list .news_item {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .news_list .news_item {
    width: 100%;
  }

  .news_list .news_item.highlight_item .news_photo {
    width: 100%;
  }
  .news_list .news_item.highlight_item .news_info {
    width: 100%;
    padding-top: 10px;
  }

  .news_detail .news_detail_photo {
    width: 100%;
  }
  .news_detail .news_detail_info {
    width: 100%;
    padding-top: 10px;
  }
}

@media screen and (max-width: 479px) {
  .news_detail .news_detail_photo .sub_photo_item {
    width: 33.33%;
  }
}

/*-------------------------------------------------------------------------------------*/
/* CONTACT */

@media screen and (max-width: 767px) {
  .contact_content .contact_info {
    width: 100%;
    padding-top: 36px;
  }
  .contact_content .contact_map {
    width: 100%;
  }
  .contact_content .contact_map .map {
    height: 320px;
  }
}

@media screen and (max-width: 479px) {
  .contact_content .contact_map .map {
    height: 260px;
  }
}