@charset "uft-8";
html {
	scroll-behavior: smooth;
}
.main_content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

}

.in-line{
display: inline-block;
}

.parts_feature_content {
  --color-featuremain: #0d9fc9;
}
.main_content {
  width: 100%;
}
.main_content h1 {
margin: 0 auto 40px;
text-align: center;
font-family: ruika, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 46px;
}

.main_content h2 {
margin: 0 auto 40px;
text-align: center;
font-family: ruika, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 40px;
}
.main_content h3 {
margin: 0 auto;
text-align: center;
font-family: ruika, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 40px;
color:var(--color-featuremain);
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}

.main_content h3.mk_search{
margin: 0 auto 40px;
}



.note {
margin: 0 auto 40px;
font-size: 13px;
display: block;
width: 100%;
max-width: 760px;
color: #333333;
}


.note a {
color: var(--color-featuremain);
border-bottom: solid 1px var(--color-featuremain);
}

.sub_title{
display: block;
width: 100%;
font-size: 20px;
}

.cat_label{
display: inline-block;
padding: 0.25em 1em;
font-size: 18px;
background-color:var(--color-featuremain);
color: #FFFFFF;
border-radius:100vh; 
font-weight: 500;
margin-right: 0.5em;
}


.recommend_title,
.newitem_title {
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 0 7px;
  color: #333333;
  flex-wrap: wrap;
}

.top_img{
width: 100%;
max-width: 880px;
margin: 0 auto;
position: relative;
}
.p_img{
position: absolute;
}


.top_img p{
display: block;
position: absolute;
top:68.84%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
font-weight: 500;
}

/*画像位置*/
.top_text_01{
top:13.24%;
left: 50%;
transform: translateX(-50%);
width: 58.18%;
height: auto;
}


.top_text_02{
top:24.83%;
left: 50%;
transform: translateX(-50%);
width: 58.18%;
height: auto;
}

.top_text_03{
top:43%;
left: 50%;
transform: translateX(-50%);
width: 52.72%;
height: auto;
}

.top_img_03{
top:6.62%;
left:5.34%;
width: 16.02%;
height: auto;
}
.top_img_04{
top:20.7%;
left:1.36%;
width: 14.88%;
height: auto;
}

.top_img_05{
top:52.15%;
left:2.27%;
width: 10.56%;
height: auto;
}


.top_img_06{
top:48.34%;
left:11.6%;
width: 8.0%;
height: auto;
}

.top_img_07{
top:39.73%;
left:14.2%;
width: 16.02%;
height: auto;
}

.top_img_08{
top:24.83%;
left:12%;
width: 6.81%;
height: auto;
}

.top_img_09{
top:14.9%;
left: 17%;
width: 6.3%;
height: auto;
}

.top_img_10{
top:8.77%;
right:13.63%;
width: 15.68%;
height: auto;
}

.top_img_11{
top:28.14%;
right:2.27%;
width: 15.9%;
height: auto;
}

.top_img_12{
top:44.7%;
right:15%;
width: 15.22%;
height: auto;
}
.top_img_13{
top:43%;
right:2.27%;
width: 14.2%;
height: auto;
}
.top_img_14{
top:6.62%;
right:0;
width: 18.18%;
height: auto;
}

/*画像位置ここまで*/

/*アニメーション*/
.animated-image,.animated-image_text{
  position: absolute;
  opacity: 0;
  transform: scale(0);
}
.animated-image_text_sub {
  position: absolute;
  opacity: 0;
}
.animate{
animation-name: popIn;
animation-duration: 0.6s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;

}
.animate_text{
animation-name: slideIn;
animation-duration: 0.6s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;

}
.sub_01.animate_text_sub{
animation-name: popUp;
animation-duration: 0.6s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;

}
.sub_02.animate_text_sub{
 animation-name: fadeIn;
animation-duration: 2s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;
}

.animate_nav{
 animation-name: fadeIn02;
animation-duration: 2s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;
}
/* 各画像の表示タイミング*/
.delay-3.animate {
  animation-delay: 0.1s;
}
.delay-4.animate {
  animation-delay: 0.2s;
}
.delay-5.animate {
  animation-delay: 0.3s;
}

.delay-6.animate {
  animation-delay: 0.4s;
}

.delay-7.animate {
  animation-delay: 0.5s;
}

.delay-8.animate {
  animation-delay: 0.6s;
}

.delay-9.animate {
  animation-delay: 0.7s;
}

.delay-10.animate {
  animation-delay: 0.1s;
}
.delay-11.animate {
  animation-delay:0.2s;
}
.delay-12.animate {
  animation-delay: 0.3s;
}
.delay-13.animate {
  animation-delay: 0.4s;
}
.delay-14.animate {
  animation-delay: 0.5s;
}

