@media screen and (max-width: 420px) {
  nav ul li a,
  nav ul li b {
    padding: 7px 0 7px 18px !important;
    font-size: 18px !important;
  }
  nav ul li a img,
  nav ul li b img {
    margin-left: 0 !important;
    width: 20px !important;
  }
  nav ul li .down .el a {
    margin-left: 26px !important;
  }
  nav ul li b span {
    font-weight: bold !important;
  }
  nav ul li b {
    margin-right: 20px !important;
  }
  #brand {
    padding-top: 25px !important;
    padding-bottom: 60px !important;
  }
  #brand h2 {
    padding-bottom: 10px !important;
  }
  #brand h3 {
    padding: 10px 0 !important;
  }
  #brand p#brand_info {
    margin: 0 auto 35px auto !important;
  }
  #topics {
    padding: 35px 2.5% 60px !important;
  }
  #topics h2,
  #topics h3 {
    padding: 10px 0 !important;
  }
  #topics h3 {
    margin-bottom: 25px;
  }
  #topics ul#topics1 li a {
    padding: 20px 0 !important;
  }
  #topics ul#topics1 {
    margin-bottom: 35px !important;
  }
  #topics ul#topics2 li {
    margin-bottom: 20px !important;
  }
  #topics #sns {
    margin-top: 50px !important;
  }
  #topics #sns .row .l-w50 h2.facebook_icon {
    margin-bottom: 35px !important;
  }
  #topics #sns .row .l-w50 h2.insta {
    margin-top: 60px !important;
    margin-bottom: 35px !important;
  }
  #catalog {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  #catalog h2,
  #catalog h3 {
    padding: 10px 0 !important;
  }
  #catalog h3 {
    margin-bottom: 25px !important;
  }
  #catalog ul.slides li a dl dd {
    padding-left: 18% !important;
  }
  #company {
    padding-top: 35px !important;
    padding-bottom: 20px !important;
  }
  #company h2 {
    padding: 10px 0 !important;
  }
  #company h3 {
    padding: 10px 0 0 !important;
  }
  #company .bxslider2 h4 {
    margin-top: 35px !important;
    margin-bottom: 15px !important;
  }
  #company .bxslider2 .com_slide2 h4 {
    margin-top: 0px !important;
  }
  #company .bxslider2 h5 {
    font-size: 14px !important;
    line-height: 21px;
  }
  ul.slides li h6 {
    font-size: 18px !important;
    line-height: 18px !important;
    margin-bottom: 25px !important;
  }
  #company12 {
    margin-bottom: 60px !important;
  }
  #company .bxslider2 #company13 h4 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  #company .bxslider2 #company14 h4 {
    margin-top: 60px !important;
    margin-bottom: 25px !important;
  }
  #company .bxslider2 #company15 h4 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  #company .bxslider2 #company16 h4 {
    margin-top: 60px !important;
    margin-bottom: 25px !important;
  }
  body .contact_link {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
  }
  body .mynavi_link {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
  }
  #chizu {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  #chizu .row .l-w50:nth-child(1) {
    padding-bottom: 25px !important;
  }
  #chizu .row .l-w50 p {
    padding-bottom: 25px !important;
  }
  #chizu .row .l-w50 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 320px) {
#company .bxslider2 .com_slide3 table,
#company .bxslider2 .com_slide2 p,
#company .over-scrl {
  width: auto !important;
  margin: 0 12px !important;}
  #company .com_slide5 .over-scrl {
    margin: 0 !important;}
#company .bxslider2 .com_slide1_cont p,
#company .bxslider2 .com_slide2_cont p,
#company .bxslider2 .com_slide3_cont p,
#company .bxslider2 .com_slide4_cont p,
#company .bxslider2 .com_slide5_cont p {
  width: auto !important;
  margin: 0 12px !important;}
  #company .bxslider2 .com_slide4 table {
    width: 100% !important;
  }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
#company .bxslider2 .com_slide3 {
padding: 0 25px;
}
body #company .bxslider2 .com_slide3 table,
body #company .bxslider2 .com_slide3 p img {
  width:100% !important;
  margin: 0;
}
#company .bxslider2 .com_slide2 p,
#company .over-scrl {
  width: auto !important;
  margin: 0 25px !important;}
  #company .com_slide5 .over-scrl {
    margin: 0 !important;}
#company .bxslider2 .com_slide1_cont p,
#company .bxslider2 .com_slide2_cont p,
#company .bxslider2 .com_slide3_cont p,
#company .bxslider2 .com_slide4_cont p,
#company .bxslider2 .com_slide5_cont p {
  width: auto !important;
  background: #fff;
  margin: 0 20px !important;}
  #company .bxslider2 .com_slide4 table {
    width: 100% !important;
  }
#company .bxslider2 .com_slide1_cont p,
#company .bxslider2 .com_slide2_cont p,
#company .bxslider2 .com_slide4_cont p {
  overflow-y: scroll;
}
#company .bxslider2 .com_slide5_cont p {
   margin: auto 1em !important;
   overflow-y: scroll;
}
}
@media screen and (min-width: 767px) and (max-width: 1000px) {
.close {
    position: absolute;
    z-index: 5;
    border: 1px solid #ccc;
    color: #4593e2;
    padding: 5px 10px;
    width: 300px;
    display: block;
    left: 50%;
    top: 100%;
    margin-left: -150px;
    cursor: pointer;
    background: url(img/brand_close.png) no-repeat left center #fff;
    background-size: auto 75%;
    background-position: 6px 5px;
  }
  .opened {
    display: none !important;
  }

  .el .sp_none {
    display: block !important;
  }
  .el .sp_display {
    display: none;
  }

  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table th {
    width: 30%;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table td {
    width: 70%;
  }
  #pickupitem .zoom .zoom-right table th {
    min-width: 52px;
    width:52px\9; /* IE10以下 */
  }
  #company .over-scrl {
  width:85vw;
  margin:0 7vw;
  height:400px;
  padding-bottom: 2em;
  overflow-y: scroll;
  overflow-x: hidden;
  }
}



