@charset "UTF-8";


#header #sitelogo {
    left: 48px;
}
#header #global_sub_nav {
    right: 40px;
}
#gnav_sub_cartdetail {
    right: 40px;
}
#sidebox_search {
    top: 47px;
    right: 90px;
}





#header #global_sub_nav2 {
    right: 283px;
}

div.container_ {
    width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
    max-width: 100%;
   
}

#global_sub_nav_box{
    width: 100%;
	box-sizing: border-box;
}



div.container_ {
    width: 100%;
   
}

div.container_ div.contents_, div.container_ div.mainframe_, div.container_ div.mainframe_ .event_ .goods_ {
    width: 100%;
}

div.container_ {
    width: 100%;
    margin: 0 auto;
    z-index: 100;
    box-sizing: border-box;
    padding: 0 40px;
}
#topsidemenu {
    position: absolute;
    top: 0;
    left: -290px !important ;
}

#cover_image {
    width: 100%;
    position: relative;
    height: 39vw !important ;
    overflow: hidden;
    z-index: 300;
}
#cover_image li {
    height: 39vw !important ;
}

#cover_visual_thumb {
    top: auto !important ;
    bottom: 60px !important ;
}


.mainframe {
   width : calc(100% - 300px) !important ;
    float: right;
    position: relative;
}

.goods_{ max-width: 1400px; margin: 0 auto;}

#cover_image {
    width: 100%;
    position: relative;
    height: 32vw !important;
    overflow: hidden;
    z-index: 300;
}


.picklist a{ color: #333; text-decoration: none;}
.picklist dl{ color: #333;}
.picklist dt{font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 20px}
.picklist dt span{font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 20px}
.picklist li dd{font-size: 14px; margin-bottom: 20px;}
.picklist li dd:last-child{ margin-top: 20px;}

.picklist li dd:last-child {
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}

.picklist li dd:last-child:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #000000;
    position: absolute;
    right: 0;
    bottom: 0;
}

.picklist dd a {
    background: #f2f2f2;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 24px;
    position: relative;
    font-size: 14px;
}

.picklist dd a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url(/assets/img/professional/ar.png) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    top: 30px;
}

.pickTit{ font-size: 24px; font-weight: 600; margin-bottom: 24px;}

#cover_visual {
    margin-top: 30px;
}

#toppage .GoodsStyleT_Line_{ background: none;}

/*#toppage div.event_{ display: none;}*/
.parts_banner_{ display: none;}
.brands{ font-size: 0;}
.brands li{ width: 50%; display: inline-block; box-sizing: border-box; vertical-align: top;}

.brands li img{ width: 100%; height: auto;}
.brandlogo{ width: 114px; margin: 20px 0;}
.brands li dd{ font-size: 14px; line-height: 24px;}
    
.brands li:first-child{ padding-right: 24px;}
.brands li:last-child{ padding-left: 24px;}

.brands li:last-child .brandlogo{ width: 55px;}

.rinkbtn a{ margin-left: auto;}

.rinkbtn{ width: 124px; margin-left: auto; margin-right: 20px;}

.rinkbtn a{ background: #E8E8E8; color: #000; font-size: 12px;  font-family: neue-haas-grotesk-display; padding: 7px 10px; display: inline-block; font-weight: 600; position: relative;
 margin-top: 30px; position: relative; transition: all 0.4s ease-out; width: 124px; box-sizing: border-box; text-align: center;}
.rinkbtn a:after{ content: ""; display: block; width: 27px; height: 27px; background: url( "/assets/img/common/morebg.png") left top no-repeat; background-size: cover; position: absolute; right: -15px; top: -13px; transition: all 0.2s 0.2s ease-in;　}
/*.rinkbtn a:before{ content: ""; display: block; width: 15px; height: 12px; background: url( "/assets/img/common/btn_arw.png") left top no-repeat; right: -10px; right: -5px; }*/
.rinkbtn a:before {
    content: "";
    display: block;
    width: 11px;
    height: 8px;
    background: url(/assets/img/common/btn_arw.png) left top no-repeat;
    right: -10px;
    right: -9px;
    background-size: contain;
    position: absolute;
    z-index: 10;
    top: -3px;}

.rinkbtn a:hover:after{animation:0.4s linear  rotation1;}

.rinkbtn a:hover{ background: #000; color: #fff;}

.parts_calender_{ float: left;}
#header_ec { height: 85px;}

.top_feature_{ margin-top: 1vw;}
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
    
    
    .scroll {
	    position: absolute;
    z-index: 1;
    bottom: 45px;
    right: 20px;
    overflow: hidden;
    width: 2px;
    height: 80px;
    letter-spacing: 0.08em;
    z-index: 10;
}
.scrolltext {
	position: absolute;

	font-size: 10px;
    bottom: 170px;
    color: #000;
    right: -7px;
	transform: rotate(90deg);
	font-weight: 600;	letter-spacing: 0.185em;
    z-index: 10;
}
.scroll:after, .scroll:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	content: ''
}
.scroll:before {
	z-index: 10;
	-webkit-animation: scroll 2.4s infinite normal;
	animation: scroll 2.4s infinite normal;
	background: #000
}
.scroll:after {
	background: #cacaca
}
@-webkit-keyframes scroll {
0% {
-webkit-transform:translate3d(0, -100%, 0)
}
15% {
-webkit-transform:translate3d(0, -98%, 0)
}
85% {
-webkit-transform:translate3d(0, 98%, 0)
}
100% {
-webkit-transform:translate3d(0, 100%, 0)
}
}
@keyframes scroll {
0% {
transform:translate3d(0, -100%, 0)
}
15% {
transform:translate3d(0, -98%, 0)
}
85% {
transform:translate3d(0, 98%, 0)
}
100% {
transform:translate3d(0, 100%, 0)
}
}
    
    .maincp {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    font-size: 10px;
    writing-mode: vertical-rl;
}

    
@media screen and (max-width: 767px){
   #shop_footer_ .parts_calender_{
    padding: 10px 20px 20px;
    box-sizing: border-box;
       float: none;
}
    }