.delay-text_01.animate_text{
  animation-delay: 0.6s;
}
.delay-text_02.animate_text{
  animation-delay: 0.8s;
}

.delay-text_03.animate_text_sub{
  animation-delay: 1.4s;
}

.delay-text_04.animate_text_sub{
  animation-delay:2.0s;
}

.delay-text_05.animate_text_sub.animate{
  animation-delay:2.0s;
}

/* popIn keyframes */
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  } }

/*keyframes */
@keyframes popUp {
0% {
    transform: translate(-50%,0);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }

}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(0) ;
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) ;
  }

}
@keyframes fadeIn {

  0% {
    transform: translate(-50%, 30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) ;
  }

}
@keyframes fadeIn02 {

  0% {
    transform: translate(0, 30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) ;
  }

}
/*keyframesここまで */
/*ナビゲーションエリア */
.nav_list{
width: 100%;
max-width: 880px;
margin: 20px auto;
padding: 0;
list-style: none;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;

}

ul.nav_list li{
width: calc(100% / 3 - 20px);
background-color:var(--color-featuremain);
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 20px;
border-radius: 6px;

}

ul.nav_list li a{
display: block;
width: 100%;
color: #FFFFFF;
padding: 1em;
text-align: center;
font-weight: bold;

}

ul.nav_list li a span{
display: inline-block;
 position: relative;
padding-right: 2em;
}


ul.nav_list li a span:after{
content: '';
  width: 0.75em;
  height: 0.75em;
  border: 0;
  border-bottom: solid 3px #FFF;
  border-right: solid 3px #FFF;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.2em;
  margin: auto;
}

ul.nav_list li:hover{
opacity: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

ul.nav_list li::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
ul.nav_list li:hover::before {
  animation: shine 0.5s linear;
}

/*keyframes */
@keyframes shine {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/*keyframesここまで */
/*ナビゲーションエリアここまで */

/*コンテンツ部分*/
.animated-area{
  opacity: 0;
}

.animated-area.animate_area{
 animation-name: popUp_02;
animation-duration: 2s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) ;
animation-delay:1.0s;
}


.scloll_animate {
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}

.scloll_animate.is-active {
  animation-name: fadeUp;
animation-duration: 0.6s;
animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1)
}

.delay-text_04.is-active{
  animation-delay: 4s;
}

@keyframes popUp_02 {
0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }

}
/* bounce + フェードインの keyframes */
@keyframes fadeUp {
0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }

}

.fade-list li {
  opacity: 0;
  transform: translateY(30px);
}

.fade-list li.active {
  animation: fadeUp 0.6s ease-out forwards;
}


.recommend_title::before {
  width: 1.25em;
  height: 1.25em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.00488 19H22.0049V21H2.00488V19ZM2.00488 5L7.00488 8L12.0049 2L17.0049 8L22.0049 5V17H2.00488V5Z' fill='%23ffb500'%3E%3C/path%3E%3C/svg%3E");
  content: "";
}
.newitem_title::before {
  width: 1.25em;
  height: 1.25em;
  background-image: url("/PC/ja/asset/img/nw/feature/osusume/kira.svg");
  content: "";
}
.main_content h2 span {
  display: inline-block;
}

.content_inner {
  width: 100%;
  max-width: 880px;
  margin:-60px auto 0 ;
  padding: 0 20px 20px;
box-sizing: border-box;
 
}
.content_inner section {
}

.block_01{
  margin: 80px auto 120px;
}

.main_content img {
  max-width: 100%;
  height: auto;
}

.main_content p {
  font-size: 14px;
}

.items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin: 0 0 40px;
}

.item {
  width: calc(50% - 10px);
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: #fff;
  padding: 20px;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
}

.new_item_info h4 {
  font-size: 16px;
  text-align: left;
  display: block;
  line-height: 1.2;
  font-weight: 600;
  padding: 0.25em 0;
border-bottom: #333333 solid 1px;

}

.swiper-slide_inner h4 span {
  font-size: 14px;
  display: inline-block;
}

.item h4 span {
  font-size: 16px;
  display: inline-block;
}

.item_img {
  width: calc(54% - 20px);
  margin: 20px 20px 20px 0;
}
.item_img img {
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  display: block;
}

.item_info {
  width: 46%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 20px 0;
  padding-top: 4px;
}

