@charset "utf-8";
*{padding:0;margin:0}
*, :after, :before {
    box-sizing: border-box;
}
html{font-size:62.5%;}
body {
	font-size: 14px;
	font-size: 1.4rem;
	color:#333;
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}
.body-wrap{overflow-x: hidden;}
ul{list-style:none;}
img{max-width:100%;display:block}
a{text-decoration:none;}

header h1,#h1_tag{display:inline-block}
h1 img,#h1_tag img{height:33px;display:block}
@media only screen and (max-width: 768px){
	header h1,#h1_tag{position:absolute;top:10px;width:160px;left:0;right:0;margin:auto}
}
h2{color:#FFF;padding:2px 5px;background:#578;border-radius:50px;text-align:center;width:80%;margin:20px auto;font-size:1.4rem}



.search_box{background:#FD3;padding:20px}
h3.wrap{margin-top:50px}
.search_title{background:#FD3;position:relative;width:200px;padding:10px 50px;text-align:center;margin-top:20px}
.search_title:before{position:absolute;content:'';top:0;left:0;border-bottom:solid 33px transparent;border-left:solid 21px rgb(255, 255, 255);}
.search_title:after{position:absolute;content:'';top:0;right:0;border-bottom:solid 33px transparent;border-right:solid 21px rgb(255, 255, 255);}

.freeword{background:#FFF;padding:10px;border:1px solid #999;margin:0 auto 30px auto!important;position:relative;}
.freeword input{font-size:2rem;width:100%;border:none;outline:none;}
.search_icon{position:absolute;right:5px;top:3px;cursor:pointer;padding:5px;width:38px}

.maker_list li{display:inline-block;float:left;width:10%;margin-bottom:20px}
.maker_list ul:after{content:'';clear:both;display:block}
.search_box h4{font-size:3rem;color:#FFF;text-align:center;padding:10px;text-shadow:2px 2px 4px gray;}

.bodytype{text-align:center}
.bodytype li{display:inline-block;margin-bottom:20px;width:10%;position:relative;}
.bodytype ul:after{content:'';clear:both;display:block}
.bodytype li a{display:block;background:#EEE;border-radius:5px;border:1px solid #333;padding-bottom:10px;height:90px}
.bodytype li a p{font-size:1rem;color:#000;position:absolute;bottom:10px;left:0;right:0}

.price li{display:inline-table;margin-bottom:20px;width:10%;text-align:center;vertical-align:top}
.price ul:after{content:'';clear:both;display:block}
.price li a{display:block;background:#EEE;border-radius:5px;border:1px solid #333;color:#000;height:85px;padding-top:17px;font-size:1rem}
.price li:first-child a{padding-top:34px}
.price li:last-child a{padding-top:34px}

.blog_info a{display:block;color:#555;padding:20px 0}
.blog_info{background:#EEE;padding:20px}
.blog_info li+li{border-top:1px solid #AAA}
.blog_info span{background:#000;color:#FFF;font-size:1.2rem;padding:3px 12px;margin-right:30px}
.slick-slide img,
.main_visual_slide>a>img,
.main_visual>a>img{width:100%;display:block;max-width:auto}
.main_visual{position:relative}
/*
a:hover{opacity:0.6}
.main_visual a:hover{opacity:1}
*/

.autostage_list li{display:inline-block;margin:10px 8px;position:relative;width:300px;}
.autostage_list li a{background:#B33;color:#FFF;padding:10px 20px;display:block;font-weight:bold;font-size:1.4rem;}
.autostage_list li:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 10px;
    height: 10px;
    margin: -4px 0 0 0;
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}

.shop_list{text-align:left}
.shop_list li{display:inline-block;margin:5px 8px;position:relative;width:300px;text-align:left;}
.shop_list li a{background:#025;color:#FFF;padding:10px 20px;display:block;font-weight:bold;font-size:2rem;}
.shop_list li span{display:inline-block;margin:auto;font-size:1.2rem}
.shop_list li:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -2px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.shop_list li span{background:#FFF;color:#025;padding:0 10px}
.shop_list li a.soon{position:relative}
.shop_list li a.soon:after{content:"coming soon!";color:#FD3;padding:0 5px;position:absolute;top:5px;width:88px;right:26px;line-height:1em}
.shop_list>a{display:inline-block;padding:10px;background:#000;color:#FFF;font-weight:bold;width:30%;margin-top:20px}

.dealer_list{padding:20px 0}
.dealer_list li{display:inline-block;margin:10px 8px;position:relative;width:140px;text-align:center;height:140px;}
.dealer_list li a{display:block;height:100%}
.dealer_list li .btn {background:#025;padding:5px;color:#FFF;font-size:1rem;position:absolute;bottom:0;left:0;right:0}
.dealer_list li img{display:inline-block;top:50%;position:absolute;left:0;right:0;margin:auto;top:-22%;bottom:0}
.dealer_list li .btn:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -3px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}



.contents_info li{display:inline-block;position:relative;width:50%;vertical-align:top;float:left;height:100%;background:#FD3;margin-bottom:10px}
.contents_info ul:after{content:'';clear:both;display:block;}
.contents_info li div{width:50%;display:inline-block;vertical-align:top;text-align:center;}
.contents_info li p{font-size:1.2rem;color:#000}
.contents_info li p:first-child{font-size:2rem;color:#000;font-weight:bold;margin-bottom:15px}
.contents_info li div:first-child:before{font-family:arial;font-weight:bold;font-size:3rem;color:#999;padding-top:45px;display:block;}
.contents_info li:nth-child(1) div:first-child:before{content:'01'}
.contents_info li:nth-child(2) div:first-child:before{content:'02'}
.contents_info li:nth-child(3) div:first-child:before{content:'03'}
.contents_info li:nth-child(4) div:first-child:before{content:'04'}
.contents_info a{display:block}



/*top blog*/
.contents_learn-more li{width:23%;display:inline-block;float:left}
.contents_learn-more li+li{margin-left:2.66%}
.contents_learn-more h3 a{text-align:center;background:#025;color:#FFF;padding:5px 10px;display:block;margin-bottom:15px}
.contents_learn-more ul{margin-top:20px}
.contents_learn-more ul:after{content:'';clear:both;display:block;margin-bottom:15px}
.contents_learn-more a{color:#025}
.contents_learn-more a:hover{opacity:0.8}
.loadmore a{background:#025;padding:15px 50px;color:#FFF;font-weight:bold;position:relative;display:block;width:80%;margin:auto;text-align:center}
.loadmore a:after{display:block;content:"";position:absolute;top:50%;right:5%;width:10px;height:10px;margin:-4px 0 0 0;border-top:solid 3px #FFF;border-right:solid 3px #FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.contents_learn-more .picbox{height:135px}
.contents_learn-more .picbox img{object-fit:cover;height:100%;width:100%;}



footer{background: #025;color:#FFF}


@media screen and (min-width: 769px){
}
@media screen and (max-width: 768px){
}



.top-slider{
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.top-slide .slide-dots button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  text-indent: -9999px;
}
.top-slide .slide-dots li{
	width: 44px;
	height: 5px;
	background:url(../images/top/slide_btn.png) no-repeat left center;
}
.top-slide .slide-dots li.slick-active{
	width: 44px;
	height: 5px;
	background:url(../images/top/slide_btn_active.png) no-repeat left center;
}
.top-slide .slide-dots li button::before{
	content: '';
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
.top-slide .slide-dots li.slick-active button::before{
	content: '';
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
.top-slide .slide-dots{
  text-align: center;
}
.top-slide .slide-dots li:first-child{
	margin:0 4px 0 0;
}
.top-slide .slide-dots li:last-child{
	margin:0 0 0 4px;
}
.top-slide .slide-dots li{
    display: inline-block;
	width: 43px;
    margin: 0 4px;
}
.top-slide .slick-dotted.slick-slider {
    margin-bottom: 0px;

}






a:hover{/*opacity:0.5*/}
/* バーガーメニュー */
.menu_btn{position:absolute;top:12px;left:10px;z-index:99999;display:block;height:30px;width:30px}
.menu_trigger span{display:inline-block;transition:all .4s;box-sizing:border-box;cursor:pointer;position:absolute;left:0;height:2px;width:30px;background:#FFF}
.menu_trigger{position:relative;width:28px;z-index:9998;display:block}
.menu_trigger span:nth-of-type(1){top:2px;}
.menu_trigger span:nth-of-type(2){top:14px;}
.menu_trigger span:nth-of-type(3){top:26px;}

/*インスタ*/
.insta{display:block;position:absolute;height:29px;width:29px;top:12px;right:5px;}
.insta a:before {
    content:"";
    display: inline-block;
    background-image:url(/images/insta.svg);
    background-size: contain;
    vertical-align: bottom;
    height: 29px;
    width: 29px;
}
.insta a{display:block;width:100%;width:100%}
.insta a img{width:30px;height:30px}

/* お気に入り */
.fav{display:block;position:absolute;height:29px;width:29px;top:12px;right:45px;}
.fav a:before {
	content:"";
	display: inline-block;
	background-image:url(/images/heart.svg);
	background-size: contain;
	vertical-align: bottom;
	height: 29px;
	width: 29px;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	position: absolute;
}
.fav a{display:block;width:100%;width:100%}
.fav a img{width:30px;height:30px}


	.menu_trigger span:nth-of-type(1) {
	  -webkit-animation: menu-bar01 .50s forwards;
	  animation: menu-bar01 .50s forwards;
	}
	.menu_trigger span:nth-of-type(2) {
	  transition: all .25s .25s;
	  opacity: 1;
	}
	.menu_trigger span:nth-of-type(3) {
	  -webkit-animation: menu-bar02 .50s forwards;
	  animation: menu-bar02 .50s forwards;
	}
	@-webkit-keyframes menu-bar01 {
	  0% {
		-webkit-transform: translateY(9px) rotate(45deg);
	  }
	  50% {
		-webkit-transform: translateY(9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	}
	@keyframes menu-bar01 {
	  0% {
		transform: translateY(9px) rotate(45deg);
	  }
	  50% {
		transform: translateY(9px) rotate(0);
	  }
	  100% {
		transform: translateY(0) rotate(0);
	  }
	}
	@-webkit-keyframes menu-bar02 {
	  0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	  }
	  50% {
		-webkit-transform: translateY(-9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	}
	@keyframes menu-bar02 {
	  0% {
		transform: translateY(-9px) rotate(-45deg);
	  }
	  50% {
		transform: translateY(-9px) rotate(0);
	  }
	  100% {
		transform: translateY(0) rotate(0);
	  }
	}
	
	
	
	.menu_btn.active span:nth-of-type(1) {
	  -webkit-animation: active-menu-bar01 .50s forwards;
	  animation: active-menu-bar01 .50s forwards;
	  top:5px;
	}
	.menu_btn.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu_btn.active span:nth-of-type(3) {
	  -webkit-animation: active-menu-bar03 .50s forwards;
	  animation: active-menu-bar03 .50s forwards;
	  top:23px;
	}
	
	
	
	@-webkit-keyframes active-menu-bar01 {
	  0% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	  50% {
		-webkit-transform: translateY(9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(9px) rotate(45deg);
	  }
	}
	@keyframes active-menu-bar01 {
	  0% {
		transform: translateY(0) rotate(0);
	  }
	  50% {
		transform: translateY(9px) rotate(0);
	  }
	  100% {
		transform: translateY(9px) rotate(45deg);
	  }
	}
	@-webkit-keyframes active-menu-bar03 {
	  0% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	  50% {
		-webkit-transform: translateY(-9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	  }
	}
	@keyframes active-menu-bar03 {
	  0% {
		transform: translateY(0) rotate(0);
	  }
	  50% {
		transform: translateY(-9px) rotate(0);
	  }
	  100% {
		transform: translateY(-9px) rotate(-45deg);
	  }
	}


/* pc */
@media only screen and (min-width: 769px){
	.top-slider{margin-top:30px}
	.sp{display:none!important}
	body{min-width:1000px;margin-top:79px}
	header{background:#025;padding:20px;z-index:999;position:fixed;top:0;width:100%}
	nav{width:960px;margin:auto;position:relative;}
	.menu{
		position:absolute;
		top:50%;
		right:0;
		display:block;
		margin-top:-12px;
	}
	.menu li{display:inline-block;}
	.menu li+li{border-left:1px solid #555}
	.menu li a{display:block;padding:0 10px;color:#FFF;font-size:1.4rem;}
	.insta,
	.fav,
	.menu_btn{display:none;}
	h2{width:30%;margin:40px auto}
	.wrap{width:960px;margin:auto}
	
.bodytype li+li{margin-left:10px}
.blog_info span{background:#000;color:#FFF;font-size:1.2rem;padding:3px 12px;margin-right:30px}
.blog_info time{margin-right:30px}
.blog_info h3{display:inline-block}

.main_visual .pop{position:absolute;bottom:8%;left:-2px;border:2px solid #FFF;width:40%;max-width:720px}
.slider li{padding:0 20px}



footer{padding:20px 0}
.footerlogo p:first-child{display:none}
#panel{width:960px;margin:auto;padding:15px 0}
.footerlogo p{font-size:1.2rem;text-align:center}
#panel dd{display:block}
#panel:before{content:'';display:block;width:155px;height:173px;background-image:url(/images/common/foot_logo.png);background-size:cover;float:left}
#panel dl{display:block;margin-left:200px;}
#panel dt{font-weight:bold;width:150px;display:inline-block;vertical-align:top;font-size:1.6rem;margin-bottom:10px}
#panel dd{width:600px;display:inline-block;vertical-align:top}
#panel dd a{display:block;color:#FFF;font-size:1.2rem}
#panel dd li{display:inline-block;padding:0 5px}
#panel dd li+li{border-left:1px solid #555;padding-left:10px}

.footerpop{
	position: fixed;
    top: 430px;
    right: -2px;
    width: 220px;
    padding:10px;
    z-index: 999997;
    background:#FD3;
    border:2px solid #000;
    text-align:center
}
.footerpop a{display:block}
.footerpop span{background:#000;color:#FFF;padding:5px;display:block;font-weight:bold;}
.footerpop p{font-weight:bold;color:#000}
.footerpop p:first-child{font-size:1.6rem}
.footerpop p:last-of-type {font-size:3rem}
.dummy{display:none}
.top_btn{display:none}
#carsearch h3{text-align:center;color:#FFF;text-shadow: 2px 2px 4px grey;font-size:2.6rem;padding:0px 0;object-fit:cover;}

}
/* sp */
@media only screen and (max-width: 768px){
html{padding-top:55px}
h2{width:50%;font-size:1.2rem}
header{background:#025;height:55px;padding:10px;position:fixed;width:100%;z-index:999;top:0}
.shop_list li a.soon:after{content:"coming soon!";color:#FD3;padding:0 5px;position:absolute;top:5px;width:50px;right:5%;line-height:1.2em}
.shop_list ul{text-align:center}
.top-slider{margin-top:5px}

.top_btn{text-align:center}
.top_btn{padding:3px}
.top_btn li{/*width:32.3%;*/width:48%;display:inline-block;}
.top_btn a{position:relative;color:#FFF;display:block;text-align:center;background:#025;font-size:1.4rem;width:95%;margin:auto}
.top_btn a span{position:absolute;bottom:10%;left:5%;right:5%;margin:auto;font-size:1.8rem;font-weight:bold;border:2px solid #FFF}
.top_btn a span i{color:#FD3}
#carsearch h3{background:#FD3;text-align:center;color:#FFF;text-shadow: 2px 2px 4px grey;font-size:2.6rem;padding-top:20px}

.menu{
	display:block;
	background:rgba(21,24,28,1.0);
	width: 100%;
	min-height: 100vh;
	overflow-y: auto;
	position: absolute;
	transition: all  0.3s ease;
	top:0;
	bottom: 0;
	z-index: 10000;
	padding-left: 0%;
	margin-top:55px;
	right:-100%;
}
.menu li a{display:block;padding:15px;color:#FFF;font-size:1.4rem;position:relative;}
.menu li:first-child{border-top:1px solid #DDD}
.menu li{border-bottom:1px solid #DDD}
.menu.open{right:0;}
.menu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #DDD;
    border-right: solid 2px #DDD;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cover.active{display:block}
.cover{
    display:none;
    background: rgba(45,45,45, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
body.active{overflow:hidden;}

	.wrap{width:100%;margin:auto}
	.search_box{width:100%;padding:20px 5%}
.search_box h4{font-size:2rem}
.maker_list li{width:20%}
.bodytype li{width:23%}
.bodytype li a{height:80px}
.bodytype li a p{font-size:1rem;}
.bodytype li:nth-child(3) a p{font-size:0.8rem}
.price{text-align:center}
.price li{width:24%}
.blog_info h3{margin-top:10px}
.blog_info li{position:relative;}
.blog_info li:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin: -4px 0 0 0;
    border-top: solid 3px #555;
    border-right: solid 3px #555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}

.main_visual .pop{position:rerative;}
.slick-slide img{width:100%}

.shop_list>a{width:90%}
.shop_list li,
.autostage_list li{display:inline-block;width:44%;/*margin:15px;width:auto;*/}
.autostage_list li a{padding:20px;}
.dealer_list li{width:29.3%;margin:10px 4px}
.dealer_list{margin-bottom:50px;text-align:center}
.dealer_list li .btn{}


.contents_info ul{width:95%;margin:auto}
.contents_info li{width:100%}
.contents_info li+li{margin-top:10px}
.contents_info li p{font-size:1.2rem;}
.contents_info li p:first-child{font-size:1.4rem;}
.contents_info li div:first-child:before{font-family:arial;font-weight:bold;font-size:3rem;color:#999;padding-top:10px;display:block;}

.shop_list li a{font-size:1rem;}
.autostage_list li a{font-size:1.1rem;}

/*top blog*/
.contents_learn-more h3 a{font-size:1.3rem}
.contents_learn-more ul{width:95%;margin:auto;margin-top:15px}
.contents_learn-more li{width:48%;margin-bottom:20px}
.contents_learn-more li+li{margin-left:0}
.contents_learn-more li:nth-child(even){margin-left:4%}


.footerlogo{text-align:center}
.footerlogo p{font-size:1rem;text-align:center}
.footerlogo img{width:50%;margin:auto;padding-bottom:5px}
#panel{width:80%;margin:auto;padding:15px 0}
#panel dd a,
#panel dt{padding:10px;border:1px solid #DDD;margin-top:-1px;text-align:center;position:relative;color:#FFF;display:block}
#panel dd li{position:relative;background:#555}
#panel dd{display:none}
#panel dt:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);}
#panel dt.open:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
#panel dd li:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}





.footerpop{position:fixed;bottom:0;width:100%;padding:10px;z-index:999997;background:#FD3;border-top:1px solid #000;text-align:center}
.footerpop span{background:#000;color:#FFF;padding:5px;display:block;font-weight:bold;letter-spacing: 0.4em; }
.footerpop p{font-weight:bold;color:#000;display:inline-block;margin-bottom:5px}
.dummy{height:79px}
header nav .pc{display:none!important}
}




/*ページトップ*/
.scroller_space{
	/*padding:10px 0;*/
	display:none;
}
.scroller{
	position:relative;
	width:100%;
	height:0!important;
	z-index:1000000;
	opacity:0;
	-moz-transition:opacity 0.6s ease;
	-o-transition:opacity 0.6s ease;
	-webkit-transition:opacity 0.6s ease;
	transition:opacity 0.6s ease;
}
.scroller__btn{
	opacity:0.6;
	position:relative;
	top:-20px;
	right:3%;
	float:right;
	display:block;
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#555;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	cursor:pointer;-moz-transition:-moz-transform 0.2s ease-in, box-shadow 0.2s;
	-o-transition:-o-transform 0.2s ease-in, box-shadow 0.2s;
	-webkit-transition:-webkit-transform 0.2s ease-in, box-shadow 0.2s;
	transition:transform 0.2s ease-in, box-shadow 0.2s;
}
.scroller__btn img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
}
.scroller__btn:hover{
	-moz-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.scroller-fixed .scroller{position:fixed;bottom:50px;opacity:1;z-index:5;}
.scroller-fixed2 .scroller{position:fixed;bottom:120px;opacity:1;z-index:5;}
.scroller-bottom .scroller{position:absolute;bottom:auto;margin-top:-30px;opacity:1;z-index:5;}

header .fav span{
	position: absolute;
	right: -15%;
	color: #FFF;
	padding: 0 6px;
	top: -3px;
	font-size: 1rem;
	line-height: 1.4em;
	border-radius: 8px;
	background-color: #F00;
}

/* パンクズ */
#breadcrumb{background-color:#EEE;overflow:auto;width:100%}
#breadcrumb a{text-decoration:none;color:#333}
#breadcrumb ul{display:table;-webkit-overflow-scrolling:touch;}
#breadcrumb ol{display:table;-webkit-overflow-scrolling:touch;}
#breadcrumb ol{overflow-x:hidden}
#breadcrumb li{display:table-cell;white-space:nowrap;font-size:1rem;}
#breadcrumb *{line-height:1.5rem}
#breadcrumb li a{padding:10px;position: relative;}
#breadcrumb li:last-child{padding:10px;padding-left:18px;}
#breadcrumb li+li{
	background-image:url(/images/ku_right2.svg);
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:8px;
	padding-left:8px;
}
@media only screen and (min-width : 769px) {
	body{margin-top:79px}
}
@media only screen and (min-width : 769px) {
	#breadcrumb{padding:0 calc(50% - 480px)}
	#breadcrumb ol{overflow-x:hidden}
}