@media screen and (min-width: 1000px) {
  nav {
  	position: relative;
  	height: 0;
  	margin-bottom: 0;
  }
  nav.fixed {
  	display: block !important;
  	position: fixed;
  	z-index: 100;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 60px;
  	border-bottom: 1px solid #bfbfbf;
  	background-color: rgba(255, 255, 255, 0.0);
  	margin-bottom: 0;
  }
  nav .wrapper {
  	height: 240px;
  	background: rgba(255,255,255,0.0);
  }
  nav.fixed .wrapper {
  	position: fixed;
  	height: 60px;
  	top: 0 !important;
  	left: 0;
  	width: 100%;
  	margin: auto;
  	-moz-transition: height 1.0s, background 2.0s;
  	-webkit-transition: height 1.0s, background 2.0s;
  	-o-transition: height 1.0s, background 2.0s;
  	-ms-transition: height 1.0s, background 2.0s;
  	background: rgba(255,255,255,1.0)
  }
  nav.fixed .wrapper ul {
  	width: auto;
  	float: right;
  	height: 60px;
  	position: fixed;
  	top: 0;
  	right: 0;
  	padding: 0;
  	text-align: right;
  }
  nav.fixed .wrapper ul li {
  	border-bottom: none;
  	display: table-cell;
  	float: left;
  	width: auto;
  	padding: 0;
  }
  nav.fixed .wrapper ul li a {
  	font-size: 15px;
  	line-height: 28px;
  	height: 28px;
  	padding: 0;
  	margin: 16px 11.5px;
  	text-align: left;
    position: relative;
  }
  nav.fixed .wrapper ul li b,
  nav.fixed .wrapper ul li b a {
  	font-size: 15px;
  	line-height: 28px;
  	height: 28px;
  	padding: 0;
  	margin: 0;
  	text-align: left;
  }
  nav.fixed .wrapper ul li a .n,
  nav.fixed .wrapper ul li b .n {
  	display: none;
  }
  nav.fixed .wrapper ul li a .f,
  nav.fixed .wrapper ul li b .f {
  	display: block;
  	text-align: left;
  }
  nav ul li a img.hover {
  	bottom: -1px;
  }
  nav.fixed ul li:nth-child(10) a img.hover,
  nav.fixed ul li:nth-child(11) a img.hover,
  nav.fixed ul li:nth-child(12) a img.hover {
  	bottom: 1px;
  }
  nav.fixed .wrapper ul li b img {
  	bottom: 0px;
  }
  nav.fixed .wrapper ul li a img {
  	bottom: -0.5px;
  }
  nav .wrapper ul li b img {
  	bottom: 0px;
  }
  nav .wrapper ul li a img {
  	bottom: 0px;
  }
  nav.fixed .wrapper ul li a img,
  nav.fixed .wrapper ul li b img {
  	width: 28px;
  	max-height: 28px;
  }
  nav.fixed .wrapper ul li a .arrow,
  nav.fixed .wrapper ul li b .arrow {
  	bottom: -17px;
  	display: none;
  }
  nav.fixed .wrapper ul li:nth-child(1) {
  	padding: 0;
  	float: left;
  	margin-left: 10px;
  	display: block;
  	position: fixed;
  	left: 10px;
  }
  nav.fixed .wrapper ul li:nth-child(1) img {
  	width: auto;
  	max-width: 155px;
  	margin-top: -8px;
  }
  nav.fixed .wrapper ul li:nth-child(13),
  nav.fixed .wrapper ul li:nth-child(14),
  nav.fixed .wrapper ul li:nth-child(15),
  nav.fixed .wrapper ul li:nth-child(4),
  nav.fixed .wrapper ul li:nth-child(5) {
  	display: none;
  }
  nav.fixed .wrapper ul li:nth-child(6) {
  	background: url(img/menu_left.png) no-repeat center left;
  }
  nav.fixed .wrapper ul li:nth-child(9) {
  	background: url(img/menu_left.png) no-repeat center right;
  }
  nav.fixed .wrapper ul li:nth-child(10) img,
  nav.fixed .wrapper ul li:nth-child(11) img,
  nav.fixed .wrapper ul li:nth-child(12) img {
  	width: 100%;
  }
  nav ul {
  	width: 100%;
  	margin: 0 auto;
  }
  nav ul li {
  	border-bottom: none;
  }
  nav ul li .menu_bottom {
  	padding: 0;
  }
  nav.fixed ul li .menu_bottom {
  	padding: 16px 11.5px;
  }
  nav ul li .menu_bottom img {
  	vertical-align: middle;
  }
  nav ul li .menu_bottom b {
  	cursor: pointer;
  	display: block;
  	padding: 40px 0;
  	font-size: 21px;
  	position: relative;
  	z-index: 101;
  	-webkit-transition: all 0.8s ease;
  	-moz-transition: all 0.8s ease;
  	-o-transition: all 0.8s ease;
  	transition: all 0.8s ease;
  }
  nav ul li .menu_bottom b .f {
  	display: none;
  }
  nav ul li .menu_bottom b .arrow {
  	display: block;
  	position: absolute;
  	bottom: -1px;
  	left: 50%;
  	height: 0;
  	overflow: hidden;
  	transition: 0.5s;
  }
  nav ul li .menu_bottom:hover {
  	color: #4593e2;
  }
  nav ul li .menu_bottom img.hover,
  nav ul li a img.hover {
  	position: absolute;
  	left: 0;
  	transition: 0.5s;
  	opacity: 0.0;
  }
  nav ul li .menu_bottom img.no_hover,
  nav ul li a img.no_hover {
  	transition: 0.5s;
  	opacity: 1.0;
  }
  nav ul li .menu_bottom:hover img.no_hover,
  nav ul li a:hover img.no_hover {
  	opacity: 0.0;
  }
  nav ul li .menu_bottom:hover img.hover,
  nav ul li a:hover img.hover {
  	opacity: 1.0;
  }
  nav ul li .menu_bottom:hover .arrow {
  	height: 11px;
  	overflow: visible;
  	display: none;
  }
  nav ul li .menu_bottom:hover .down {
  	overflow: visible;
  	height: 45px;
  	z-index: 100;
  	opacity: 1;/*border-top: 1px solid #000;

              border-bottom: 1px solid #000;*/ }
  nav ul li .menu_bottom .down .el {
  	display: inline-block;
  	opacity: 0;
  	transition: 0.5s;
  }
  nav ul li .menu_bottom:hover .down .el {
  	opacity: 1;
  	transition: 0.5s;
  }
  nav ul li .menu_bottom .down {
  	display: block;
  	overflow: hidden;
  	height: 0;
  	line-height: 45px;
  	width: 100%;
  	position: absolute;
  	top: 100%;
  	/*    position: fixed;

      top: 60px;*/

  	left: 0;
  	opacity: 0;
  	transition: 0.5s;
  	z-index: 0;
  }
  nav.fixed ul li .menu_bottom .down {
  	position: fixed;
  	top: 60px;
  }
  nav ul li .menu_bottom .down .el {
  	margin: 0 21px;
  }
  nav ul li .menu_bottom .down .el a {
  	display: inline-block;
  	padding: 0;
  	margin: 14px 0;
  	font-size: 14px;
  	line-height: 17px;
  	height: 17px;
  	color: #fff;
  	opacity: 0.0;
  	-webkit-transition: all 0.8s ease;
  	-moz-transition: all 0.8s ease;
  	-o-transition: all 0.8s ease;
  	transition: all 0.8s ease;
  }
  nav ul li .menu_bottom:hover .down .el a {
  	opacity: 1.0;
  	-webkit-transition: all 0.3s ease;
  	-moz-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
  }
  nav ul li .menu_bottom .down .el a:hover {
  	color: #4593e2;
  }
  nav ul li:nth-child(1) {
  	display: none;
  }
  nav ul li:nth-child(2),
  nav ul li:nth-child(3),
  nav ul li:nth-child(4),
  nav ul li:nth-child(5) {
  	border-bottom: 1px solid #ccc;
  }
  nav ul li:nth-child(10),
  nav ul li:nth-child(11),
  nav ul li:nth-child(12),
  nav ul li:nth-child(13),
  nav ul li:nth-child(14),
  nav ul li:nth-child(15) {
  	display: none;
  }
  nav.fixed .wrapper ul li:nth-child(11) a {
  	margin: 16px 0px;
  }
  nav li {
  	float: left;
  	width: 25%;
  	padding: 0;
  	text-align: center;
  	border-bottom: solid 1px #bdbdbd;
  }
  nav li a {
  	display: inline-block;
  	margin: 40px 0;
  	color: #444444;
  	font-size: 21px;
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }
  nav li a.sp_none {
  	display: inline-block;
  }
  #pan a {
  	display: inline-block;
  	color: #444444;
  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }
  nav li a:hover,  #pan a:hover {
  	color: #4593e2;
  }
  nav li a img {
  	vertical-align: middle;
  }

  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table th {
    width: 60px;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table td {
    width: 80%;
  }
  nav b .n {
    margin:0;
  }
  nav b .sp_display {
    display: none !important;
  }
  .sp_m_n {
    display: none !important;
  }
}


@media screen and (min-width: 1070px) {
  #sns .row .l-w50 iframe.sp_none2 {
    display: block;
  }
  #sns .row .l-w50 iframe.sp_display2 {
    display: none !important;
  }
}