.item_info p {
  display: block;
  width: 100%;
  text-align: justify;
  line-height: 1.5;
  font-size: 13px;
}
.item_info span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 0.5em;
  border-bottom: #333 dashed 1px;
  padding-bottom: 0.25em;
}
.item_info ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  list-style: none;
  margin-top: 5px;
  width: 100%;
}

.item_info ul li {
  display: block;
  width: calc(100% / 3 - 2px);
  margin: 0 1px 2px;
  line-height: 0;
}

.item_info ul li img {
  width: 100%;
  max-width: 72px;
}

.size_price_wrapper {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  align-items: flex-end;
  width: 100%;
}

.inch {
  font-size: 14px;
  font-feature-settings: "palt";
}

.size_price {
  width: 54%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-right: 0.5em;
}
.size_price p {
  color: crimson;
  font-size: 26px;
  font-feature-settings: "palt";
  font-weight: bold;
}

.size_price p span {
  font-size: 20px;
}

.size_price p:after {
  content: "（税込）";
  color: #373737;
  font-size: 12px;
  display: inline-block;
}

p.special_price:after {
  content: "キャンペーン中";
  color: crimson;
  font-size: 26px;
  font-feature-settings: "palt";
  font-weight: bold;
}

.btn--osusume,
a.btn--osusume {
  width: calc(46%);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 0.75rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #bc0000;
  border-radius: 0.5rem;
}

.btn--osusume:hover,
a.btn--osusume:hover {
  color: #fff;
  background: #d61a1a;
}

.parts_price{
  color: #d1003f;
font-family: din-2014, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
text-align: left;
}
.parts_price_cp{
color: #d1003f;
    /* font-family: din-2014, sans-serif; */
    font-weight: 600;
    font-style: normal;
    font-size: 26px;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 8px;
    display: block;
}
span.parts_price:before{
content: "￥";
font-size:18px;
font-weight: bold;
}

span.parts_price:after{
content: "（税込）";
font-size:13px;
font-weight: bold;
color: #000000;
}

.parts_price_mk{
font-size:13px;
font-weight: 100;
color: #5c5c5c;
}


.parts_price_s{
color: #5c5c5c;
font-size: 16px;
font-weight: 100;
display: block;
margin:0;
}

span.parts_price.parts_price_s:before{
content: "￥";
font-size:13px;
font-weight: bold;
}

span.parts_price:after{
content: "（税込）";
font-size:13px;
font-weight: bold;
color:#5c5c5c;
}

.parts_btn{
width: 100%;
background-color:#d1003f;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 20px;
border-radius: 6px;
border:none;
}
.parts_btn:hover{
background-color: #F10047;
}

.parts_btn a{
display: block;
width: 100%;
color: #FFFFFF;
padding: 1em;
text-align: center;
font-weight: bold;

}

.parts_btn a span{
display: inline-block;
 position: relative;
padding-right: 2em;
}


