.pc-only{display:block;}
.mobile-only{display:none;}
@media screen and (max-width:768px){.pc-only{display:none;}
.mobile-only{display:block;}
.show-smartphone{display:block;}
.show-pc{display:none;}
.navbar-right{margin-right:20%;}
.nav > li{display:inline-block;}
.grand-menu li a.grand-menu-cart{background:#ff8c00;}
.header-container{background-position:-70px;}
.header{width:100%;}
.head-logo{top:15px;left:0px;right:0px;margin:auto;width:50%;}
.headroom{position:fixed;top:0;left:0;right:0;transition:all .2s linear;}
.headroom--unpinned{top:-60px;}
.headroom--pinned{top:0;}
.sb-active .animated.slideDown,
.sb-active .animated.slideUp{-webkit-animation-name:none;animation-name:none;}
ul.nav-header{display:none;}
.grand-menu-container,
.item-menu-container{display:none;}
.navbar{position:relative;width:100%;height:58px;background:#000!important;}
.navbar-right{margin-right:20%;}
.sb-toggle-left{display:inline-block;}
.sb-toggle-right{display:block;float:right;width:50px;padding:14px 0px 0 0px;}
.navbar .container{width:auto;}
.navbar-left.pull-left{width:220px;margin:0px auto;}
.header-cart-ress{text-align:center;position: absolute;left: 20px;top: 11px;width: 35px;}
.header-cart-ress a{color:#fff;font-size:9px;display:block;width:46px;height:49px;padding:8px 8px;text-align:center;}
.header-right-menu .header-cart-link {top: -70px;right:0px;}
.new-header-top-container .header-search-form {max-width: 100%;}
.nav-title{position:absolute;max-width:221px;width:50%;height:30px;background:url(/img/common/logo-header02.png) no-repeat center;background-size:contain;margin:12px auto;top:0px;left:0px;}
.navbar-nav{left:0px;display:none;}
.product-menu, ul.dropmenu{display:none;}
.keyvisual-container{margin:0;height:auto;}
.keyvisual{overflow:hidden;width:100%;height:auto;}
.keyvisual .bx-wrapper .bx-pager{ width:auto;bottom:-5px;}
.bx-wrapper{margin:0 auto!important;}
.product-link-container {width:100%;}
.contents-container{width:100%!important;}
/*
.contents{width:100% !important;padding:10px 10px 50px !important;}
*/
.side-contents-left{display:none;}
.main-body{width:100%;}
.side-contents-right{display:none;}
.company-list{width:100%;padding:100px;background:url(/img/common/company-list-ress.png) no-repeat center;background-size:90%;}
.footer{width:100%;padding:0;}
.footer-contents{padding:10px;border:none;}
.footer-contact{overflow:hidden;display:block;padding:15px 10px;border-bottom:1px solid #ccc;text-align:left;color:#333;}
.footer-contact a.footer-contact-tel{//background:url(/img/common/footer-contact-tel.png) no-repeat;}
.footer-contact a.footer-contact-line{//background:url(/img/common/footer-contact-line.png) no-repeat;}
.footer-ress-sns{padding:15px;border-bottom:1px solid #ccc;}
.footer-ress-sns a{display:inline-block;width:8%;margin:0 10px;color:#666;}
.footer-sns-logo{display:none;}
.footer-sns a{width:50px;height:50px;}
.footer-sns a:hover{background-position:0 -50px!important;}
.footer-sns p img{width:80%}
.footer-sns a.footer-sns-line{display:none;}
.footer-sns-ress{overflow:hidden;width:240px;margin:0 auto;text-align:center;}
.footer-support-menu{padding:10px;}
.footer-support-menu a{float:none;width:100%;padding:5px;border:none;text-align:left;}
.footer-support-menu a span{display:none;}
.footer-support-menu-icon{display:none;}
.footer-links{display:none;}
.copyright{width:100%;padding-bottom:40px;}
.copyright-logo{display:block;}
ol.topic-path li{max-width:60%;}
ul.support-list li.support-contact{padding:0!important;}
.company-data-contents{width:100%;}
.slider-item p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.support-list{width:100%;padding:0;margin-bottom:20px;}
.support-list li img{margin-bottom:0;margin-top:15px;}
.support-list .subject{width:100%;height:14px;background:url(/img/common/title-support02.gif) no-repeat;}
.support-list .subject img{display:none;}
.sp-footer-container{display:block;}
.sp-footer a{display:block;position:fixed;bottom:0;padding:10px;color:#333;text-align:center;line-height:1.2em;z-index:10;}
.sp-footer a.sp-footer-phone{right:0;}
.sp-footer a.sp-footer-line{left:0;}
.footer-support-title{width:100%;margin:10px 0;}
.footer-support a{margin:5px;}
input[type="radio"]{background:#888;border:1px solid #808080;}
.contact-area-sns a{color:#333;padding:5px;}
.contact-area-left{border:none;}
.contact-area-sns{padding:0;margin-top:20px;}
.header-info{width:100%;}
.title-maker-id{padding:85px 20px!important;}
.title-car-id{padding:67px 20px!important;}
.title-maker-id, .title-car-id{text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;text-shadow:2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;}


.global-nav {
  position: fixed;
  left: -320px;
  top: 0;
  width: 300px;
  height: 100vh;
	background-color: #222222;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.hamburger {
  position: absolute;
  left: 20px;
	top:10px;
  /*top: 35px;*/
  width: 35px;
  height: 35px;
  cursor: pointer;
  z-index: 300;
}
.nav-open .hamburger {
	display: none;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__list li {
	width: 100%;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #1C1C1C;
}
.global-nav__list li a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px;
	padding-left: 15px;
}
.global-nav__list li ul li {
	border: none;
}
.global-nav__list li ul li a {
	padding: 7px;
	padding-left: 20px;
	background: #1C1C1C;
}
.global-nav__list li ul li > a:before {
	content: '・';
}
.global-nav__list li ul li ul li a {
	padding-left: 30px;
	background: #303030;
}
.global-nav__list li ul li ul li a:first-child {
	border-bottom: 1px solid #222;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
.nav-open .global-nav {
  left: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}


}