@media screen and (min-width: 767px) {
  #pickupitem_wrap #pickupitem_for_border #pickupitem ul li,
  #pickupitem_wrap #pickupitem_for_border #pickupitem ul li a,
  #pickupitem_wrap #pickupitem_for_border #pickupitem ul li a img{
    display:block;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem ul li a img{
    max-width:100%;
  }
  #puma_safety h1,
  #puma_safety .gnav-btn,
  #puma_safety nav,
  #close_up .gnav-btn,
  #close_up nav,
  #close_up h1,
  #kawate h1,
  #kawate .gnav-btn,
  #kawate nav,
  #works_homme h1,
  #works_homme .gnav-btn,
  #works_homme nav,
  #nora_style h1,
  #nora_style .gnav-btn,
  #nora_style nav,
  #wonder_glip h1,
  #wonder_glip .gnav-btn,
  #wonder_glip nav {
  display:none !important;
  }

  footer a#pagetop_t {
    display:none !important;
  }
  .bx-viewport {
    height:520px !important;
  }
  #catalog .bx-wrapper .bx-viewport {
    height:230px !important;
  }
  .bxslider2,.sp_slider {
    display:none;
  }
  #tabs {
    position: relative;
  }
  .panel {
    position: absolute;
    width: 100%;
    z-index: 4;
    display: none;
    left: 0;
  }
  .h_field {
    display:table;
    width:100%;
    margin:auto;
  }
  body .zoom {
    display: none !important;
  }
  .backwhite {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    left: 0%;
    z-index: 3;
    right: 0;
    top: 100%;
    margin: auto;
    background: url(img/white.jpg) center bottom;
    padding-bottom: 402px;
    display: none;
  }
  .on {
    display: block !important;
  }

  .zoom-left,
  .zoom-right {
    display: table-cell;
    vertical-align: middle;
  }
  .zoom-left {
    text-align: right;
    width: 50%;
    vertical-align: top;
    min-height: 500px;
  }
  .zoom-right {
    text-align: left;
    width: 50%;
    color: #444444;
    font-size: 14px;
  }
  .zoom-right h4 {
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 1px #444444;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  #pickupitem ul li:hover .panel {
    display: block;
  }
  .scroll_gray,
  .scroll_white {
    opacity:0.0;
    pointer-events:none;
    display: none;
  }
  #company {}
}

