@charset "utf-8";

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

    
    
/*============================
panel
============================*/
.parts_panelArea_top { min-width: inherit; height: 280px; }
.parts_panelArea_top .catch span.md_font_bebasKai { font-size: 3.25em; margin-top: 120px; }
.parts_panelArea_top .catch span.md_font_century {  }
.parts_panelArea_top:before {  }
.parts_panelArea { min-width: 100%; height: 92px; padding: 0; }
.parts_panelArea:before {  }
.parts_panelArea .catch span.md_font_bebasKai {  }
.parts_panelArea .catch span.md_font_century {  }


/*============================
container
============================*/
.parts_container { width: 100%; margin: 0 auto; padding: 0 4%; position: relative; }

/*============================
br
============================*/
br.sp{ display: block; }

/*============================
body
============================*/
body {  }    
    
/*============================
#categoryArea
============================*/
#categoryArea { display: none; }
#categoryArea .titlePlate {  }
#categoryArea .titlePlate .catch.curve_text {}
#categoryArea .titlePlate .catch.curve_text span {}
#categoryArea .titlePlate .title {  }
#categoryArea .titlePlate .title:after {  }
#categoryArea .titlePlate .ja {  }
#categoryArea .categoryList {  }
#categoryArea .categoryList ul {  }
#categoryArea .categoryList ul li {  }
#categoryArea .categoryList ul li:last-child { }
#categoryArea .categoryList ul li a {  }
#categoryArea .categoryList ul li a:before {  }

/*============================
#categoryAreaSP
============================*/
nav{ display: none; }
#categoryAreaSP { display: block; text-align: right; }
#categoryAreaSP p.nav-open { position: relative; display: inline-block; margin-top: 10px; color: #000; font-size: 1em; font-weight: bold; border-bottom: 2px solid #000; }
#categoryAreaSP p.nav-open:before { content: ""; position: absolute; right: 20px; }
#categoryAreaSP p.nav-open:after { content: ""; }
#categoryAreaSP p.nav-open.active {}
#categoryAreaSP nav.categoryList {  }
#categoryAreaSP nav.categoryList ul { float: right; width: 60%; padding: 2% 4%; background-color: #F8F8F8; box-shadow: 0px 0px 15px -5px #c9c9c9; }
#categoryAreaSP nav.categoryList ul li { float: right; width: 94%; margin-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #DCDCDC; }
#categoryAreaSP nav.categoryList ul li:last-child { border-bottom: none; }
#categoryAreaSP nav.categoryList ul li a { display: block; width: 100%; height: 100%; }


/*============================
#introArea
============================*/
#introArea { float: none; min-width: inherit; width: 100%; margin-top: 30px; }
#introArea .title { }
#introArea .title img { width: 80%; }
#introArea .title .catch.curve_text span {}
#introArea .title .main {}
#introArea .title .main img {}
#introArea .title .sub {}
#introArea .catch { font-size: 1.125em; line-height: 1.5; }
#introArea .catch.sp { display: block; }
#introArea .text { margin-top: 20px; font-size: 0.875em; }

/*============================
#productListArea
============================*/
#productListArea { float: none; min-width: inherit; width: 100%; margin-top: 0; }
#productListArea ul {}
#productListArea ul li { margin: 30px 10px 0 0; width: 48%; }
#productListArea ul li:nth-child(-n+4) { margin-top: 30px; }
#productListArea ul li:nth-child(4n) { }
#productListArea ul li:nth-child(2n) { margin-right: 0; }
#productListArea ul li a { }
#productListArea ul li a .image { width: 100%; height: auto; }
#productListArea ul li a .image img { width: 100%; height: auto; }
#productListArea ul li a .category {  }
#productListArea ul li a .title { height: 35px; }
#productListArea ul li a .text { height: 48px; }
#productListArea ul li a .price {  }
#productListArea ul li a .price span {  }
#productListArea .more {  }
#productListArea .button { margin-top: 40px; }
#productListArea .button:before { display: none; }
#productListArea .button:after { display: none; }
#productListArea .button span:before { width: 110%; }
#productListArea .button span:after {  }
#productListArea .button a {  }

/*============================
#companyArea
============================*/
#companyArea { min-width: inherit; padding: 0 4%; margin-top: 60px; }
#companyArea ul { width: 100%; }
#companyArea ul li { float: none; width: 100%; height: auto; margin-top: 10px; }
#companyArea ul li:last-child {  }
#companyArea ul li a { padding: 6% 4%; }
#companyArea ul li a .lead { }
#companyArea ul li a .lead br { display: none; }
#companyArea ul li a .lead:after { width: 100%; }
#companyArea ul li:first-child .lead {  }
#companyArea ul li:nth-child(2) .lead { }
#companyArea ul li:nth-child(3) .lead{  }
#companyArea ul li a .lead span {  }
#companyArea ul li a .logo { text-align: center; }
#companyArea ul li a .logo img { width: 40%; height: auto; }
#companyArea ul li a .title {  }
#companyArea ul li a .text { width: 85%; margin-bottom: 0; }