.parts_btn a span:after{
content: '';
  width: 0.75em;
  height: 0.75em;
  border: 0;
  border-bottom: solid 3px #FFF;
  border-right: solid 3px #FFF;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


.cat_btn{
margin-top: 20px;
padding: 20px;
font-size: 20px;
}




.feature_mk{
list-style: none;
padding: 0;
margin: 0;
}

ul.feature_mk li{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;	
width: 100%;
margin-bottom: 20px;
}

ul.feature_mk li .logo_img {
width: calc(40% - 20px);
max-width: 260px;
height: 210px;
box-sizing: border-box;
border: var(--color-featuremain) solid 2px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}

.maker_info {
width: calc(60%);
height: 210px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
/*
.hks_sus{
background-image: url("/PC/ja/asset/img/nw/feature/parts_lp/bg/hks.png");
}
.cusco_sus{
background-image: url("/PC/ja/asset/img/nw/feature/parts_lp/bg/cusco.png");
}

.blitz_sus{
background-image: url("/PC/ja/asset/img/nw/feature/parts_lp/bg/blitz.png");
}

.tanabe_sus{
background-image: url("/PC/ja/asset/img/nw/feature/parts_lp/bg/tanabe.png");
}

.tein_sus{
background-image: url("/PC/ja/asset/img/nw/feature/parts_lp/bg/tein.png");
}

*/

.maker_info h4{
color: var(--color-featuremain);
font-size: 24px;
margin-bottom: 0.75em;
display: block;
border-bottom: var(--color-featuremain) solid 2px;
}
.maker_info p{
display: block;
margin-bottom: 10px;

}

.ml_link{
position: relative;
display: inline-block;
margin-left: auto;
margin-top: auto;
}

.maker_info a{
color: #d1003f;
display: block;
margin-right: 1em;
font-size: 14px;
font-weight: bold;
transition: 0.8s;
}

.maker_info a:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border: 0;
    border-bottom: solid 2px #d1003f;
    border-right: solid 2px #d1003f;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.list_mk{
margin: 40px auto 20px;
width: 100%;
list-style: none;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;

}

.list_mk li{
width: calc(100% / 3 - 20px);
margin-bottom: 20px;
border: var(--color-featuremain) solid 2px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}

 .no_link{
border: none!important;
}



.list_mk li a{
display: block;
} 
.list_mk li img{
width: 100%;
height: auto;
display: block;
}
.section_inner{
margin: 40px 0;
padding-bottom: 20px;
border-bottom: var(--color-featuremain) dashed 2px;
} 

.section_inner .inner_last{
border-bottom: none;
}

.bg_g{
background-color: #CDCDCD;
}

.parts_fearure{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}

.parts_fearure_img
{
width:50%;
margin-bottom: 20px;
}

.parts_fearure_img img
{
width: 100%;
}

.parts_fearure_info
{
width:calc(50% - 40px);
margin-bottom: 60px;

}
.parts_fearure_info p{
font-size: 16px;
color: #333333;
}




.parts_fearure_info h3{
font-size: 32px;
text-align: left;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;

margin-bottom: 10px;
border-bottom: dashed var(--color-featuremain) 1px;
}

.parts_fearure_info h3 span{
font-size: 16px;
text-align: left;
background-color: var(--color-featuremain);
display: inline-block;
padding: 0.25em 0.5em;
color: #FFFFFF;
border-radius: 5px;
margin-bottom: 0.5em;
position: relative;

}

.parts_fearure_info h3 span::after {
content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    bottom: -5px;
    left: 20px;
    border-right: 20px solid var(--color-featuremain);
    border-top: 0px solid transparent;
    border-bottom: 22px solid transparent;
    transform: rotate(55deg);
    z-index: -1;
}


.searct_title{
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0 20px;
}

.searct_title::before, .searct_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 4px;
	border-radius: 100vh;
    height: 2rem;
    background: var(--color-featuremain);;
}
.searct_title::before {
    transform: rotate(-30deg);
    left: 0;
}
.searct_title::after {
    transform: rotate(30deg);
    right: 0;
}


.parts_top_btn {
margin-top: 60px;
}

.anchor_l{
padding-top: 120px;
    margin-top: -120px;
    z-index: -1;
    display: block;
    position: relative;

}

.new_item_info p{
height: 90px;

}
@media screen and (max-width: 900px) {
  .size_price {
    width: 100%;
  }
  .btn--osusume,
  a.btn--osusume {
    width: 100%;
  }
  .inch {
    display: block;
    width: 36%;
  }
  .inch span {
    display: inline-block;
  }
  .size_price {
    width: 100%;
    -webkit-box-align: end;
    align-items: flex-end;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    padding-right: 0;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }

  .size_price p {
    display: block;
    width: calc(64% - 10px);
    padding-right: 10px;
  }
}
@media screen and (max-width: 830px) {
  .inch {
    width: 100%;
  }
  .size_price p {
    width: 100%;
  }
.note {
    margin: 0 auto 40px;
    font-size: 13px;
    display: block;
    width: 100%;
    color: #333333;
	padding: 0 40px;
}
	
}

@media screen and (max-width: 768px) {
  .item {
    width: 100%;
  }
  .inch {
    width: 100%;
  }
  .size_price p {
    width: 100%;
  }

  .item_img {
    width: calc(46% - 20px);
  }
  .item_info {
    width: 54%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 20px 0;
    padding-top: 4px;
  }

  .item_info ul li {
    display: block;
    width: 72px;
    margin: 0 1px 2px;
    line-height: 0;
  }

  .size_price {
    width: 100%;
  }

  .btn--osusume,
  a.btn--osusume {
    width: 100%;
    margin: 0;
  }

  .size_price_wrapper {
    width: 54%;
    margin-left: auto;
    margin-top: -40px;
  }
}