@media screen and (max-width: 1070px) {
  #sns .row .l-w50 iframe.sp_none2 {
    display: none !important;
  }
  #sns .row .l-w50 iframe.sp_display2 {
    display: block;
    width: 320px !important;
  }
}
@media screen and (max-width: 1000px) {
  nav ul li a,
  nav ul li b {
    padding: 14px 0 14px 145px;
    font-size: 18px;
  }
  nav ul li a img,
  nav ul li b img {
    margin-left: 0;
    width: 40px;
  }
  nav ul li .down .el a {
    margin-left: 45px;
    padding: 5px 0 5px 145px;
  }
  nav a::after,
  nav b .n::after,
  nav b .f::after {
    background: none !important;
  }
  nav {
    position: fixed;
    top: 37px;
    width: 100%;
    max-height:100%;
    z-index: 11000;
    overflow: auto;
    display: none;
    background: none;
    margin-top: 0 !important;
  }
  nav .wrapper {
    overflow: auto;
  }
  nav ul {
    width: 100%;
    background: #fff;
    padding-bottom: 14%;
    border-bottom: 1px solid #ccc;
  }
  nav ul li {
    float: none;
    width: 100%;
    background: #fff;
  }
  nav ul li:nth-child(2) {
    border-bottom: none;
  }
  nav ul li:nth-child(1),
  nav ul li:nth-child(4),
  nav ul li:nth-child(5),
  nav ul li:nth-child(10),
  nav ul li:nth-child(11),
  nav ul li:nth-child(12) {
    display: none;
  }
  nav ul li b {
    cursor: pointer;
    display: block;
    padding: 1% 0 1% 21%;
    margin-right: 42px;
    font-size: 18px;
    position: relative;
    z-index: 101;
    text-align: left;
    font-weight: bold;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    background: url("img/menu_arrow2.png") no-repeat right center;
  }
  nav ul li b img {
    vertical-align: middle;
    margin-left: 0;
    width: 40px;
    height: auto;
  }
  nav ul li b .f {
    display: none;
  }
  nav ul li b .n {
    display: block;
    color: #444;
  }
  nav ul li b .arrow {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    height: 0;
    overflow: hidden;
    transition: 0.5s;
  }
  nav ul li .down {
    display: none;
    width: 100%;
  }
  nav ul li .down .el a {
    width: auto;
    font-weight: 100;
    padding: 1% 0 1% 6%;
  }
  nav ul li a {
    text-align: left;
    display: block;
    padding: 14px 0 14px 145px;
    color: #444444;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  nav ul li a:hover {
    color: #4593e2;
  }
  nav ul li a img {
    vertical-align: middle;
    margin-left: 0;
    width: 40px;
    height: auto;
  }
  nav ul li .s-open {
    background: url("img/menu_arrow3.png") no-repeat right center;
  }
  nav ul li:nth-child(3),
  nav ul li:nth-child(9) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
  img.hover {
    display:none;
  }
  .sp_logo {
    position: fixed !important;
    opacity: 1 !important;
    background: #fff;
    top: 0!important;
    left: 0!important;
    padding: 5px 6% 10px;
    width: 88%;
    display: block !important;
  }
  .sp_logo a {
    display: inline-block;
    float: left;
  }
  .sp_logo a img {
    height:24px;
  }
  .gnav-btn {
    position: fixed;
    width: 100%;
    height: 37px;
    top: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
  }
  .gnav-btn .icon-animation {
    width: 44px;
    height: 24px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    text-align: center;
    top: 9px;
  }
  .gnav-btn .icon-animation span {
    width: 35px;
    height: 2px;
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .gnav-btn .icon-animation .top {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  .gnav-btn .icon-animation .middle {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  .gnav-btn .icon-animation .bottom {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  .gnav-btn .is-open .middle {
    background: rgba(51, 51, 51, 0);
  }
  .gnav-btn .is-open .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
  }
  .gnav-btn .is-open .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
  }

  gnav-btn .sp_none,
  nav .sp_none {
    display: none !important;
  }
  .sp_logo a img.sp_display,
  gnav-btn .sp_display,
  nav .sp_display {
    display: block;
  }
  .menu_back {
    display:none;
  }
  #close_up h1 {
    position: static !important;
    background: none;
    padding: 0;
  }

  body {
    background: #fff;
  }
  h1 {
    position: fixed !important;
    opacity: 1 !important;
    background: #fff;
    top: 0!important;
    left: 0!important;
    padding: 5px 6% 10px;
    width: 88%;
    display: block !important;
    z-index: 10000;
  }
  h1 img {
    width: 140px;
  }
  .sp_logo {
    position: fixed !important;
    opacity: 1 !important;
    background: #fff;
    top: 0!important;
    left: 0!important;
    padding: 5px 0% 10px;
    width: 100%;
    display: block !important;}
  .sp_logo a {
    display: inline-block;
    float: left;
    margin-left:10px;}
  .sp_logo a img {
    height:24px;}
  .gnav-btn {
    position: fixed;
    width: 100%;
    height: 37px;
    top: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
  }
  .gnav-btn .icon-animation {
    width: 44px;
    height: 24px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    text-align: center;
    top: 9px;
  }
  .gnav-btn .icon-animation span {
    width: 35px;
    height: 2px;
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .gnav-btn .icon-animation .top {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  .gnav-btn .icon-animation .middle {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  .gnav-btn .icon-animation .bottom {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  .gnav-btn .is-open .middle {
    background: rgba(51, 51, 51, 0);
  }
  .gnav-btn .is-open .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
  }
  .gnav-btn .is-open .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
  }
  nav {
    position: fixed;
    top: 37px;
    width: 100%;
    z-index: 11000;
    overflow: auto;
    display: none;
    background: none;
    margin-top: 0 !important;
  }
  nav .wrapper {
    overflow: auto;
  }
  nav ul {
    width: 100%;
    background: #fff;
    padding-bottom: 14%;
    border-bottom: 1px solid #ccc;
  }
  nav ul li {
    float: none;
    width: 100%;
    background: #fff;
  }
  nav ul li:nth-child(2) {
    border-bottom: none;
  }
  nav ul li:nth-child(1),
  nav ul li:nth-child(4),
  nav ul li:nth-child(5),
  nav ul li:nth-child(10),
  nav ul li:nth-child(11),
  nav ul li:nth-child(12) {
    display: none;
  }
  nav ul li b {
    cursor: pointer;
    display: block;
    padding: 1% 0 1% 145px;
    margin-right: 42px;
    font-size: 18px;
    position: relative;
    z-index: 101;
    text-align: left;
    font-weight: bold;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    background: url("img/menu_arrow2.png") no-repeat right center;
  }
  nav ul li b img {
    vertical-align: middle;
    margin-left: 0;
    width: 40px;
    height: auto;
  }
  nav ul li b .f {
    display: none;
  }
  nav ul li b .n {
    display: block;
    color: #444;
  }
  nav ul li b .arrow {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    height: 0;
    overflow: hidden;
    transition: 0.5s;
  }
  nav ul li .down {
    display: none;
    width: 100%;
  }
  nav ul li .down .el a {
    width: auto;
    font-weight: 100;
    padding: 14px 0 14px 146px;
  }
  nav ul li a:hover {
    color: #4593e2;
  }
  nav ul li a img {
    vertical-align: middle;
    margin-left: 0;
    width: 40px;
    height: auto;
  }
  nav ul li .s-open {
    background: url("img/menu_arrow3.png") no-repeat right center;
  }
  nav ul li:nth-child(3),
  nav ul li:nth-child(9) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 320px) {}

@media screen and (max-width: 767px) {

  body #topics #sns .row .l-w50 .link {
    position: absolute;
    display: block;
    max-width: 500px;
    width: 100%;
    height: 90%;
    left: 0%;
    margin-left: 0px;
  }

  #catalog {
    padding-bottom: 100px;
  }

  #catalog .scroll_white {
    padding-top: 60px;
    display: none;
  }

  #company {
    padding-bottom: 80px;
    /*height: 960px!important;
	  overflow-y: scroll!important;*/
  }

  #company12 {
    margin-bottom: 120px;
  }
  #company .over-scrl {
  width:75vw;
  margin:0 3vw;
  height:400px;
  padding-bottom: 2em;
  overflow-y: scroll;
  overflow-x: hidden;
  }

  .close {
    display: none;
  }

  #wback_number {
    padding-top:0;
    text-align:left;
  }

  #brand {
    margin-top: 212px !important;
    padding-top: 70px;
    padding-bottom:120px;
  }
  #brand h2 {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
  }
  #brand p#brand_info {
    width: 95%;
    margin: 0 auto 70px auto;
    font-size: 10px;
  }
  #brand ul li {
    padding: 0 !important;
  }
  #brand ul li.left a .layer_logo, #brand ul li.left2 a .layer_logo {
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    width: 100%;
  }
  #brand ul li.right a .layer_logo {
    top: 0;
    right: 0;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #brand ul li a .layer_logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 40%;
    max-height: 40%;
  }
  #brand ul li.left a .layer_text, #brand ul li.left2 a .layer_text {
    display: none !important;
  }
  #brand ul li.right a .layer_text {
    display: none !important;
  }

  #topics {
    width: 95%;
    margin: 0 auto;
    padding: 70px 2.5% 120px;
    background: #fff;
  }
  #topics h2 {
    width: 100%;
    margin: 0 auto;
  }
  #topics ul#topics1 {
    width: 100%;
    margin-bottom: 70px;
  }
  #topics ul#topics1 li {
    display: block;
    width: 100%;
    border-top: solid 1px #cccccc;
    border-right: none;
  }
  #topics ul#topics1 li:first-child {
    border-left: none;
  }
  #topics ul#topics1 li:last-child {
    border-bottom: solid 1px #cccccc;
  }
  #topics ul#topics1 li a {
    position: relative;
    display: block;
    padding: 40px 0;
    height: auto !important;
  }
  #topics ul#topics1 li a:hover .hover_show {
    background: rgba(68, 68, 68, 0.76);
  }
  #topics ul#topics1 li a:hover .hover_show .more {
    opacity: 1.0;
  }
  #topics ul#topics1 li a .hover_show {
    display: none;
  }
  #topics ul#topics1 li a .hover_show .more {
    opacity: 0.0;
    transition: 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 148px;
    height: 25px;
    text-align: center;
    background: #218bc6;
    border-radius: 3px;
    color: #fff;
  }
  #topics ul#topics1 li a .info_date {
    width: 50%;
    float: right;
  }
  #topics ul#topics1 li a .info_thum {
    width: 48%;
    padding-right: 2%;
    float: left;
    margin-bottom: 0;
  }
  #topics ul#topics1 li a .info_thum img {
    width: 100%;
    height: auto;
  }
  #topics ul#topics1 li a .info_cate {
    width: 46%;
    float: right;
    padding: 0 2%;
  }
  #topics ul#topics1 li a .info_title {
    width: 50%;
    float: right;
    padding: 0;
  }
  #topics ul#topics1 li a .info_excerpt {
    display: none;
  }
  #topics ul#topics2 {
    width: 100%;
  }
  #topics ul#topics2 li {
    float: none;
    width: 100%;
    margin-bottom: 3%;
  }
  #topics ul#topics2 li:last-child {
    margin-right: 0;
  }
  #topics ul#topics2 li a,
  #topics ul#topics2 li b {
    display:block;
  }
  #topics ul#topics2 li img {
    width: 100%;
    height: auto;
    border: solid 1px #cccccc;
  }
  #topics #sns {
    margin-top: 60px;
  }
  #topics #sns .row {
    width: 100%;
  }
  #topics #sns .row .l-w50 {
    float: none;
    width: 100%;
    text-align: left;
  }
  #topics #sns .row .l-w50:last-child {
    margin-right: 0;
  }
  #topics #sns .row .l-w50 h2 {
    width: 250px;
    text-align: center;
  }
  #topics #sns .row .l-w50 h2.facebook_icon {
    margin-bottom: 70px;
  }
  #topics #sns .row .l-w50 h2.insta {
    margin-top: 120px;
    margin-bottom: 70px;
  }
  #topics #sns .row .l-w50 img.sns {
    width: 100%;
    height: auto;
    margin-top: 45px;
  }
  body #topics #sns .row .l-w50 iframe {
    margin: 0% auto;
    width: 300px !important;
  }
  #topics .scroll_white {
    padding-top: 40px;
    display: none;
  }
  body #topics #sns .row .l-w50 iframe.sp_display2 {
    margin: 0% auto;
    width: 310px !important;
  }
  #catalog h2 {
    width: 95%;
    margin: 0 auto;
  }
  .bx-wrapper .bx-viewport {
    left: 0px !important;
  }
  #catalog .bx-wrapper .bx-viewport {
    height: auto !important;
    display:none !important;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider {
    width: 100% !important;
    transform: none !important;
    display:none !important;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider li {
    margin-bottom: 3%;
    float:none !important;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider li:nth-child(5), #catalog .bx-wrapper .bx-viewport .bxslider li:nth-child(6) {
    display: none;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider li a {
    display: block;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider li a dl dt img {
    width: 100%;
    display: block;
  }
  #catalog .bx-wrapper .bx-viewport .bxslider li a dl dd {
    font-size: 13px;
    font-weight: 100;
  }
  #catalog .bx-wrapper .bx-controls {
    display: none;
  }

  #catalog .sp_slider {
    width: 100% !important;
    transform: none !important;
  }
  #catalog .sp_slider li {
    margin-bottom: 3%;
    float:none !important;
  }

  #catalog .sp_slider li:nth-child(5), #catalog .bx-wrapper .bx-viewport .bxslider li:nth-child(6) {
    display: ;
  }
  #catalog .sp_slider li a {
    display: block;
  }
  #catalog .sp_slider li a dl dt img {
    width: 100%;
    display: block;
  }
  #catalog .sp_slider li a dl dd {
    font-size: 13px;
    font-weight: 100;
  }
  #catalog .sp_slider li a dl dt img {
  max-width: 100%;
  display: block;
  min-width: 125px;
  }

  #company h2 {
    width: 95%;
    margin: 0 auto;
  }
  #company h3 {
    padding: 20px 0 0;
    margin-bottom: 0px;
  }
  #company .bx-wrapper .bx-viewport {
    height: auto !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider {
    width: auto !important;
    transform: none !important;
    display: none !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider li {
    font-size: 13px;
    font-weight: 100;
  }
  #company .bx-wrapper .bx-viewport .bxslider li .text-right {
    width: 100%;
    margin: auto;
  }
  #company .bx-wrapper .bx-viewport .bxslider h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide1_cont,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide2_cont,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3_cont,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4_cont,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5_cont {
    display:block !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide1_cont p,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide2_cont p,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3_cont p,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4_cont p,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5_cont p {
    width: 80%;
  	height:auto !important;
    margin: 0 auto 10px !important;
    text-align: left;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide1_cont .change_button1,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide2_cont .change_button2,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3_cont .change_button3,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4_cont .change_button4,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5_cont .change_button5 {
    display:none;
  }
  #company .bx-wrapper .bx-viewport .bxslider h5 {
    font-size: 12px;
  }
  #company .bx-wrapper .bx-viewport .bxslider .sp_wrapper {
    width: 80%;
    margin: auto;
    text-align: left;
  }
  #company .bx-wrapper .bx-viewport .bxslider .bx-clone {
    display: none;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide2 p {
    width: 80%;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 p {
    height: 200px;
    overflow: hidden;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 p img {
    width: 90% !important;
    margin: auto;
    float: none !important;
    padding-left: 0 !important;
    margin-top: 12%;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 table {
    width: 90%;
    margin: auto;
    font-size: 10px;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 table td,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 table th {
    padding-bottom: 0;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 table th {
    width: 15%;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 table td {
    letter-spacing: -0.5px;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide3 .text-right {
    width: 100%;
    margin: auto;
    display: none;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 table {
    width: 90%;
    margin: auto;
    font-size: 10px;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 table td,
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 table th {
    padding-bottom: 0;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 table th {
    width: 24%;
    text-align: right;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 table td {
    letter-spacing: -0.5px;
    padding: 0;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide4 .com_slide4_cont {
    display: block !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 {
    width: 90% !important;
    margin: auto;
    float: none !important;
    clear: both;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 p {
    width: 100%;
    padding-right: 0;
    height: 170px;
    overflow: hidden;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 .fl1 {
    width: 50% !important;
    margin: auto;
    float: left;
    padding-left: 0 !important;
    margin-bottom: 12%;
    margin-top: 12%;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 .fl1:first-child img {
    display: block;
    height: auto;
    width: 100%;
    max-width: none;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 .fl1 img {
    display: block;
    height: 200px;
    width: auto;
    max-width: none;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 .fl2 {
    height: auto;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 h6 {
    font-size: 14px;
    text-align: left;
    line-height: 1.2em !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider .com_slide5 div {
    width: auto;
    clear: both;
  }
  #company .bx-wrapper .bx-viewport .bxslider,
  #company .bxslider2 {
    width: auto !important;
    transform: none !important;
  }
  #company .bx-wrapper .bx-viewport .bxslider li,
  #company .bxslider2 li {
    font-size: 13px;
    font-weight: 100;
  }
  #company .bx-wrapper .bx-viewport .bxslider li .text-right,
  #company .bxslider2 li .text-right {
    width: 100%;
    margin: auto;
  }
  #company .bx-wrapper .bx-viewport .bxslider h4,
  #company .bxslider2 h4 {
    margin-top: 70px;
    margin-bottom: 30px;
    clear: both;
  }
  #company .bxslider2 #company13 h4 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #company .bxslider2 #company14 h4 {
    margin-top: 120px;
    margin-bottom: 50px;
  }
  #company .bxslider2 #company15 h4 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #company .bxslider2 #company16 h4 {
    margin-top: 120px;
    margin-bottom: 50px;
  }

  #company .bxslider2 .com_slide1_cont,
  #company .bxslider2 .com_slide2_cont,
  #company .bxslider2 .com_slide3_cont,
  #company .bxslider2 .com_slide4_cont,
  #company .bxslider2 .com_slide5_cont {
    display:block !important;
  }
  #company .bxslider2 .com_slide1_cont p,
  #company .bxslider2 .com_slide2_cont p,
  #company .bxslider2 .com_slide3_cont p,
  #company .bxslider2 .com_slide4_cont p,
  #company .bxslider2 .com_slide5_cont p {
    width: 80%;
    height:auto !important;
    margin: 0 auto 10px !important;
    text-align: left;
  }
  #company .bxslider2 .com_slide1_cont .change_button1,
  #company .bxslider2 .com_slide2_cont .change_button2,
  #company .bxslider2 .com_slide3_cont .change_button3,
  #company .bxslider2 .com_slide4_cont .change_button4,
  #company .bxslider2 .com_slide5_cont .change_button5 {
    display:none;
  }
  #company .bxslider2 .com_slide1_cont .change_button1,
  #company .bxslider2 .com_slide2_cont .change_button2,
  #company .bxslider2 .com_slide3_cont .change_button3,
  #company .bxslider2 .com_slide4_cont .change_button4,
  #company .bxslider2 .com_slide5_cont .change_button5 {
    display:none;
  }
  #company .bxslider2 h5 {
    font-size: 28px; }
  #company .bxslider2 .sp_wrapper {
    margin: auto;
    text-align: left; }
  #company .bxslider2 .bx-clone {
    display: none; }
  #company .bxslider2 .com_slide2 p {
    width: 80%; }
  #company .bxslider2 .com_slide3 p {
    height: 200px;
    overflow: hidden; }
  #company .bxslider2 .com_slide3 p img {
    width: 90% !important;
    margin: auto;
    float: none !important;
    padding-left: 0 !important;
    margin-top: 12%; }
  #company .bxslider2 .com_slide3 table {
    width: 90%;
    margin: auto;
    font-size: 10px;
  }
  #company .bxslider2 .com_slide3 table td,
  #company .bxslider2 .com_slide3 table th {
    padding-bottom: 0; }
  #company .bxslider2 .com_slide3 table th {
    width: 15%; }
  #company .bxslider2 .com_slide3 table td {
    letter-spacing: -0.5px; }
  #company .bxslider2 .com_slide3 .text-right {
    width: 100%;
    margin: auto;
    display: none; }
  #company .bxslider2 .com_slide4 table {
    width: 90%;
    margin: auto;
    font-size: 10px; }
  #company .bxslider2 .com_slide4 table td,
  #company .bxslider2 .com_slide4 table th {
    padding-bottom: 0; }
  #company .bxslider2 .com_slide4 table th {
    width: 24%;
    text-align: left; }
  #company .bxslider2 .com_slide4 table td {
    letter-spacing: -0.5px;
    padding: 0; }
  #company .bxslider2 .com_slide4 .com_slide4_cont {
    display: block !important; }
  #company .bxslider2 .com_slide5 {
    width: 90% !important;
    margin: auto;
    float: none !important;
    clear: both; }
  #company .bxslider2 .com_slide5 p {
    width: 100%;
    padding-right: 0;
    height: 170px;
    overflow: hidden; }
  #company .bxslider2 .com_slide5 .fl1 {
    width: 50% !important;
    margin: auto;
    float: left;
    padding-left: 0 !important;
    margin-bottom: 12%;
    margin-top: 12%; }
  #company .bxslider2 .com_slide5 .fl1:first-child img {
    display: block;
    height: auto;
    width: 100%;
    max-width: none; }
  #company .bxslider2 .com_slide5 .fl1 img {
    display: block;
    height: 200px;
    width: auto;
    max-width: none; }
  #company .bxslider2 .com_slide5 .fl2 {
    height: auto; }
  #company .bxslider2 .com_slide5 h6 {
    font-size: 36px;
    text-align: left;
    line-height: 36px;
    margin-bottom: 50px;
  }
  #company .bxslider2 .com_slide5 div {
    width: auto;
    clear: both;
    padding-bottom: 0;
  }
  #company .bxslider2 .bangladesh {
    margin-bottom: 50px;
  }
  #company .bx-wrapper .bx-controls {
    display: none; }
  #company .scroll_gray {
    padding-top: 10%;
  }

  #chizu {
    padding-top: 50px;
  }

  #chizu .row {
    display: block;
    width: 100%;
  }
  #chizu .row .l-w50 {
    display: block;
    width: 100%;
    margin-bottom: 50px;
  }
  #chizu .row .l-w50:nth-child(2) {
    margin-bottom: 0px;
  }
  #chizu .row .l-w50 p {
    margin-left: 20px;
    padding-bottom: 50px;
  }
  #chizu .row .l-w50:first-child div {
    border-right: none;
    padding-right: 0;
  }

  footer {
    width: 100%;
    padding: 0;
    text-align: center;
    position: relative;
    font-size: 12px;
  }
  footer a.pagetop {
    display: none;
  }
  footer .row {
    padding-top: 30px;
  }
  footer .row .dis_td {
    padding-bottom: 32px;
    vertical-align: top;
  }
  footer .row #footer_l {
    display: block;
    padding-right: 0px;
    border-right: none;
    width: 100%;
  }
  footer .row #footer_l div {
    border-bottom: solid 1px #555555;
    text-align: center;
    padding-bottom: 30px;
  }
  footer .row #footer_l h3 {
    margin-top: 30px;
  }
  footer .row #footer_l p {
    margin-top: 10px;
    border-bottom: solid 1px #555555;
    padding-bottom: 30px;
  }
  footer .row #footer_l p span {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
  }
  footer .row #footer_l a.sp_display {
    display: inline-block;
    background: #666666;
    padding: 10px 20px;
    margin-top: 10px;
  }
  footer .row #footer_c {
    display: none;
    width: 100%;
    padding: 0 35px;
    border-right: solid 1px #555555;
  }
  footer .row #footer_c ul li a {
    color: #cccccc;
    font-size: 13px;
    line-height: 200%;
  }
  footer .row #footer_r {
    display: none;
    width: 100%;
  }
  footer .row #footer_r .dis_ta {
    width: 100%;
  }
  footer .row #footer_r .dis_ta dl {
    display: table-cell;
    width: 25%;
    padding-right: 16px;
  }
  footer .row #footer_r .dis_ta dl:last-child {
    padding-right: 0;
  }
  footer .row #footer_r .dis_ta dl dt {
    font-weight: bold;
    border-bottom: solid 1px #555555;
    padding-bottom: 14px;
  }
  footer .row #footer_r .dis_ta dl dd ul li a {
    color: #cccccc;
    font-size: 12px;
    line-height: 200%;
  }
  footer .row a {
    color: #fff;
  }
  footer small {
    display: block;
    border-top: solid 1px #555555;
    padding: 30px 0;
    font-size: 10px;
  }

  ul.slides li.com_slide5 .img2, ul.slides li.com_slide5 .img3 {
    width: 100%;
    margin:0;
  }
  ul.slides li.com_slide6 div {
    width: 90%;
  }
  ul.slides li.com_slide6 div p a {
    width: 100%;
  }
  ul.slides li.com_slide6 div a {
    display: block !important;
    padding: 3% 5% !important;
    text-align: center;
    margin: auto;
    width: 50% !important;
  }
  ul.slides li.com_slide6 div .mynavi_link a {
    padding: 0% !important;
    width: 60% !important;
    margin: 30px auto 40px;
  }
  .contact_link {
    margin-top: 30px !important;
    margin-bottom: 50px !important;
    margin-left:-4.5%!important;　
  }
  ul.slides li.com_slide6 div a img {
    width: 100% !important;
  }
  ul.slides li h4 {
    font-size: 14px;
    margin-bottom: 30px;
  }
  ul.slides li a:hover {
    opacity: 1.0 !important;
  }
  ul.slides li a:hover dl dd {
    text-decoration: none;
    color: #4593e2;
    opacity: 1.0 !important;
  }
  ul.slides li a dl dt span {
    display: none !important;
  }
  ul.slides li a dl {
    display: block !important;
  }
  ul.slides li p {
    font-size: 12px;
    line-height: 180%;
  }
  ul.slides li p strong {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    margin-bottom: 40px;
  }
  #liteslider-2 li div {
    padding: 12%;
  }
  .slide-nav-prev img, .slide-nav-next img {
    width: 12px;
    height: 27px;
  }

  body#close_up h1 {
    margin-top: 0px;
    margin-left: 0px;
    visibility: hidden;
  }
  body#close_up img {
    max-width: 100%;
  }
  body#close_up header h1 {
    background: none;
  }
  body#close_up header h1 a {
    display: none;
  }
  body#close_up #close_up-main {
    width: 100%;
  }
  body#close_up #close_up-main #close_up-catch, body#close_up #close_up-main #close_up-main1 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    padding: 0 4%;
  }
  body#close_up #close_up-main #close_up-catch #close_up-catch1, body#close_up #close_up-main #close_up-catch #close_up-main1_2, body#close_up #close_up-main #close_up-main1 #close_up-catch1, body#close_up #close_up-main #close_up-main1 #close_up-main1_2 {
    width: 94%;
    padding: 0 3%;
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  body#close_up #close_up-main #close_up-catch #close_up-catch2,
  body#close_up #close_up-main #close_up-main1 #close_up-catch2 {
    margin: 10px 0 60px;
  }
  body#close_up #close_up-main #close_up-catch #close_up-catch2,
  body#close_up #close_up-main #close_up-catch #close_up-main1_1,
  body#close_up #close_up-main #close_up-main1 #close_up-catch2,
  body#close_up #close_up-main #close_up-main1 #close_up-main1_1 {
    width: 100%;
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  body#close_up #close_up-main #close_up-catch #close_up-main1_1, body#close_up #close_up-main #close_up-main1 #close_up-main1_1 {
    margin-bottom: 25px;
  }
  body#close_up #close_up-main #close_up-catch #close_up-main1_2 div p,
  body#close_up #close_up-main #close_up-main1 #close_up-main1_2 div p {
    font-size: 10px;
  }
  body#close_up #close_up-main #close_up-catch .dis_td,
  body#close_up #close_up-main #close_up-main1 .dis_td {
    display: block;
  }
  body#close_up #close_up-main #close_up-main2 .dis_td {
    display: inline-block;
  }
  body#close_up #close_up-main #close_up-main2 .dis_td:nth-child(1),
  body#close_up #close_up-main #close_up-main2 .dis_td:nth-child(3) {
    width: 36%;
    padding: 0 5%;
  }
  body#close_up #close_up-main #close_up-main2 .dis_td:nth-child(4) {
    width: 80%;
  }
  body#close_up #close_up-main #close_up-main3 {
    padding: 0 4%;
    width: 92%;
    margin-bottom: 60px;
  }
  body#close_up #close_up-other,
  body#close_up #close_up-color,
  body#close_up #close_up-banner {
    width: 100%;
  }
  body#close_up #close_up-other #close_up-other1,
  body#close_up #close_up-color #close_up-other1,
  body#close_up #close_up-banner #close_up-other1 {
    display: none;
  }
  body#close_up #close_up-other #close_up-other2,
  body#close_up #close_up-color #close_up-other2,
  body#close_up #close_up-banner #close_up-other2 {
    display: none;
  }
  body#close_up #close_up-other .sp_img01,
  body#close_up #close_up-color .sp_img01,
  body#close_up #close_up-banner .sp_img01 {
    margin: 0px 6%;
    width: 88%;
  }
  body#close_up #close_up-other .dis_td,
  body#close_up #close_up-color .dis_td,
  body#close_up #close_up-banner .dis_td {
    display: block;
    margin: 8%;
    text-align: left;
  }
  body#close_up #close_up-other .dis_td .text-right,
  body#close_up #close_up-color .dis_td .text-right,
  body#close_up #close_up-banner .dis_td .text-right {
    text-align: center;
    margin-top: 8%;
  }
  body#close_up #close_up-color {
    padding: 8% 0;
  }
  body#close_up #close_up-banner {
    padding: 8% 0;
  }
  body#close_up .backnumber .accordion {
    width: 43%;
  }

  body#nora_style #nora_style_main #nora_style_main_row #nora_style_main_left {
    width: 100%;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_left a img {
    max-width: 100%;
    width: 38%;
  }
  body#nora_style header {
    display: none;
  }
  body#nora_style header h2 {
    background: none;
  }
  body#nora_style header h2 a {
    display: none;
  }
  body#nora_style #nora_style_catch_wrap {
    margin-top: 0px;
  }
  body#nora_style #nora_style_main {
    width: 100%;
  }
  body#nora_style #nora_style_main h2 img {
    width: 80%;
    display: block;
    margin: auto;
  }
  body#nora_style #nora_style_main #nora_style_main_row #nora_style_main_left {
    display: block;
  }
  body#nora_style #nora_style_roll section h2 {
    height: auto;
    left: 10%;
    top: 12%;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_left,
  body#nora_style #nora_style_catalog #nora_style_catalog_right {
    display: block;
    width: 100%;
    text-align: center;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_left {
    padding-right: 0;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_left a {
    float: none;
    margin: 0 auto 30px auto;
    width: 80%;
    background-size: 62%;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_right {
    padding-left: 0;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_right a {
    margin-bottom: 0;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_right a {
    width: 80%;
    display: block;
    margin: auto;
  }
  body#nora_style #nora_style_catalog #nora_style_catalog_right a img {
    width: 100%;
  }

  body#kawate img {
    max-width: 100%;
  }
  body#kawate #main_img_sp {
    margin-top: 0px;
    display: block;
    position: static !important;
  }
  body#kawate #main_img_sp img {
    width: 100%;
    height: auto;
  }
  body#kawate header {
    display: none;
  }
  body#kawate header h2 {
    background: none;
  }
  body#kawate header h2 a {
    display: none;
  }
  body#kawate #kawate_main_wrap #kawate_main .dis_ta {
    width: 100%;
  }
  body#kawate #kawate_main_wrap #kawate_main .dis_ta .dis_td p {
    font-size: 10px;
    margin: 0 8% 6%;
  }
  body#kawate #pickupitem_wrap #pickupitem_for_border #pickupitem {
    width: 100%;
  }
  body#kawate #pickupitem_wrap #pickupitem_for_border #pickupitem h2 {
    margin-bottom: 3%;
  }
  body#kawate #pickupitem_wrap #pickupitem_for_border #pickupitem #tabs {
    display: none;
  }
  body#kawate #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom {
    display: block !important;
    position: relative;
    width:100%;
    padding:0;
  }
  body#kawate #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right h4 {
    margin-right: 8%;
  }
  #kawate #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-left img {
    min-height:100px !important;
  }

  body#puma_safety img {
    max-width: 100%;
  }
  body#puma_safety header {
    padding: 0;
    display: none;
  }
  body#puma_safety header h2 {
    display: none;
    background: none;
  }
  body#puma_safety #catch_wrap {
    background-size: 170%;
    background-position: 0 5%;
    padding-top: 70%;
  }
  body#puma_safety #catch_wrap #catch {
    max-width: 92%;
  }
  body#puma_safety #catch_wrap #catch #copy {
    padding: 5% 5% 0;
  }
  body#puma_safety #catch_wrap #catch #copy h2 {
    font-size: 26px;
  }
  body#puma_safety #catch_wrap #catch ul {
    display: block;
  }
  body#puma_safety #catch_wrap #catch ul li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    background: #d92818;
  }
  body#puma_safety #catch_wrap #catch ul li a {
    background: url("./img/puma_safety/brand_puma_sankaku.png") no-repeat;
    background-position: 10px center;
    text-align: left;
    height: auto;
    padding-left: 50px;
  }
  body#puma_safety #catch_wrap #catch ul li a p br {
    display: none;
  }
  body#puma_safety #catch_wrap #catch ul li a img {
    display: none;
  }
  body#puma_safety #catch_wrap #catch ul li:last-child a h3 {
    margin-bottom: 10px;
  }
  body#puma_safety #catch_wrap #catch ul li:last-child a p {
    margin-bottom: 0;
  }
  body#puma_safety #puma_safety_main {
    width: 100%;
    display: none;
  }
  body#puma_safety #puma_catalog {}
  body#puma_safety #puma_catalog a {
    width: 80%;
  }
  body#puma_safety #puma_safety_main_sp {
    display: block;
    width: 92%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  body#puma_safety #puma_safety_main_sp li {
    position: relative;
    margin-bottom: 10px;
  }
  body#puma_safety #puma_safety_main_sp li img {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  body#puma_safety #puma_safety_main_sp li a {
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
  }
  body#puma_safety #puma_safety_main_sp li a img {
    width: 33%;
    height: auto;
  }
  body#puma_safety #puma_safety_main_sp li a:hover {
    opacity: 0.6;
  }
  body#puma_safety #pickupitem_wrap #pickupitem_for_border #pickupitem {
    width: 100%;
    padding-bottom: 25px;
  }
  body#puma_safety #pickupitem_wrap #pickupitem_for_border #pickupitem h2 {
    margin-bottom: 3%;
  }
  body#puma_safety #pickupitem_wrap #pickupitem_for_border #pickupitem #tabs {
    display: none;
  }
  body#puma_safety #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom {
    display: block !important;
    padding-bottom: 30px;
    position: relative;
    padding:0;
    width:100%;
  }
  body#puma_safety #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right h4 {
    margin-right: 8%;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table {
    width: 100%;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table th {
    width: 34%;
    font-size: 12px;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table td {
    width: 65%;
    font-size: 12px;
  }

  body#wonder_glip .logo {
    position: absolute;
    width: 182px;
    top: 4%;
    display: none;
  }
  body#wonder_glip img {
    max-width: 100%;
  }
  body#wonder_glip header {
    padding: 0;
    height: auto !important;
  }
  body#wonder_glip header h1 {
    display: block;
    background: none;
    padding: 0;
  }
  body#wonder_glip .pc_none {
    display: block;
  }
  body#wonder_glip #main_img_sp {
    margin-top: 0px;
  }
  body#wonder_glip #main_img_sp img {
    width: 100% !important;
    height: auto !important;
  }
  body#wonder_glip #wonder_glip_catch_wrap {
    padding-bottom: 30px;
  }
  body#wonder_glip #wonder_glip_catch_wrap #wonder_glip_catch1, body#wonder_glip #wonder_glip_catch_wrap #wonder_glip_catch2 {
    width: 100%;
  }
  body#wonder_glip #wonder_glip_catch_wrap #wonder_glip_catch2 {
    width: 80% !important;
    padding: 30px 10% !important;
  }
  body#wonder_glip #wonder_glip_catch_wrap #wonder_glip_catch2 div {
    width: auto;
  }
  body#wonder_glip #wonder_glip_concept #concept1, body#wonder_glip #wonder_glip_concept #concept2, body#wonder_glip #wonder_glip_concept #concept3 {
    background-size: 220% 100%;
    background-position: center center;
  }
  body#wonder_glip #wonder_glip_concept #concept1 .wonder_glip_concept_row, body#wonder_glip #wonder_glip_concept #concept2 .wonder_glip_concept_row, body#wonder_glip #wonder_glip_concept #concept3 .wonder_glip_concept_row {
    min-height: 108px;
    width: 100%;
  }
  body#wonder_glip #wonder_glip_concept #concept1 .wonder_glip_concept_row .wonder_glip_concept_left,
  body#wonder_glip #wonder_glip_concept #concept2 .wonder_glip_concept_row .wonder_glip_concept_left,
  body#wonder_glip #wonder_glip_concept #concept3 .wonder_glip_concept_row .wonder_glip_concept_left {
    font-size: 12px;
    padding: 4% 2% 4% 14%;
  }
  body#wonder_glip #wonder_glip_concept #concept1 .wonder_glip_concept_row .wonder_glip_concept_right,
  body#wonder_glip #wonder_glip_concept #concept2 .wonder_glip_concept_row .wonder_glip_concept_right,
  body#wonder_glip #wonder_glip_concept #concept3 .wonder_glip_concept_row .wonder_glip_concept_right {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 10px;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem {
    width: 100%;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem h2 {
    margin-bottom: 3%;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem #tabs {
    display: none;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom {
    width: 100%;
    position: relative !important;
    left: 0;
    display: table !important;
    padding:0;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right {
    display: table-cell;
    float: none;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right h4 {
    margin-right: 8%;
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table {
    font-size: 11px;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table th {
    width: 28%;
    font-size: 10px
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table td {
    font-size: 10px
  }
  body#wonder_glip #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-left {
    display: table-cell;
    float: none;
  }
  body#wonder_glip #puma_catalog a {
    width: 100% !important;
  }
  #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-left img {
    margin:0 10% !important;
    width: 80%;
    display:block;
  }

  body#works_homme {
    background: #fff;
  }
  body#works_homme #works_homme_catalog a {
    width: 80%;
    max-width: 80% !important;
    background-size: 62%;
  }
  body#works_homme #works_homme_catalog img {
    max-width: 100%;
    width: 38%;
  }
  body#wonder_glip #puma_catalog a {
    width: 80%;
    max-width: 80% !important;
    background-size: 62%;
  }
  body#wonder_glip #puma_catalog a img {
    max-width: 100%;
    width: 38%;
  }
  body#kawate #kawate_catalog a {
    width: 80%;
    max-width: 80% !important;
    background-size: 62%;
  }
  body#kawate #kawate_catalog a img {
    max-width: 100%;
    width: 38%;
  }
  body#works_homme .sp_none {
    display: none;
  }
  body#works_homme img {
    max-width: 100%;
  }
  body#works_homme header {
    margin-top: 0px;
    padding: 0;
  }
  body#works_homme header h2 {
    background: none;
    display: none;
  }
  body#works_homme #works_homme_catch_wrap #works_homme_catch {
    width: 100%;
    max-width: 1000px;
  }
  body#works_homme #works_homme_gallery_wrap .works_homme_gallery {
    width: 100%;
    max-width: 1000px;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem {
    width: 100%;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem h2 {
    margin-bottom: 3%;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem #tabs {
    display: none;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom {
    width: 100%;
    position: relative;
    display: block !important;
    padding:0;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right h4 {
    margin-right: 8%;
  }
  body#works_homme #pickupitem_wrap #pickupitem_for_border #pickupitem .zoom .zoom-right table th {
    width: 30%;
  }

  body .container {
    width: 100%;
  }
  body .container #topics_list #main, body .container #topics_detail #main {
    padding-top: 1%;
  }
  body .container #topics_list #main #left, body .container #topics_detail #main #left {
    display: block;
    width: 100%;
  }
  body .container #topics_list, body .container #topics_detail {
    width: 97%;
    padding: 0 1.5%;
  }
  body .container #topics_detail h2 {
    margin: 0px auto 10px auto;
    font-size:20px;
  }
  body .container #topics_list #main #left ul li, body .container #topics_detail #main #left ul li {
    margin: 0 1% 1%;
  }
  body .container #topics_list #main #left ul li a .topics_list_left, body .container #topics_detail #main #left ul li a .topics_list_left {
    vertical-align: middle;
    width: 43%;
  }
  body .container #topics_list #main #left .topics_detail_sp_wrapper, body .container #topics_detail #main #left .topics_detail_sp_wrapper {
    padding: 1% 3%;
  }
  body .container #topics_list #main #right, body .container #topics_detail #main #right {
    display: block;
    padding-left: 0px;
    margin-top: 15px;
  }



  #brand .scroll_gray {
    display:none !important;
  }

  ul.slides li .scroll_gray {
    display:none;
  }

  .com_slide1 .scroll_gray,
  .com_slide2 .scroll_gray,
  .com_slide3 .scroll_gray,
  .com_slide4 .scroll_gray,
  .com_slide5 .scroll_gray {
    display: none;
  }

  body {
    background: #fff;
  }
  #chizu .row .l-w50 p:first-child div {
    padding-right: 0;
  }
  h1 {
    position: fixed !important;
    opacity: 1 !important;
    background: #fff;
    top: 0!important;
    left: 0!important;
    padding: 5px 6% 10px;
    width: 88%;
    display: block !important;
    z-index: 10000;
  }
  h1 img {
    width: 140px;
  }

  #slider {
    z-index: -1;
    height: 212px !important;
    top: 37px;
  }
  #slider center {
    height: 212px !important;
    background-size: 100% !important;
  }
  #slider #header_bk {
    height: 212px !important;
  }
  header #catch {
    left: 0;
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
  header #catch img {
    width: 100%;
  }
  a.mail {
    display: none;
  }
  header #catch {
    font-size: 30px;
    text-shadow: 0 0 6px rgba(9, 1, 4, 0.8);
    top: 20%;
  }
  header #catch img {
    width: 70%;
    display:block !important;
    margin:auto;
  }
  header #catch span {
    display: block;
    font-size: 18px;
  }

  .bg_gray {
    padding-top: 64px;
  }
  .bg_gray:first-child {
    margin-top: 484px !important;
  }

  .main_slide li {
    height:226px !important;
  }

  #close_up header {
    display:none;
  }

  #catalog .bx-wrapper .bx-viewport .bxslider {
    display:block;
    width:100%;
    border:1px solid #000;
    position:static !important;
  }
  a:hover img, a:hover {
    opacity: 1.0;
  }

  body#close_up .w100 {
    padding: 20px 10px 10px;
    border-bottom:none;
  }
  body#close_up .w100 #close_title {
    width: 100%;
  }
  body#close_up .w100 #close_title #close_title_left,
  body#close_up .w100 #close_title #close_title_right {
    display: block;
  }
  body#close_up .w100 #close_title #close_title_right {
    text-align: left;
    line-height: 17px;
    font-size: 10px;
  }
  body#close_up .w100 #close_title #close_title_right span {
    font-size: 10px;
    padding: 0 10px;
    height: 17px;
    line-height: 17px;
    float: right;
  }
  .h_field {
    display:table;
    width:100%;
    margin:auto;
  }
  .sp_none {
    display: none !important;
  }
  .sp_display {
    display: block;
  }
  html {
    position: absolute;
    height: 94.3%;
    bottom: 0;
    width: 100%;
  }

  .main_slide li img {
    width: 100% !important;
    height: auto !important;
  }

  body .container {
    width: 100%;
  }
  body .container #pan {
    width: 94%;
    padding: 4% 1% 0%;
  }
  body .container #contact {
    width: 90%;
    padding: 0 5%;
  }
  body .container #contact #main #tel_contact h3 {
    border-right: none!important;
  }
  body .container #contact #main {
    padding-top: 1%;
    width: 100%;
  }
  body .container #contact #main .dis_ta {
    display: block;
  }
  body .container #contact #main .dis_ta .dis_td {
    display: block;
  }
  body .container #contact #main #tel_contact {
    padding: 0;
  }
  body .container #contact #main #tel_contact h3 {
    width: 94%;
    padding: 1% 3%;
  }
  body .container #contact #main #tel_contact #tel_contact_right {
    width: 94%;
    padding: 1% 3%;
  }
  body .container #contact #main #mail_contact {
    padding: 8% 0 0;
    width: 94%;
    padding: 1% 3%;
    display: block;
  }
  body .container #contact #main #mail_contact .dis_td {
    display: block;
  }
  #contact #main #mail_contact h3 {
    width: auto!important;
  }

  #pickupitem .zoom {
    margin-bottom: 25px !important;
  }
  #pickupitem .zoom .zoom-left {
    vertical-align: middle !important;
  }

  .over-scrl {
    width:auto;
    height:auto;
    overflow:auto;
    overflow-x:auto;
  }
}