/*============================
#contactArea
============================*/
#contactArea { min-width: inherit; width: 100%; padding: 30px 4%; }
#contactArea:before { display: none; }
#contactArea .title.leftArea { float: none; text-align: center; margin: 0 auto; }
#contactArea .title.leftArea img { width: 90%; }
#contactArea .rightArea { float: none; margin: 20px auto 0 auto; }
#contactArea .rightArea .title.md_font_bebasKai { text-align: center; }
#contactArea .rightArea .mail { margin: 10px 0 0 6%; }
#contactArea .rightArea .mail a {}
#contactArea .rightArea .mail a img {  }
#contactArea .rightArea .mail a .copy { display: inline-block;  margin-left: 10px; }
#contactArea .rightArea .tell { margin: 20px 0 0 6%; }
#contactArea .rightArea .tell a {}
#contactArea .rightArea .tell a img {  }
#contactArea .rightArea .tell a .copy { margin: 0 0 0 10px; }
#contactArea .rightArea .tell a .copy .number.md_font_bebasKai {  }
#contactArea .rightArea .tell a .copy .number span {  }


/*============================
#productDetailPage ↓
============================*/

.md_panelArea {  }
.md_panelArea .catch {  }
#productDetailArea { float: none; width: 100%; margin-top: 60px; }
#productDetailArea .imageArea {}
#productDetailArea .imageArea .swiper-main { width: 100%; height: auto; max-height: 300px; }
#productDetailArea .imageArea .swiper-main {}
#productDetailArea .imageArea .swiper-main .swiper-slide {}
#productDetailArea .imageArea .swiper-main .swiper-slide img { height: auto; max-height: 300px; }
#productDetailArea .imageArea .swiper-thumb {}
#productDetailArea .imageArea .swiper-thumb .swiper-slide { margin-right: 2%!important; width: 32%!important; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(3n) { margin-right: 0!important; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(5n) { margin-right: 2%!important; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(n+4) { margin-top: 8px; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(15) { margin-right: 0; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(30) { margin-right: 0; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide .thumb-media { position: initial; width: 32%; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide .thumb-media img {}
#productDetailArea .imageArea .swiper-thumb .swiper-scrollbar {}
#productDetailArea .imageArea .swiper-slide-thumb-active {}
#productDetailArea .detailArea { }
#productDetailArea .detailArea .category { }
#productDetailArea .detailArea .title {  }
#productDetailArea .detailArea .text {  }
#productDetailArea .detailArea .text br { display: none; }
#productDetailArea .detailArea .price {  }
#productDetailArea .detailArea .price span {  }
#productDetailArea .dataArea { margin-top: 30px; }
#productDetailArea .dataArea table {  }
#productDetailArea .dataArea table tbody {}
#productDetailArea .dataArea table tbody tr { }
#productDetailArea .dataArea table tbody tr:last-child {  }
#productDetailArea .dataArea table tbody tr th { width: 24%; padding: 8px;  }
#productDetailArea .dataArea table tbody tr td { padding: 12px; }
#productDetailArea .buyArea {}
#productDetailArea .buyArea .button { margin-top: 30px; display: block; text-align: center; }
#productDetailArea .buyArea .button .md_btn_main { margin-top: 20px; }
#productDetailArea .buyArea .button .md_btn_main::before { content: none; }
#productDetailArea .buyArea .button .md_btn_main::after { content: none; }
#productDetailArea .buyArea .button .md_btn_main span::before { content: none; }
#productDetailArea .buyArea .button .md_btn_main span::after { content: none; }
#productDetailArea .buyArea .button .md_btn_main span img  { width: 22px; height: auto; margin-right: 5px; }

#productDetailArea .buyArea .shop { width: 100%; padding: 30px 20px; margin-top: 50px; height: auto; }
#productDetailArea .buyArea .shop .inner { }
#productDetailArea .buyArea .shop .inner:before { display: none; }
#productDetailArea .buyArea .shop .leftArea { float: none; margin-left: 5%; }
#productDetailArea .buyArea .shop .leftArea img { margin-right: 8px; }
#productDetailArea .buyArea .shop .leftArea .title { top: 30px; }
#productDetailArea .buyArea .shop .leftArea .title span {   }
#productDetailArea .buyArea .shop .leftArea .copy { text-align: center; right: 22%; top: 84px; }
#productDetailArea .buyArea .shop .leftArea .copy span { }
#productDetailArea .buyArea .shop .rightArea { float: none; text-align: center; margin: 50px 0 0 0; }
#productDetailArea .buyArea .shop .rightArea .number { }
#productDetailArea .buyArea .shop .rightArea .text {  }
#productDetailArea .map {  }
#productDetailArea .map iframe { width: 100%; height: auto; }

/*============================
#categoryListPage ↓
============================*/
#productListArea .categoryTitle {  }
#productListArea .categoryTitleEn {  }
#productListArea.categoryListShikkui { margin-top: 60px; }
#productListArea ul { margin-top: 0; }
    
    

}