@media screen and (max-width: 720px) {
.parts_fearure_info {
    width: 100%;
    margin-bottom:20px;
	}
	.parts_fearure_img {
    width: 100%;
	max-width: 400px;
    margin: 0 auto 40px;
}
.parts_fearure_info h3 {
    text-align: center;

}
	.parts_fearure_info h3 span {
    display: block;
	width: 100%;
text-align: center;
		

}
.parts_fearure_info h3 {
-webkit-box-pack: center;
justify-content: center;
}
.parts_fearure_info h3 span::after {
    left: 48%;
}
.note {
        padding: 0 20px;
    }
	
.list_mk li {
    width: calc(100% / 2 - 5px);
}
	
	
}
@media screen and (max-width: 660px) {
  .item_img {
    width: 100%;
    margin: 0;
  }
  .item_img img {
    max-width: 240px;
    margin: 20px auto;
  }
  .item_info {
    width: 100%;
  }

  .item_info p {
    font-size: 14px;
  }
  .size_price_wrapper {
    width: 100%;
    margin: 0;
  }
  .size_price {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .item_info ul li {
    width: calc(25% - 2px);
    max-width: 72px;
  }
  .item_info ul li img {
    width: 100%;
  }

  .item h3 {
    font-size: 18px;
  }
.new_item_info p{
height: auto;

}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 24%;
}
	
}

.goods-item__picture {
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.new_item_slid {
width: 100%;
    max-width: 880px;
position: relative;
    padding: 0 40px;
    margin-bottom: 50px;
}

.goods-item__picture img {
  width: 100%;
border: #333333 solid 1px;
}

.swiper .swiper-slide {
  height: auto;
}

.swiper-slide_inner {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
}

.swiper-slide_inner > a {
  text-decoration: none;
  color: #333;
}

.swiper-pagination {
  bottom: -40px !important;
}

.new_item_info {
  width: 100%;
  margin: 10px auto;
}

.new_item_info h3 {
  font-size: 16px;
  border-bottom: #333 solid 1px;
  padding-bottom: 5px;
}

.new_item_info dl {
  display: -webkit-box;
  display: flex;
  font-size: 13px;
  margin-top: 5px;
}

.date {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
  padding: 0.25em 1em;
  background-color: #333;
  color: #fff;
}



/*タブ切り替え全体のスタイル*/
.tab-container {
  margin-top: 50px;
  padding-bottom: 40px;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100% / 2);
  height: 80px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 80px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  text-align: center;
  font-weight: bold;
  float: left;
  transition: all 0.3s;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  overflow: hidden;
  clear: both;
  padding-top: 40px;
}

/*選択されているタブのコンテンツのみを表示*/
#japanese:checked ~ #new_item_japanese,
#import:checked ~ #new_item_import {
  display: block;
}

.tab-container input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
  font-size: 24px;
}

:-moz-user-disabled .tab-container input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
  font-size: 24px;
}

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

	
.top_text_01,.top_text_02,.top_text_03 {
    width: 80%;
    height: auto;
}
.top_text_01 {
    top: 5%;
}
.top_text_02 {
    top: 20.83%;
}
	
	.top_img p {
    display: block;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    font-weight: 500;
	font-size: 12px;
	padding: 0 10px;
}

.top_img_03 {
    top: 2%;
}
.top_img_04 {
    top: 14%;

}
	
.top_img_05 {
    top: 60%;
}

	
.top_img_06 {
top: 56%;
left: 10%;
}
.top_img_07 {
    top: 39.73%;
    left: 6%;
	
}
	
.top_img_08 {
    top: 38%;
    left: 2%;
}
	
.top_img_09 {
    top: 10%;
}
.top_img_10 {
    right: 8%;
}
.top_img_11 {
    top: 24%;
    right: 0%;
}
.top_img_12 {
    top: 56%;
    right: 10%;
}
.top_img_13 {
    top: 38%;
}
.top_img_14 {
    top: 3%;
}	
.top_text_03 {
    top: 46%;	
}
	
.content_inner {
    width: 100%;
    max-width: 880px;
   margin:60px auto 0; 
    padding: 0 20px 20px;
    box-sizing: border-box;
}
.main_content h1 {;
    font-size: 36px;
    margin: 0 auto 20px;
}	
ul.nav_list li {
    width: calc(100% / 2 - 5px);
    background-color: var(--color-featuremain);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 6px;
}
ul.nav_list li a {
    padding: 0.5em;
	font-size: 13px;
}
.block_01 {
    margin: 40px auto;
}
.main_content h2 {
    margin: 0 auto;

}
.main_content h3 {
font-size: 32px;
margin: 0 auto 10px
}
.cat_label {
    font-size:16px;

}
.new_item_slid {
 padding: 0 20px;

}
ul.feature_mk li {
 margin-bottom: 40px;	
}	
ul.feature_mk li .logo_img {
width: 100%;
max-width: 100%;
height: auto;
	
}
ul.feature_mk li .logo_img img {
 width: 100%;
max-width: 260px;
height: auto;
margin: 0 auto;

	
}
	
.maker_info {
 width: 100%;
height: auto;
 background-position: center center;
}
	
.maker_info h4 {
text-align: center;
font-size: 20px;
 margin: 0.5em auto;
}	
}