/*================================== base ==================================*/ * { box-sizing: border-box;} html { height: 100%; width: 100%; font-size: 62.5%;/* 10px */} body { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size:1.6rem; line-height: 1.5; color:#000; background: #fff; height: 100%; width: 100%; font-feature-settings: "palt"; letter-spacing: 0.05em;} .wrapper, .ec-layoutRole { position: relative; height: 100%; width: 100%;} section { position: relative; z-index: 1;} h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p { font-weight: 400; margin: 0; padding: 0; list-style: none;} button, input, optgroup, select, textarea { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.5;} img {image-rendering: -webkit-optimize-contrast;} main, .ec-layoutRole__contents { margin-top: 20px;} #page_product_list .ec-layoutRole__contents { margin-top: 61px;} a { color: #000; text-decoration: none;display: block; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s; transition:0.8s;} a:hover {text-decoration: none; opacity: 0.6;} a.faxnum { display: inline-block; color:inherit; pointer-events: none; cursor: default; text-decoration: none;} a.faxnum:hover { opacity: 1;} a.telnum { display: inline-block; color:inherit;} .outer { max-width: 1280px; margin: 0 auto;} .inner { max-width: 1180px; margin: 0 auto;} .en { font-family: 'Audiowide', cursive; font-weight: 400;} .num { font-family: 'Righteous', cursive; font-weight: 400;} .narrow { transform: scale(0.9, 1); display: inline-block; transform-origin: top left;} .italic { font-style: italic;} .nomal_link { text-align: center;} .nomal_link a { font-size: 18px; color: #4555a0; border-bottom: solid 1px #4555a0; padding-bottom: 5px; display: inline-block;} select, textarea, input { padding: 20px; background: #f4f4f4; border: 0;} .ec-layoutRole__main select, .ec-layoutRole__main textarea, .ec-layoutRole__main input { padding: 20px; font-size: 18px; background: #f4f4f4; border: 0; height: auto; border-radius: 0; color: #000;margin-top: 10px;} .ec-layoutRole__main .ec-login select, .ec-layoutRole__main .ec-login textarea, .ec-layoutRole__main .ec-login input { background:#fff;} .ec-layoutRole__main .ec-login .ec-login__actions button { margin: 0;} select:focus, textarea:focus, input:focus { outline: none !important;} ::placeholder { color: #999 !important;} @media screen and (min-width: 750px) { body {} .wrapper, .ec-layoutRole { min-width: 1340px; margin: 0 auto;} a.telnum { pointer-events: none; cursor: default; text-decoration: none;} .spOnly { display: none;} } @media screen and (max-width: 749px) { body { font-size:1.4rem;} .wrapper, .ec-layoutRole { min-width: 100%;} img { width: 100%;height: auto;} main, .ec-layoutRole__contents { margin-top: 90px;} #page_product_list .ec-layoutRole__contents { margin-top: 131px;} .pcOnly { display: none;} .outer { max-width: 90%; margin: 0 auto;} .inner { max-width: 90%; margin: 0 auto;} .nomal_link a { font-size: 14px;} select, textarea, input { padding: 10px;} .ec-layoutRole__main select, .ec-layoutRole__main textarea, .ec-layoutRole__main input { padding: 10px; font-size: 15px;margin-top: 5px;} } /* margin */ .mt10 { margin-top: 10px;} .mt20 { margin-top: 20px;} .mt30 { margin-top: 30px;} .mt40 { margin-top: 40px;} .mt50 { margin-top: 50px;} .mb10 { margin-bottom: 10px;} .mb20 { margin-bottom: 20px;} .mb30 { margin-bottom: 30px;} .mb40 { margin-bottom: 40px;} .mb50 { margin-bottom: 50px;} @media screen and (max-width: 749px) { } /* eccube */ .ec-registerCompleteRole { color: #000;} .ec-blockTopBtn { display: none !important;} .ec-layoutRole .ec-layoutRole__contents { max-width: 100%;} .ec-productRole { max-width: 1180px;} .ec-role { max-width: 1180px; padding: 0; color: #000;} .ec-forgotRole { max-width: 1180px; padding: 0; color: #000;} .ec-pageHeader h1 { margin: 80px 0; font-size: 30px !important; padding: 0 0 30px 0 !important; color: #080808 !important; font-weight: 500 !important; letter-spacing: 0.2em;} .ec-blockBtn--action { font-size: 18px; max-width: 380px; height: 80px; line-height: 80px; margin: 0 10px; font-weight: 500; background: #d52626;} .ec-blockBtn--cancel { font-size: 18px; max-width: 380px; height: 80px; line-height: 80px; margin: 0 10px; font-weight: 500; background: #38383a;} .ec-zipInputHelp { display: none;} .ec-borderedDefs { margin-bottom: 50px;} .ec-borderedDefs dt { font-size: 20px; color: #000; padding: 14px 0;} dt .ec-required { font-size: 12px; padding: 2px 5px 5px; margin-left: 6px; border-radius: 20px; content: "必須"; background: #d52626; color: #fff; display: inline-block; line-height: 1;} .ec-cartRole { padding: 0; max-width: 1180px;} .ec-cartRole .ec-cartRole__progress { display: none;} .ec-cartRole .ec-cartRole__totalText { margin-bottom: 60px;} .ec-cartRole .ec-cartRole__cart { margin: 0;} .ec-cartHeader .ec-cartHeader__label { font-size: 18px; background: #38383a; color: #fff; font-weight: 500;} .ec-cartRole .ec-cartRole__actions { margin-right: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .ec-cartRole .ec-cartRole__actions .ec-cartRole__total { margin-bottom: 80px; padding: 30px; color: #000; width: 100%; background: #f9f9f9; border-top: #666 solid 1px;} .ec-cartRole .ec-cartRole__actions .ec-cartRole__total .ec-cartRole__totalAmount { font-size: 30px; color: #000;} .ec-cartRow .ec-cartRow__contentColumn { padding: 20px 10px;} .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name { font-size: 14px; color: #707070; font-weight: 300;} .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name a { font-size: 20px; color: #080808; font-weight: 500;} .ec-cartRow .ec-cartRow__subtotalColumn { font-size: 18px; text-align: center; color: #000; font-weight: 500;} .ec-checkbox { text-align: center;} .ec-checkbox a { display: inline-block;} .ec-off1Grid .ec-off1Grid__cell { width: 100%; margin-left: 0;} .ec-registerRole { color: #000; max-width: 1180px; padding: 0;} .mypage .ec-layoutRole .ec-layoutRole__main { max-width: 1182px; margin: 0 auto;} .mypage .ec-layoutRole .ec-layoutRole__main .ec-pageHeader { margin-top: 50px;} #page_mypage_withdraw .ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel { margin-left: 0; margin-right: 0;} #shopping-form .ec-orderRole { max-width:1180px; padding: 0; margin-top: 0;} .cartCaptionText { font-size: 14px;line-height: 1.8; } .cartCaptionTxt01 { font-size: 14px;line-height: 1.8; } @media screen and (max-width: 749px) { .ec-role { max-width: 90%;} .ec-pageHeader h1 { margin: 40px 0; font-size: 20px !important; padding: 10px 0 15px 0 !important;} .ec-blockBtn--action { font-size: 16px; max-width: 380px; height: 50px; line-height: 50px; margin: 10px auto;} .ec-blockBtn--cancel { font-size: 16px; max-width: 380px; height: 50px; line-height: 50px; margin: 10px auto;} .ec-borderedDefs dt {font-size: 15px; width: 100%; padding: 0; margin-bottom: 5px;} .ec-borderedDefs dd { padding: 0 0 5px 0;} dt .ec-required { font-size: 10px;} .ec-cartRole { max-width: 90%;} .ec-cartRole .ec-cartRole__totalText { margin-bottom: 30px;} .ec-cartRole .ec-cartRole__actions .ec-cartRole__total { margin-bottom: 40px; padding: 15px;} .ec-cartRole .ec-cartRole__actions .ec-cartRole__total .ec-cartRole__totalAmount { font-size: 20px;} .ec-cartRow .ec-cartRow__contentColumn { padding: 20px 10px 20px 0;} .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name { font-size: 12px;} .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name a { font-size: 16px; word-break: break-all;} .ec-cartRow .ec-cartRow__subtotalColumn { font-size: 14px;} .ec-cartRow .ec-cartRow__delColumn { width: 10%;} .ec-cartRow .ec-cartRow__delColumn .ec-icon img { width: 1em; height: 1em;} .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton { width: 25px; min-width: 25px; max-width: 25px; height: 25px; line-height: 25px;} .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img { width: .7em; height: .7em; margin-left: -0.35em;} .ec-cartRow .ec-cartRow__img { width: 32%;} .ec-cartRow .ec-cartRow__summary { width: 55%;} .ec-AddAddress .ec-AddAddress__selectAddress select { width: 100%;} } /*================================== common ==================================*/ .pageTit { font-size: 80px; font-weight: 700; text-align: center;} .pageTit .narrow {transform-origin: top center;} /* pankuzu */ .pankuzu { color: #666; display: flex; flex-wrap: wrap;} .pankuzu li { margin-right: 10px; font-size: 14px;} .pankuzu li:after { content: ">"; display: inline-block; margin-left: 10px;} .pankuzu li:last-child:after{ content: "";} .pankuzu li a { display: inline-block; color: #000; text-decoration: underline;} /* relation */ #relation { overflow: hidden;} #relation #relationslider {} #relation #relationslider .swiper-slide {} #relation #relationslider .swiper-slide .tit { font-weight: 500;} #relation #relationslider .swiper-slide .tag { color: #666;} #relation #relationslider .swiper-slide .tag .tagitem { display: inline-block; margin-right: 20px;} /* voice */ #voice { margin-top: 180px;} #voice .container { width: 100%; padding: 0;} #voice .voiceslider { margin: 80px 0 0 0;} #voice .voiceslider .swiper-slide { width: 370px; padding: 20px;} #voice .voiceslider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} #voice .voiceslider .swiper-slide .img img { width: 330px; height: 260px; object-fit: cover;} #voice .voiceslider .swiper-slide .tit { font-size: 22px; margin-top: 30px; font-weight: 500;} #voice .voiceslider .swiper-slide .name { font-size: 16px; margin-top: 20px; color: #666; font-weight: 300; text-align: right;} /* taglistbox */ .taglistbox .taglist { padding-right: 160px; display: flex; flex-wrap: wrap;} .taglistbox .taglist li { margin: 0 20px 20px 0; display: inline-block;} .taglistbox .taglist li a { padding: 15px 25px; color: #666666; border: solid 1px #666; font-weight: 500; border-radius: 50px;} .taglistbox .taglist li a:hover { color: #172a88; border: solid 1px #172a88; opacity: 1;} .taglistbox .taglist li.on a { color: #172a88; border: solid 1px #172a88; opacity: 1;} /* nomal_table */ .nomal_table { margin-top: 100px; display: flex; flex-wrap: wrap; font-size: 18px; border-top: solid 1px #dddddd;} .nomal_table dt, .nomal_table dd { padding: 60px 0; font-weight: 500; border-bottom: solid 1px #dddddd; line-height: 1.8;} .nomal_table dt { width: 380px;} .nomal_table dd { width: 800px;} .nomal_table dd a.maplink { font-size: 14px; padding: 10px 15px; margin-left: 20px; line-height: 1; display: inline-block; background: #f9f9f9; color: #999;} .nomal_table dd .nomal_table_list { display: flex; flex-wrap: wrap;} .nomal_table dd .nomal_table_list dt, .nomal_table dd .nomal_table_list dd { padding: 0; font-weight: 500; border-bottom: none;} .nomal_table dd .nomal_table_list dt { width: 150px; position: relative;} .nomal_table dd .nomal_table_list dt:after { content: "："; position: absolute; right: 5px; top: 0;} .nomal_table dd .nomal_table_list dd { width: 650px;} /* comp */ .comp .maintit { font-size: 25px; text-align: center;} .comp .maintxt { margin-top: 50px; text-align: center;} .comp .nomal_link { margin-top: 100px;} @media screen and (min-width: 750px) { /* relation */ #relation { margin-top: 170px;} #relation .pageTit { font-size: 48px;} #relation #relationslider { margin-left: -30px; margin-top: 60px; display: flex;} #relation #relationslider .swiper-slide { width: 350px !important; margin: 0 29px;} #relation #relationslider .swiper-slide .img {} #relation #relationslider .swiper-slide .img img { width: 100%;} #relation #relationslider .swiper-slide .tit { font-size: 20px; margin-top: 30px;} #relation #relationslider .swiper-slide .tag { font-size: 14px; margin-top: 15px;} } @media screen and (max-width: 1180px) { } @media screen and (max-width: 749px) { .pageTit { font-size: 40px;} /* pankuzu */ .pankuzu { margin-bottom: 10px;} .pankuzu li { font-size: 10px;} /* relation */ #relation { margin-top: 80px;} #relation.inner { max-width: 100%;} #relation .pageTit { font-size: 30px;} #relation #relationslider { margin-top: 30px;} #relation #relationslider .swiper-slide {} #relation #relationslider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} #relation #relationslider .swiper-slide .img img { width: 100%; height: 30vw; object-fit: cover;} #relation #relationslider .swiper-slide .tit { font-size: 16px; margin-top: 15px;} #relation #relationslider .swiper-slide .tag { font-size: 12px; margin-top: 8px;} #relation #relationslider .swiper-slide .tag .tagitem { margin-right: 10px;} /* voice */ #voice { margin-top: 120px;} #voice .secTit { text-align: left; width: 90%; margin: 0 auto;} #voice .secTit .narrow { transform-origin: top left;} #voice .voiceslider { margin: 40px 0 0 0;} #voice .voiceslider .swiper-slide { width: 288px; padding: 20px;} #voice .voiceslider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} #voice .voiceslider .swiper-slide .img img { width: 248px; height: 196px; object-fit: cover;} #voice .voiceslider .swiper-slide .tit { font-size: 16px; margin-top: 15px;} #voice .voiceslider .swiper-slide .name { font-size: 12px; margin-top: 10px;} /* taglistbox */ .taglistbox .taglist { padding-right: 0;} .taglistbox .taglist li { margin: 0 12px 8px 0;} .taglistbox .taglist li a { font-size: 10px; padding: 8px 15px;} /* nomal_table */ .nomal_table { margin-top: 50px; display: block; font-size: 14px;} .nomal_table dt { width: 100%; padding: 20px 0 10px 0; border-bottom: 0;} .nomal_table dd { width: 100%; padding: 0 0 20px 0; font-weight: 400;} .nomal_table dd a.maplink { font-size: 13px; padding: 10px 15px; margin-left: 0; margin-top: 5px;} .nomal_table dd .nomal_table_list { display: block;} .nomal_table dd .nomal_table_list dt, .nomal_table dd .nomal_table_list dd { padding: 0;} .nomal_table dd .nomal_table_list dt { width: 100%; margin-top: 5px;} .nomal_table dd .nomal_table_list dt:after { display: none;} .nomal_table dd .nomal_table_list dd { width: 100%; font-weight: 400;} /* comp */ .comp .maintit { font-size: 18px;} .comp .maintxt { margin-top: 30px; text-align: left;} .comp .nomal_link { margin-top: 50px;} } /*================================== ec-cube parts ==================================*/ .ec-pagerRole {} .ec-pagerRole .ec-pager {} .ec-pagerRole .ec-pager a { font-size: 24px;} .ec-pagerRole .ec-pager li.ec-pager__item { margin: 0 10px; padding: 0; vertical-align: middle;} .ec-pagerRole .ec-pager li.ec-pager__item a { padding: 12px 0; line-height: 1; color: #999;} .ec-pagerRole .ec-pager li.ec-pager__item--active { padding: 0; vertical-align: middle; background: none;} .ec-pagerRole .ec-pager li.ec-pager__item--active a { padding: 12px 0; line-height: 1; color: #172a88; text-decoration: underline;} .ec-pagerRole .ec-pager li.ec-pager__item--active:first-child a:hover, .ec-pagerRole .ec-pager li.ec-pager__item--active:last-child a:hover { opacity: 1;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child, .ec-pagerRole .ec-pager li.ec-pager__item:last-child { color: #000; width: 70px; height: 70px; border-radius: 70px; border: solid 1px #999;} .ec-pagerRole .ec-pager li.ec-pager__item:hover { background: none;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child a, .ec-pagerRole .ec-pager li.ec-pager__item:last-child a{ font-size: 16px; border: 0; color: #fff; height: 100%; position: relative;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child a:before, .ec-pagerRole .ec-pager li.ec-pager__item:last-child a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; z-index: 1; width: 25px; height: 25px;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child a:before { background: url("/html/template/default/assets/img/common/icon_arrL_bk.svg") no-repeat; background-size: 25px auto;} .ec-pagerRole .ec-pager li.ec-pager__item:last-child a:before { background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") no-repeat; background-size: 25px auto;} @media screen and (max-width: 749px) { .ec-pagerRole .ec-pager a { font-size: 12px;} .ec-pagerRole .ec-pager li.ec-pager__item { margin: 0 5px; min-width: 15px;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child, .ec-pagerRole .ec-pager li.ec-pager__item:last-child { width: 40px; height: 40px; border-radius: 40px;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child a:before, .ec-pagerRole .ec-pager li.ec-pager__item:last-child a:before { width: 15px; height: 15px;} .ec-pagerRole .ec-pager li.ec-pager__item:first-child a:before { background: url("/html/template/default/assets/img/common/icon_arrL_bk.svg") no-repeat; background-size: 15px auto;} .ec-pagerRole .ec-pager li.ec-pager__item:last-child a:before { background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") no-repeat; background-size: 15px auto;} } /*================================== header ==================================*/ header#hd .hd_mainBox { padding-top: 18px;} header#hd .hd_mainBox .box1 .hd_catch { padding-top: 8px; font-size: 12px; font-weight: 300;} header#hd .hd_mainBox .box1 .area { margin-top: 10px; display: flex; align-items: center;} header#hd .hd_mainBox .box1 .area .hd_logo { max-width: 234px;} header#hd .hd_mainBox .box1 .area .hd_logo img { width: 100%;} header#hd .hd_mainBox .box1 .area .hd_logo a:hover { opacity:1;} header#hd .hd_mainBox .box1 .area .hd_search { margin-left: 20px;} header#hd .hd_mainBox .box1 .area .hd_search .ec-headerSearch { width: 280px;} header#hd .hd_mainBox .box1 .area .hd_search .ec-headerSearch .ec-headerSearch__category { display: none;} header#hd .hd_mainBox .box1 .area .hd_search .ec-headerSearch .ec-headerSearch__keyword { width: 100%; border-radius: 0; border: 0; background: #f4f4f4;} header#hd .hd_mainBox .box1 .area .hd_search input { font-size: 14px; padding: 8px 15px; max-width: 280px;} header#hd .hd_mainBox .box2 li a { letter-spacing: 0.1em;} header#hd .hd_mainBox .box2 .link1 { display: flex; align-items: center;} header#hd .hd_mainBox .box2 .link1 li { margin-right: 40px; position: relative;} header#hd .hd_mainBox .box2 .link1 li:after { height: 14px; content: ""; position: absolute; border-right: solid 1px #999; margin: auto; right: -20px; top: 0; bottom: 0;} header#hd .hd_mainBox .box2 .link1 li a{ font-size: 14px; color: #666; line-height: 1;} header#hd .hd_mainBox .box2 .link1 li.alllist { margin-right: 20px;} header#hd .hd_mainBox .box2 .link1 li.alllist a { padding: 10px 25px; border-radius: 38px; color: #172a88; background: #f4f4f4;} header#hd .hd_mainBox .box2 .link1 li.alllist:after { border: 0;} header#hd .hd_mainBox .box2 .link1 li:last-child { margin-right: 0;} header#hd .hd_mainBox .box2 .link1 li:last-child:after { border: 0;} header#hd .hd_mainBox .box2 .link2 { margin-top: 5px; display: flex; align-items: center;} header#hd .hd_mainBox .box2 .link2 li { margin-right: 20px;} header#hd .hd_mainBox .box2 .link2 li a{ font-size: 15px; padding-left: 30px;} header#hd .hd_mainBox .box2 .link2 li.entry a { background: url("/html/template/default/assets/img/common/icon_parson_bk.svg") left center no-repeat; background-size: 25px auto;} header#hd .hd_mainBox .box2 .link2 li.favorite a { background: url("/html/template/default/assets/img/common/icon_favorite_bk.svg") left center no-repeat; background-size: 25px auto;} header#hd .hd_mainBox .box2 .link2 li.login a { background: url("/html/template/default/assets/img/common/icon_login_bk.svg") left center no-repeat; background-size: 25px auto;} header#hd .hd_mainBox .box2 .link2 li.cart { border-radius: 38px; margin-right: 0; border: solid 1px #999;} header#hd .hd_mainBox .box2 .link2 li.cart .ec-cartNavi { background: #fff; padding: 0; height: auto; min-width: auto;} header#hd .hd_mainBox .box2 .link2 li.cart .ec-cartNavi .ec-cartNavi__price { font-size: 18px; font-weight: 300; vertical-align: baseline; line-height: 1;} header#hd .hd_mainBox .box2 .link2 li.cart a { padding: 10px 25px 10px 55px; background: url("/html/template/default/assets/img/common/icon_cart_bk.svg") left 18px center no-repeat; background-size: 27px auto;} header#hd .hd_nav ul li a { padding: 20px 0; font-size: 14px; color: #fff; text-align: center; font-weight: 500;} header#hd .hd_contact_block { display: none;} header#hd .notice { padding: 5px 0 7px 0; font-size: 12px; color: #fff; text-align: center; background: #4555a0; font-weight: 500; letter-spacing: 0.1em;} header#hd .notice2 { padding: 15px 0 15px 0; font-size: 12px; color: #666; text-align: center; background: #f7f7f7; font-weight: 500; letter-spacing: 0.1em;} @media screen and (min-width: 750px) { header#hd .hd_mainBox { display: flex; justify-content: space-between;} header#hd .hd_nav { margin-top: 20px; background: #38383a;} header#hd .hd_nav ul { display: flex; justify-content: space-between;} header#hd .hd_nav ul li:nth-child(1) { width: 9%;} header#hd .hd_nav ul li:nth-child(2) { width: 18%;} header#hd .hd_nav ul li:nth-child(3) { width: 19%;} header#hd .hd_nav ul li:nth-child(4) { width: 22%;} header#hd .hd_nav ul li:nth-child(5) { width: 17%;} header#hd .hd_nav ul li:nth-child(6) { width: 15%;} header#hd .hd_nav ul li a:hover { opacity: 1; background: #d52626;} } @media screen and (max-width: 749px) { header#hd { position: fixed; width: 100%; top: 0; z-index: 500; background: #fff;} header#hd .hd_mainBox { padding-top: 50px;} header#hd .hd_mainBox .box1 .hd_catch, header#hd .hd_mainBox .box1 .area .hd_logo, header#hd .hd_mainBox .box2 .link2 li.cart { display: none;} header#hd .hd_mainBox .box1 .area .hd_search { margin-left: 0;} header#hd .hd_mainBox .box1 .area .hd_search input { font-size: 11px; padding: 12px 20px; width: 276px; max-width: 100%;} header#hd .hd_mainBox .box2 .link1 { margin-top: 62px;} header#hd .hd_mainBox .box2 .link1 li { margin-right: 20px;} header#hd .hd_mainBox .box2 .link1 li:after { right: -10px;} header#hd .hd_mainBox .box2 .link1 li a { font-size: 11px; color: #fff;} header#hd .hd_mainBox .box2 .link1 li.alllist { margin-right: 10px;position: absolute;margin-top: -70px;width: 30%;text-align: center;} header#hd .hd_mainBox .box2 .link1 li.alllist a { padding: 8px 12px; color: #172a88;} header#hd .hd_mainBox .box2 .link2 { margin-top: 20px;} header#hd .hd_mainBox .box2 .link2 li a{ color: #fff; font-size: 11px; padding-left: 25px;} header#hd .hd_mainBox .box2 .link2 li.entry a { background: url("/html/template/default/assets/img/common/icon_parson_wh.svg") left center no-repeat; background-size: 20px auto;} header#hd .hd_mainBox .box2 .link2 li.favorite a { background: url("/html/template/default/assets/img/common/icon_favorite_wh.svg") left center no-repeat; background-size: 20px auto;} header#hd .hd_mainBox .box2 .link2 li.login { margin-right: 0;} header#hd .hd_mainBox .box2 .link2 li.login a { background: url("/html/template/default/assets/img/common/icon_login_wh.svg") left center no-repeat; background-size: 20px auto;} header#hd .hd_nav { margin: 40px auto 0 auto; padding-top: 30px; border-top: solid 1px #858586; width: 90%;} header#hd .hd_nav .inner { max-width: 100%;} header#hd .hd_nav ul li a { text-align: left; font-size: 13px; padding: 13px 0;} header#hd .hd_contact_block { display: block;} header#hd .hd_contact_block { color: #fff; margin-top: 40px;} header#hd .hd_contact_block a { color: #fff;} header#hd .hd_contact_block .tit { font-size: 13px; text-align: center;} header#hd .hd_contact_block .tit .narrow { transform-origin: top center; padding-left: 30px;} header#hd .hd_contact_block .num, header#hd .hd_contact_block .txt, header#hd .hd_contact_block .btn { text-align: center;} header#hd .hd_contact_block .telBox { padding: 20px 0; background: #4555a0;} header#hd .hd_contact_block .telBox .tit { line-height: 23px;} header#hd .hd_contact_block .telBox .tit .narrow { background: url("/html/template/default/assets/img/common/icon_tel_wh.svg") top left no-repeat; background-size: 23px auto; display: inline-block;} header#hd .hd_contact_block .telBox .num { font-size: 27px;} header#hd .hd_contact_block .telBox .txt { font-size: 8px;} header#hd .hd_contact_block .mailBox { padding: 20px 0; background: #172a88; text-align: center;} header#hd .hd_contact_block .mailBox .tit .narrow { background: url("/html/template/default/assets/img/common/icon_mail_wh.svg") center left no-repeat; background-size: 23px auto;} header#hd .hd_contact_block .mailBox .btn { margin: 0 auto; max-width: 257px; width: 80%; font-size: 15px;} header#hd .hd_contact_block .mailBox .btn a { font-size: 13px; margin-top: 20px; padding: 15px 0; font-weight: 500; background: #d62e30; color: #fff; position: relative;} header#hd .hd_contact_block .mailBox .btn a .bln{ font-size: 11px; position: absolute; right: -30px; top: -30px; width: 68px; height: 68px; background: url("/html/template/default/assets/img/common/ft_contactBlock_mail_icon.svg") no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; line-height: 1.2; font-weight: 400;} header#hd .notice { font-size: 9px; padding: 0; line-height: 24px; height: 24px; position: absolute; top: 0; width: 100%;} header#hd .notice2 { padding: 12px; font-size: 10px;} header#hd .sp_hd_bar { border-bottom: solid 1px #ddd; height: 50px; margin-top: 24px; display: flex; justify-content: space-between;} header#hd .sp_hd_bar .sp_hd_box1 { padding-left: 4.5%;} header#hd .sp_hd_bar .sp_hd_box1 .hd_catch { margin-top: 5px; font-size: 10px;} header#hd .sp_hd_bar .sp_hd_box1 .hd_catch .fstfmin { letter-spacing: -0.01em; transform: scale(0.9); display: block;transform-origin:0 0;} header#hd .sp_hd_bar .sp_hd_box1 .hd_logo { margin-top: 0px; width: 110px;} header#hd .sp_hd_bar .sp_hd_box2 { display: flex; font-size: 10px;} header#hd .sp_hd_bar .sp_hd_box2 .fstfmin { letter-spacing: -0.02em;transform: scale(0.8);} header#hd .sp_hd_bar .sp_hd_box2 .hd_mypage, header#hd .sp_hd_bar .sp_hd_box2 .hd_cart { width: 50px; border-left: solid 1px #ddd;} header#hd .sp_hd_bar .sp_hd_box2 .hd_cart .ec-cartNaviWrap { height: 100%; position: relative;} header#hd .sp_hd_bar .sp_hd_box2 .hd_cart .ec-cartNaviWrap .ec-cartNavi { padding: 0;} header#hd .sp_hd_bar .sp_hd_box2 .hd_cart .ec-cartNaviWrap .fstfmin { position: absolute; bottom: 2px; width: 100%; text-align: center;} header#hd .sp_hd_bar .sp_hd_box2 .hd_mypage a, header#hd .sp_hd_bar .sp_hd_box2 .hd_cart a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 2px;} header#hd .sp_hd_bar .sp_hd_box2 .hd_mypage a { background: url("/html/template/default/assets/img/common/icon_parson_bk.svg") top 5px center no-repeat; background-size: 30px 30px;} header#hd .sp_hd_bar .sp_hd_box2 .hd_cart a { background: url("/html/template/default/assets/img/common/icon_cart_bk.svg") top 5px center no-repeat; background-size: 28px 28px;} /* hd_vmArea nav-toggle */ #nav-toggle { background: #38383a; cursor: pointer; top: 0; right: 0; display: flex; justify-content: center; align-items: center; position: relative; min-height: 50px; min-width: 50px; z-index: 1000;} #nav-toggle > div { position: relative; width: 25px; top: -7px;} #nav-toggle span { width: 100%; height: 1px; left: 0; display: block; background: #fff; position: absolute; -webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out; transition: top .5s ease, -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out, top .5s ease; transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;} #nav-toggle span:nth-child(1) { top: 0;} #nav-toggle span:nth-child(2) { top: 7px;} #nav-toggle span:nth-child(3) { top: 14px;} #nav-toggle:hover span:nth-child(1) { top: 4px;} #nav-toggle:hover span:nth-child(3) { top: 10px;} .open #nav-toggle span { background: #fff;} .open #nav-toggle span:nth-child(1) { top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .open #nav-toggle span:nth-child(2) { top: 5px; width: 0; left: 50%;} .open #nav-toggle span:nth-child(3) { top: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #gloval-nav { display: none; position: fixed; background: #38383a; color: #fff; top: 74px; left: 0; right: 0; bottom: 0; /*display: -webkit-box; display: flex; visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center;*/ align-items: center; opacity: 0; -webkit-transition: opacity .6s ease, visibility .6s ease; transition: opacity .6s ease, visibility .6s ease;} #gloval-nav { top: 74px;} /* open */ .open { overflow: hidden;} .open #gloval-nav { display: block; animation: appear .5s ease; position: fixed; visibility: visible; opacity: 1; overflow-y: auto; z-index: 990;} } @keyframes appear { 0%{ opacity: 0;} 100%{ opacity: 1;} } /*================================== footer ==================================*/ #ft { margin-top: 270px; padding-bottom: 80px;} #ft .ft_btnBlock .inner { display: flex;align-items: stretch; justify-content: space-between;} #ft .ft_btnBlock .inner li { width: 380px; max-width: 100%;} #ft .ft_btnBlock .inner li a { font-size: 30px; padding-top: 30px; padding-bottom: 30px; color: #fff; height: 100%; display: flex; align-items: center;flex-wrap: wrap;} #ft .ft_btnBlock .inner li:nth-child(1) a { padding-left: 23%; background: url("/html/template/default/assets/img/common/icon_question_wh.svg") left 9% center no-repeat #38383a; position: relative;} #ft .ft_btnBlock .inner li:nth-child(1) a:after { width: 70px; height: 70px; border-radius: 70px; right: 34px; top: 0; bottom: 0; margin: auto; content: ""; display: block; position: absolute; background: url("/html/template/default/assets/img/common/icon_arrR_wh.svg") center center no-repeat; background-size: 50px auto;} #ft .ft_btnBlock .inner li:nth-child(2) a { padding-left: 10%; font-weight: 500; background: url("/html/template/default/assets/img/common/ft_btnBlock_li01bg.gif") right top no-repeat #d52626;} #ft .ft_btnBlock .inner li:nth-child(2) a .min{ font-size: 20px; font-weight: 400; width: 100%; display: block;} #ft .ft_btnBlock .inner li:nth-child(3) a { padding-left: 23%; background: url("/html/template/default/assets/img/common/icon_comment_wh.svg") left 9% center no-repeat #4555a0; position: relative;} #ft .ft_btnBlock .inner li:nth-child(3) a:after { width: 70px; height: 70px; border-radius: 70px; right: 34px; top: 0; bottom: 0; margin: auto; content: ""; display: block; position: absolute; background: url("/html/template/default/assets/img/common/icon_arrR_wh.svg") center center no-repeat; background-size: 50px auto;} #ft .ft_contactBlock { margin-top: 170px; color: #fff; background: linear-gradient(to right, #4555a0 0%, #4555a0 50%, #172a88 50%, #172a88 100%);} #ft .ft_contactBlock a { color: #fff;} #ft .ft_contactBlock .outer { padding: 60px 0; display: flex; justify-content: space-between;} #ft .ft_contactBlock .outer .tit { font-size: 20px;} #ft .ft_contactBlock .outer .tit .narrow { transform-origin: top center;} #ft .ft_contactBlock .outer .telBox .tit { max-width: 380px; padding-top: 80px; text-align: center; background: url("/html/template/default/assets/img/common/icon_tel_wh.svg") top center no-repeat; background-size: 56px auto;} #ft .ft_contactBlock .outer .telBox .num { font-size: 48px;} #ft .ft_contactBlock .outer .telBox .txt { font-size: 12px; max-width: 380px; text-align: center;} #ft .ft_contactBlock .outer .mailBox .tit { margin-right: 50px; max-width: 360px; padding-top: 80px; text-align: center; background: url("/html/template/default/assets/img/common/icon_mail_wh.svg") top center no-repeat; background-size: 56px auto;} #ft .ft_contactBlock .outer .mailBox .btnbox { margin-right: 50px; max-width: 360px; font-size: 18px;} #ft .ft_contactBlock .outer .mailBox .btnbox a { margin-top: 25px; padding: 20px 0; font-weight: 500; background: #d62e30; color: #fff; text-align: center; position: relative;} #ft .ft_contactBlock .outer .mailBox .btnbox a .bln{ font-size: 16px; position: absolute; right: -80px; top: -35px; background: url("/html/template/default/assets/img/common/ft_contactBlock_mail_icon.svg") no-repeat; width: 98px; height: 98px; display: flex; justify-content: center; align-items: center; line-height: 1.2; font-weight: 400;} #ft .ft_infoBlock { margin-top: 90px; display: flex; justify-content: space-between;} #ft .ft_infoBlock .detailBox { margin-left: 50px; max-width: 300px;} #ft .ft_infoBlock .detailBox .logo { margin-bottom: 40px; width: 200px;} #ft .ft_infoBlock .detailBox .logo img { width: 100%;} #ft .ft_infoBlock .detailBox .logo a:hover { opacity:1;} #ft .ft_infoBlock .detailBox .name { font-size: 20px; margin-bottom: 20px; font-weight: 500;} #ft .ft_infoBlock .detailBox .txt { font-size: 12px; line-height: 1.8;} #ft .ft_infoBlock .detailBox .snsBox { margin-top: 70px; display: flex;} #ft .ft_infoBlock .detailBox .snsBox li { margin-right: 20px;} #ft .ft_infoBlock .naviBox { display: flex;} #ft .ft_infoBlock .naviBox ul li { font-size: 14px; margin-bottom: 20px;} #ft .ft_infoBlock .naviBox ul li a { display: inline-block; position: relative; text-decoration: none;} #ft .ft_infoBlock .naviBox ul li a:hover { opacity: 1;} #ft .ft_infoBlock .naviBox ul li a:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #000; transform: scale(0, 1); transition: 0.4s;} #ft .ft_infoBlock .naviBox ul li a:hover:before { transform: scale(1);} #ft .ft_infoBlock .naviBox ul.list1 { margin-right: 100px;} #ft copy { font-size: 10px; color: #999; display: block; text-align: right;} @media screen and (max-width: 749px) { #ft { margin-top: 100px; padding-bottom: 70px;} #ft .ft_btnBlock .inner { display: block;} #ft .ft_btnBlock .inner li { width: 100%} #ft .ft_btnBlock .inner li a { font-size: 18px; padding-top: 25px; padding-bottom: 25px; min-height: 95px;} #ft .ft_btnBlock .inner li:nth-child(1) { margin-bottom: 20px;} #ft .ft_btnBlock .inner li:nth-child(1) a { background-size: 38px 38px;} #ft .ft_btnBlock .inner li:nth-child(1) a:after { width: 49px; height: 49px; border-radius: 49px; right: 18px; background-size: 25px auto;} #ft .ft_btnBlock .inner li:nth-child(2) { margin-bottom: 20px;} #ft .ft_btnBlock .inner li:nth-child(2) a { background-size: auto 100%;} #ft .ft_btnBlock .inner li:nth-child(2) a .min { font-size: 12px;} #ft .ft_btnBlock .inner li:nth-child(3) a { background-size: 38px 38px;} #ft .ft_btnBlock .inner li:nth-child(3) a:after { width: 49px; height: 49px; border-radius: 49px; right: 18px; background-size: 25px auto;} #ft .ft_contactBlock { margin-top: 100px; background: none;} #ft .ft_contactBlock .outer { max-width: 100%; padding: 0; display: block;} #ft .ft_contactBlock .outer .tit { font-size: 15px;} #ft .ft_contactBlock .outer .tit .narrow { transform-origin: top center;} #ft .ft_contactBlock .outer .telBox { padding: 45px 0; background: #4555a0;} #ft .ft_contactBlock .outer .telBox .tit { max-width: 100%; padding-top: 60px; background-size: 40px auto;} #ft .ft_contactBlock .outer .telBox .num { font-size: 35px; text-align: center;} #ft .ft_contactBlock .outer .telBox .txt { font-size: 9px; max-width: 100%;} #ft .ft_contactBlock .outer .mailBox { padding: 45px 0; background: #172a88;} #ft .ft_contactBlock .outer .mailBox .tit { margin-right: 0; max-width: 100%; padding-top: 60px; background-size: 40px auto;} #ft .ft_contactBlock .outer .mailBox .btnbox { margin: 0 auto; max-width: 80%; font-size: 15px;} #ft .ft_contactBlock .outer .mailBox .btnbox a { margin-top: 20px; padding: 15px 0;} #ft .ft_contactBlock .outer .mailBox .btnbox a .bln{ font-size: 12px; right: -20px; top: -30px; width: 68px; height: 68px; background-size: cover;} #ft .ft_infoBlock { margin-top: 70px; display: block;} #ft .ft_infoBlock .detailBox { margin: 0 auto; max-width: 100%; text-align: center;} #ft .ft_infoBlock .detailBox .logo { margin: 0 auto 35px auto; width: 162px;} #ft .ft_infoBlock .detailBox .name { font-size: 17px; margin-bottom: 15px; } #ft .ft_infoBlock .detailBox .txt { font-size: 10px;} #ft .ft_infoBlock .detailBox .snsBox { margin: 40px auto; justify-content: center;} #ft .ft_infoBlock .detailBox .snsBox li { margin: 0 10px;} #ft .ft_infoBlock .detailBox .snsBox li a { max-width: 22px;} #ft .ft_infoBlock .detailBox .snsBox li a img { width: 100%;} #ft .ft_infoBlock .naviBox { display: none;} #ft copy { font-size: 9px; text-align: center;} } /*================================== top ==================================*/ #top_newitem .secTit, #top_search .secTit, #top_magazine .secTit { font-size: 53px; font-weight: 700; text-align: center; line-height: 1;} #top_newitem .secTit .narrow, #top_search .secTit .narrow, #top_magazine .secTit .narrow { transform-origin: top center;} #top_mv { padding: 0 0 60px 0; margin-top: 120px; background: url("/html/template/default/assets/img/top/mv_bg.png") center bottom no-repeat; position: relative;} #top_mv .secTit { font-size: 60px; margin-top: 30px; font-weight: 700; letter-spacing: -0.1em;} #top_mv .secTit .medium { font-size: 68px;} #top_mv .secTit .big { font-size: 90px; line-height: 1.2;} #top_mv .secTit .max { font-size: 110px; line-height: 1.2;} #top_mv .mv_search { padding: 60px 38px 130px 38px; width: 440px; position: absolute; right: 0; top: 0; background: #f4f4f4;} #top_mv .mv_search .tit { margin-bottom: 40px; font-size: 28px; font-weight: 500; letter-spacing: 0.05em; text-align: center;} #top_mv .mv_search .tit .icon { background: url("/html/template/default/assets/img/common/icon_search_bk.svg") left center no-repeat; background-size: 35px 35px; padding-left: 40px;} #top_mv .mv_search select { margin-bottom: 15px; padding: 15px 35px 15px 20px; width: 100%; max-width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url("/html/template/default/assets/img/common/icon_arrB_gy.svg") right 15px center no-repeat #fff; background-size: 20px 20px; font-weight: 500;} #top_mv .mv_search select { color: #999999;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search { border-radius: 0; background: none;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__category { float: none; width: 100%;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:before { display: none;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__category .ec-select select { height: auto;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keyword { float: none; width: 100%; border-radius: 0; border: 0;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keyword .search-name { padding: 15px; width: 100%; background: #fff; height: auto; font-size: 100%;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keywordBtn { position: absolute;top: inherit; bottom: -105px; width: 100%; padding: 0; left: 0; right: 0;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon { padding: 15px; height: auto; width: 100%; background: #172a88; cursor: pointer; color: #fff;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon:before { content: "検索";} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon img { display: none;} #top_news { margin-top: 90px; position: relative; display: flex; justify-content: space-between;} #top_news .secTit { font-size: 44px; font-weight: bold;} #top_news .newslist { max-width: 900px; border-top: solid 1px #ddd;} #top_news .newslist li { border-bottom: solid 1px #ddd;} #top_news .newslist li a { display: flex; font-weight: 300; position: relative;} #top_news .newslist li a:before { width: 25px; height: 25px; right: 30px; content: ""; background: url("/html/template/default/assets/img/common/icon_arrR_gy.svg") center center no-repeat; background-size: 100% auto; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 1; transition: all 0.8s ease-out;} #top_news .newslist li a:after { width: 25px; height: 25px; right: 30px; content: ""; background: url("/html/template/default/assets/img/common/icon_arrR_bl.svg") center center no-repeat; background-size: 100% auto; position: absolute; top: 0; bottom: 0; margin: auto; transition: all 0.8s ease-out; opacity: 0;} #top_news .newslist li a:hover { opacity: 1; color: #172a88;} #top_news .newslist li a:hover:before { opacity: 0;} #top_news .newslist li a:hover:after { opacity: 1;} #top_news .newslist li a span { padding-top: 20px; padding-bottom: 20px; display: block} #top_news .newslist li a .date { width: 180px; padding-left: 30px;} #top_news .newslist li a .txt { width: 720px; padding-right: 80px;} #top_news .btn_more { /*left: 0; top: 0; bottom: 0; margin: auto; position: absolute;*/ display: flex; align-items: center;} #top_news .btn_more a { color: #172a88; font-weight: 500;} #top_newitem { margin-top: 210px;} #top_newitem .newitemslider { margin: 80px 0 0 0;} #top_newitem .newitemslider .container { width: 100%; padding: 0;} #top_newitem .newitemslider .swiper-container { padding-bottom: 90px;} #top_newitem .newitemslider .swiper-slide { width: 370px; padding: 20px;} #top_newitem .newitemslider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} #top_newitem .newitemslider .swiper-slide .img img { width: 330px; height: 260px; object-fit: cover;} #top_newitem .newitemslider .swiper-slide .name { font-size: 22px; margin-top: 30px;} #top_newitem .newitemslider .swiper-slide .item { color: #666; margin-top: 20px;} #top_newitem .newitemslider .swiper-scrollbar { max-width: 1180px; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 0;} #top_newitem .newitemslider .swiper-scrollbar .swiper-scrollbar-drag { background-color: #172a88; border-radius: 0;} #top_newitem .newitemslider .noneRecommendProductTxt {display: block;width: 500px;color: #000;line-height: 100px;padding: 0px 100px;border: 1px solid #000;font-size: 28px;margin: 0 auto;text-align: center; } #top_search { margin-top: 210px;} #top_search .makerlist { margin-top: 90px; display: flex; border-right: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;} #top_search .makerlist li { width: 20%; border-left: solid 1px #ccc;} #top_search .makerlist li a { line-height: 1; height: 178px; display: flex; align-items: center;} #top_search .makerlist li a:hover { opacity: 1;} #top_search .makerlist li.active { border: solid 1px #172a88;} #top_search .makerlist li img { width: 100%;} #top_search .btnbox { max-width: 1040px; margin: 75px auto 0 auto; display: flex; justify-content: space-between;} #top_search .btnbox li { margin: 0 auto;} #top_search .btnbox li a { min-width: 500px; /*height: 170px;*/ line-height: 120px; font-size: 30px; font-weight: 500; color: #fff; text-align: center;} #top_search .btnbox li a .min { font-size: 22px;} #top_search .btnbox li:nth-child(1) a { background: url("/html/template/default/assets/img/top/search_bg01.jpg") center center no-repeat; background-size: cover;background: #38383a;} #top_search .btnbox li:nth-child(2) a { background: url("/html/template/default/assets/img/top/search_bg02.jpg") center center no-repeat; background-size: cover;} #top_search .tab-content { text-align: center; font-size: 18px;} #top_search .tab-content .tab-pane {} #top_search .tab-content .tab-pane .search_checkbox { margin: 50px 0 60px 0; display: flex; justify-content: space-between;} #top_search .tab-content .tab-pane .search_checkbox li { width: 32%;} #top_search .tab-content .tab-pane .search_checkbox li label { width: 100%;} #top_search .tab-content .tab-pane .search_checkbox li label input { display: none;} #top_search .tab-content .tab-pane .search_checkbox li label input + span { position: relative; padding-left: 85px; border: solid 2px #ccc; line-height: 65px; border-radius: 60px; width: 100%; display: inline-block; text-align: left;} #top_search .tab-content .tab-pane .search_checkbox li label input + span:before { left: 45px; top: 0; bottom: 0; margin: auto; width: 26px; height: 26px; content: ""; background: url(/html/template/default/assets/img/common/check_off.png) left bottom no-repeat; display: inline-block; position: absolute;} #top_search .tab-content .tab-pane .search_checkbox li label input:checked + span { border: solid 2px #f4f4f4; background: #f4f4f4;} #top_search .tab-content .tab-pane .search_checkbox li label input:checked + span:before { background: url(/html/template/default/assets/img/common/check_on.png) no-repeat;} #top_search .tab-content .tab-pane .search_checkbox_btn { width: 360px; line-height: 65px; background: #172a88; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; margin: auto;} #top_search .tab-content .tab-pane .search_checkbox_btn:before { width: 26px; height: 26px; margin-right: 10px; display: inline-block; content: ""; background: url(/html/template/default/assets/img/common/icon_search_wh.svg)no-repeat; background-size: cover;} #top_search .tab-content .tab-pane .search_checkbox_btn:disabled { background: #ccc;} @media screen and (max-width: 749px) { #top_search .tab-content { font-size: 15px;} #top_search .tab-content .tab-pane .search_checkbox { margin: 20px 0; display: block;} #top_search .tab-content .tab-pane .search_checkbox li { width: 100%; margin-top: 10px;} #top_search .tab-content .tab-pane .search_checkbox li:nth-child(1) { margin-top: 0;} #top_search .tab-content .tab-pane .search_checkbox li label input + span { padding-left: 45px; line-height: 40px; border-radius: 40px;} #top_search .tab-content .tab-pane .search_checkbox li label input + span:before { width: 19px; height: 19px; left: 15px; background-size: 18px auto;} #top_search .tab-content .tab-pane .search_checkbox li label input:checked + span:before { background-size: 19px auto;} #top_search .tab-content .tab-pane .search_checkbox_btn { width: 100%; line-height: 50px;} } #top_magazine { margin-top: 220px;} #top_magazine .secTit .logo { max-width: 316px; width: 100%; vertical-align: middle;} #top_magazine .taglistbox { margin-top: 90px; position: relative;} #top_magazine .taglistbox .btn_more { position: absolute; right: 0; bottom: 0;} #top_magazine .taglistbox .btn_more a { color: #172a88; font-weight: 500;} #top_magazine .magalist { margin-top: 70px; display: flex; flex-wrap: wrap;} #top_magazine .magalist li { width: 350px; margin-right: 65px; margin-top: 60px; display: none;} #top_magazine .magalist li:nth-child(-n+4) { display: block;} #top_magazine .magalist li a .img img { width: 350px; height: 230px; object-fit: cover;} #top_magazine .magalist li a .txtarea .tit { margin-top: 30px; font-size: 20px; font-weight: 500; letter-spacing: 0.1em;} #top_magazine .magalist li a .txtarea .tag { margin-top: 20px; font-size: 14px; color: #666; font-weight: 500;} #top_magazine .magalist li a .txtarea .tag .tagitem { display: inline-block; margin-right: 20px;} #top_magazine .magalist li:nth-child(1) { width: 100%; margin-right: 0; margin-top: 0;} #top_magazine .magalist li:nth-child(1) a { display: flex;} #top_magazine .magalist li:nth-child(1) a .img { width: 560px;} #top_magazine .magalist li:nth-child(1) a .img img { width: 560px; height: 360px; object-fit: cover;} #top_magazine .magalist li:nth-child(1) a .txtarea { padding: 70px 50px 0 60px;} #top_magazine .magalist li:nth-child(1) a .txtarea .tit { margin-top: 0; font-size: 30px;} #top_magazine .magalist li:nth-child(1) a .txtarea .tag { margin-top: 50px; font-size: 18px; color: #666;} #top_magazine .magalist li:nth-child(4) { margin-right: 0;} @media screen and (max-width: 749px) { #top_newitem .secTit, #top_search .secTit, #top_magazine .secTit { font-size: 40px;} #top_mv { padding-bottom: 0; margin-top: 80px; background: none; position: relative;} #top_mv .logo { width: 230px;} #top_mv .secTit { padding-bottom: 60px; font-size: 28px; margin-top: 20px; background: url("/html/template/default/assets/img/top/mv_bg_sp.png") right bottom no-repeat; background-size: 100% auto;} #top_mv .secTit .medium { font-size: 34px;} #top_mv .secTit .big { font-size: 42px;} #top_mv .secTit .max { font-size: 55px;} #top_mv .mv_search { padding: 45px 30px 100px 30px; width: 100%; position: relative;} #top_mv .mv_search .tit { margin-bottom: 30px; font-size: 20px;} #top_mv .mv_search .tit .icon { background-size: 32px 32px; padding-left: 38px;} #top_mv .mv_search select { font-size: 12px; margin-bottom: 10px; background-size: 16px 16px;} #top_mv .mv_search select { color: #999999;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keyword .search-name { font-size: 12px;} #top_mv .mv_search .ec-headerSearch .ec-headerSearch__keywordBtn { font-size: 13px; bottom: -100px;} #top_news { margin-top: 120px; display: block;} #top_news .secTit { font-size: 35px;} #top_news .newslist { margin-top: 40px; max-width: 100%;} #top_news .newslist li a { display: block; padding: 20px 40px 20px 20px; font-size: 12px;} #top_news .newslist li a:before { width: 20px; height: 20px; right: 18px;} #top_news .newslist li a:after { width: 20px; height: 20px; right: 18px;} #top_news .newslist li a span { padding-top: 0; padding-bottom: 5px; display: block} #top_news .newslist li a .date { width: 100%; padding-left: 0;} #top_news .newslist li a .txt { width: 100%; padding-right: 0;} #top_news .btn_more { left: inherit; right: 0; top: 25px;; bottom: inherit; font-size: 11px;} #top_newitem { margin-top: 120px;} #top_newitem .secTit { text-align: left; width: 90%; margin: 0 auto;} #top_newitem .secTit .narrow { transform-origin: top left;} #top_newitem .newitemslider { margin: 40px 0 0 0;} #top_newitem .newitemslider .swiper-container { padding-bottom: 45px;} #top_newitem .newitemslider .swiper-slide { width: 288px; padding: 20px;} #top_newitem .newitemslider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} #top_newitem .newitemslider .swiper-slide .img img { width: 248px; height: 196px; object-fit: cover;} #top_newitem .newitemslider .swiper-slide .name { font-size: 16px; margin-top: 20px;} #top_newitem .newitemslider .swiper-slide .item { color: #666; margin-top: 10px; font-size: 12px;} #top_newitem .newitemslider .swiper-scrollbar { max-width: 90%;} #top_newitem .newitemslider .noneRecommendProductTxt { width: 90%;font-size: 6vw;line-height: 17vw;padding: 1vw; } #top_search { margin-top: 120px;} #top_search .secTit .narrow { transform-origin: top left;} #top_search .makerlist { margin-top: 50px; flex-wrap: wrap; border:0;} #top_search .makerlist li { width: 31%; border: solid 1px #e8e8e8; margin-left: 3%;} #top_search .makerlist li:nth-child(n+4) { margin-top: 10px;} #top_search .makerlist li:nth-child(3n+1) { margin-left: 0;} #top_search .makerlist li a { height: auto;} #top_search .btnbox { max-width: 100%; margin: 40px auto 0 auto; display: block;} #top_search .btnbox li:nth-child(2) { margin-top: 20px;} #top_search .btnbox li a { min-width: 100%; height: auto; min-height: 110px; line-height: 110px; font-size: 19px;} #top_search .btnbox li a .min { font-size: 14px;} #top_magazine { margin-top: 120px;} #top_magazine .secTit { text-align: left;} #top_magazine .secTit .logo { max-width: 230px; width: 100%; vertical-align: middle;} #top_magazine .secTit .narrow { transform-origin: top left;} #top_magazine .taglistbox { margin-top: 40px;} #top_magazine .taglistbox .btn_more { font-size: 11px; right: 0; bottom: inherit; top: -51px;} #top_magazine .magalist { margin-top: 35px;} #top_magazine .magalist li { width: 100%; margin-right: 0; margin-top: 35px;} #top_magazine .magalist li a { display: flex; justify-content: space-between;} #top_magazine .magalist li a .img { width: 43%;} #top_magazine .magalist li a .img img { width: 100%; height: 28vw; object-fit: cover;} #top_magazine .magalist li a .txtarea { width: 50%;} #top_magazine .magalist li a .txtarea .tit { margin-top: 0; font-size: 14px;} #top_magazine .magalist li a .txtarea .tag { margin-top: 10px; font-size: 10px;} #top_magazine .magalist li a .txtarea .tag .tagitem { display: inline-block; margin-right: 10px;} #top_magazine .magalist li:nth-child(1) { width: 100%; margin-top: 0;} #top_magazine .magalist li:nth-child(1) a { display: block;} #top_magazine .magalist li:nth-child(1) a .img { width: 100%;} #top_magazine .magalist li:nth-child(1) a .img img { width: 100%; height: 55vw;} #top_magazine .magalist li:nth-child(1) a .txtarea { width: 100%; padding: 0;} #top_magazine .magalist li:nth-child(1) a .txtarea .tit { margin-top: 20px; font-size: 17px;} #top_magazine .magalist li:nth-child(1) a .txtarea .tag { margin-top: 15px; font-size: 11px;} } /*================================== subpage ==================================*/ /* all_item */ .page-all_item .listtit { background: #38383a; color: #fff; margin: 110px 0 60px 0; padding: 15px 30px; font-size: 22px; font-weight: 700;} .page-all_item .itemlist { display: flex; flex-wrap: wrap;} .page-all_item .itemlist li { width: 50%; padding: 0 0 0 30px; margin-top: 30px;} /*.page-all_item .itemlist li:nth-child(-n+2) { margin-top: 0;}*/ .page-all_item .itemlist li:nth-last-child(1) { margin-top: 0;} .page-all_item .itemlist li:nth-last-child(2) { margin-top: 0;} .page-all_item .itemlist li a {} .page-all_item .itemlist li a:hover { color: #172a88; opacity: 1;} .page-all_item .itemlist li a img { width:100px; height:80px; object-fit: cover; margin-right: 30px;} @media screen and (max-width: 749px) { .page-all_item .listtit { margin: 50px 0 30px 0; padding: 5px 10px; font-size: 18px;} .page-all_item .itemlist { display: block;} .page-all_item .itemlist li { margin-top: 15px; width: 100%; padding:0 5%;} /*.page-all_item .itemlist li:nth-child(2) { margin-top: 15px;} .page-all_item .itemlist li:first-child { margin-top: 0;}*/ .page-all_item .itemlist li:nth-last-child(1) { margin-top: 0;} .page-all_item .itemlist li:nth-last-child(2) { margin-top: 15px;} .page-all_item .itemlist li a { display: flex; align-items: center;} .page-all_item .itemlist li a img { display: block; width: 22%; height: 14vw; margin-right: 5%;} .page-all_item .itemlist li a .txt { display: block; width: 73%;} } /* news */ .page-news .newslist { margin-top: 80px;} .page-news .newslist li { border-bottom: solid 1px #ddd; margin-bottom: 50px; padding-bottom: 50px;} .page-news .newslist li .date { margin-bottom: 20px; color: #172a88;} .page-news .newslist li .tit { margin-bottom: 30px; font-size: 28px; font-weight: 500;} .page-news .newslist li .txt { font-size: 18px;} .page-news .newslist li .txt .nomal_link { text-align: left;} @media screen and (max-width: 749px) { .page-news .newslist { margin-top: 40px;} .page-news .newslist li { margin-bottom: 25px; padding-bottom: 25px;} .page-news .newslist li .date { font-size: 10px; margin-bottom: 10px;} .page-news .newslist li .tit { margin-bottom: 15px; font-size: 20px;} .page-news .newslist li .txt { font-size: 14px;} } /* faq */ .page-faq .faq_area h2 { margin-top: 100px;} .page-faq .faqlist { margin-top: 50px; border-top: solid 1px #dddddd;} .page-faq .faqlist dt, .page-faq .faqlist dd { position: relative; border-bottom: solid 1px #dddddd; line-height: 2; font-weight: 500;} .page-faq .faqlist dt:before, .page-faq .faqlist dd .icon:before { font-size: 30px; width: 80px; height: 80px;border-radius: 80px; color: #fff; font-family: 'Audiowide', cursive; font-weight: 400; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 30px; line-height: 1;} .page-faq .faqlist dt{ padding: 50px 50px 50px 100px;} .page-faq .faqlist dt:before { background: #38383a; content: "Q";} .page-faq .faqlist dd { font-weight: 400; display: none;} .page-faq .faqlist dd .icon { position: relative; padding: 50px 50px 50px 100px;} .page-faq .faqlist dd .icon:before { background: #d52626; content: "A";} @media screen and (max-width: 749px) { .page-faq .faq_area h2 { margin-top: 50px; font-size: 20px;} .page-faq .faqlist { margin-top: 30px;} .page-faq .faqlist dt, .page-faq .faqlist dd { font-size: 14px;} .page-faq .faqlist dt, .page-faq .faqlist dd .icon{ padding: 20px 0 20px 50px;} .page-faq .faqlist dt:before, .page-faq .faqlist dd .icon:before { font-size: 18px; width: 40px; height: 40px;border-radius: 40px; top: 15px;} } /* userVoice */ .page-userVoice .userVoice_area h2 { margin-top: 100px;} .page-userVoice .userVoicelist { margin-top: 50px; border-top: solid 1px #dddddd;} .page-userVoice .userVoicelist dt, .page-userVoice .userVoicelist dd { position: relative; border-bottom: solid 1px #dddddd; line-height: 2; font-weight: 500;} .page-userVoice .userVoicelist dt:before, .page-userVoice .userVoicelist dd .icon:before { font-size: 30px; width: 80px; height: 80px;border-radius: 80px; color: #fff; font-family: 'Audiowide', cursive; font-weight: 400; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 30px; line-height: 1;} .page-userVoice .userVoicelist dt{ padding: 50px 50px;background: #f7f7f7;font-size: 24px;} .page-userVoice .userVoicelist dd { font-weight: 400; display: none;} .page-userVoice .userVoicelist dd .icon { position: relative; padding: 50px 50px 50px 100px;} @media screen and (max-width: 749px) { .page-userVoice .userVoice_area h2 { margin-top: 50px; font-size: 20px;} .page-userVoice .userVoicelist { margin-top: 30px;} .page-userVoice .userVoicelist dt, .page-userVoice .userVoicelist dd { font-size: 14px;} .page-userVoice .userVoicelist dt, .page-userVoice .userVoicelist dd .icon{ padding: 20px 20px;} } /* company */ .page-company {} .page-company .catcharea { margin-top: 140px; position: relative; overflow: hidden;} .page-company .catcharea:before { min-height: 620px; margin-left: -200px; content: ""; width: 100%; position: absolute; left: 50%; top: 0; background: url("/html/template/default/assets/img/help_about/catch_bg.jpg") left center no-repeat; background-size: cover;} .page-company .catcharea .txt { padding: 150px 0; font-size: 60px; font-weight: 700;} .page-company .catcharea .txt .big { font-size: 110px;} .page-company .catcharea .txt .medium { font-size: 68px;} .page-company .tablearea { margin-top: 180px; background: url("/html/template/default/assets/img/help_about/table_bg.jpg") right top no-repeat;} .page-company .tablearea .nomal_table { width: 620px;} .page-company .tablearea .nomal_table dt { width: 200px;} .page-company .tablearea .nomal_table dd { width: 420px;} .page-company .maparea { margin-top: 130px; width: 100%; padding-bottom: 500px; height: 0; overflow: hidden; position: relative;} .page-company .maparea iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;} @media screen and (max-width: 749px) { .page-company .catcharea { margin-top: 70px;} .page-company .catcharea:before { min-height: 310px; margin-left: -100px; content: ""; width: 100%; position: absolute; left: 50%; top: 0; background: url("/html/template/default/assets/img/help_about/catch_bg.jpg") left center no-repeat; background-size: cover;} .page-company .catcharea .txt { padding: 70px 0; font-size: 25px; } .page-company .catcharea .txt .big { font-size: 40px;} .page-company .catcharea .txt .medium { font-size: 30px;} .page-company .tablearea { margin-top: 50px; padding-top: 250px; background-size: auto 250px; background-position: top center;} .page-company .tablearea .nomal_table { width: 100%;} .page-company .tablearea .nomal_table dt { width: 100%;} .page-company .tablearea .nomal_table dd { width: 100%;} .page-company .maparea { margin-top: 65px; padding-bottom: 250px;} } /* contact */ .page-contact {} .page-contact .ec-telInput input { width: 300px; max-width: 100%;} .page-contact .form_table .notes { font-size: 14px; margin-top: 10px; color: #555;} .page-contact.inner { max-width: 880px;} .page-contact .maintxt { margin-top: 100px; font-size: 18px; text-indent: -18px; margin-left: 18px; line-height: 1.8;} .page-contact .form_table { margin-top: 100px; display: flex; flex-wrap: wrap;} .page-contact .form_table dt { font-size: 20px; width: 240px; padding-top: 20px; margin-bottom: 50px; font-weight: 700;} .page-contact .form_table dd { font-size: 18px; width: 640px; margin-bottom: 50px;} .page-contact .form_table dd select { width: 300px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url("/html/template/default/assets/img/common/icon_arrB_bk.svg") right 15px center no-repeat #f4f4f4; background-size: 25px 25px;} .page-contact .form_table dd .zip { margin-bottom: 20px;} .page-contact .form_table dd .zip input { margin-left: 10px; width: 200px;} .page-contact .form_table dd .addbox { margin-top: 20px;} .page-contact .form_table dd textarea { height: 260px;} .page-contact .submitbtn { margin-top: 50px; text-align: center;} .page-contact .submitbtn button { font-size: 18px; width: 380px; padding: 25px 0; background: #172a88; color: #fff; border: 0; border-radius: 0; font-weight: 500; height: auto; margin: 0 auto; line-height: 2;} .page-contact.conf .form_table dd { padding-top: 20px; line-height: 1.8;} .page-contact.conf .ec-blockBtn--action {} .page-contact.conf .ec-blockBtn--action { font-size: 18px; width: 380px; padding: 25px 0; background: #172a88; color: #fff; border: 0; border-radius: 0; font-weight: 500; height: auto; margin: 0 auto; line-height: 2;} .page-contact.conf .ec-blockBtn--cancel { font-size: 18px; width: 380px; padding: 25px 0; background: #38383a; color: #fff; border: 0; border-radius: 0; font-weight: 500; height: auto; margin: 20px auto 0 auto; line-height: 2;} .page-contact.comp .maintit { margin-top: 100px;} .page-contact.comp .maintxt { text-align: left;} @media screen and (max-width: 749px) { .page-contact {} .page-contact.inner { max-width: 90%;} .page-contact .maintxt { margin-top: 30px; font-size: 15px; text-indent: -15px; margin-left: 15px;} .page-contact .form_table { margin-top: 30px; display: block;} .page-contact .form_table dt { font-size: 15px; width: 100%; padding-top: 0; margin-bottom: 10px;} .page-contact .form_table dd { font-size: 15px; width: 100%; margin-bottom: 20px;} .page-contact .form_table dd input, .page-contact .form_table dd select, .page-contact .form_table dd textarea { width: 100%;} .page-contact .form_table dd select { max-width: 60%;} .page-contact .form_table dd .zip { margin-bottom: 10px;} .page-contact .form_table dd .zip input { max-width: 50%;} .page-contact .form_table dd .addbox { margin-top: 10px;} .page-contact .form_table dd textarea { height: 150px;} .page-contact .form_table dd .ec-halfInput input[type="text"] { width: 47% !important;} .page-contact .submitbtn { margin-top: 30px;} .page-contact .submitbtn button { font-size: 15px; width: 80%; padding: 20px 0;} .page-contact.conf .form_table dd { padding-top: 0;} .page-contact.comp .maintit { margin-top: 30px;} } /* guide */ .page-guide {} .page-guide .guideBlock { margin-top: 100px;} .page-guide .guideBlock .blocktit { font-size: 28px; padding-bottom: 20px; margin-bottom: 50px; border-bottom: solid 1px #dddddd; font-weight: 500; color: #172a88;} .page-guide .guideBlock .blocktxt { line-height: 2;} .page-guide .guideBlock .blocktxt .blocksubtit { font-size: 18px; margin-top: 40px; font-weight: 700;} .page-guide .guideBlock .blocktxt .line { text-indent: -16px; margin-left: 16px;} .page-guide .guideBlock .flow { margin-top: 50px; margin-bottom: 50px; display: flex; justify-content: space-between;} .page-guide .guideBlock .flow li { max-width: 210px; position: relative;} .page-guide .guideBlock .flow li:before { width: 50px; height: 1px; top: 60px; right: -80px; content: ""; background-color: #999; position: absolute;} .page-guide .guideBlock .flow li:after {width: 16px; height: 1px; top: 60px; right: -80px; content: ""; position: absolute; transform-origin: right bottom; background-color: #999; transform: rotate(35deg);} .page-guide .guideBlock .flow li:last-child:before, .page-guide .guideBlock .flow li:last-child:after { display: none;} .page-guide .guideBlock .flow li .icon { width: 120px; height: 120px; border-radius: 120px; position: relative; background: #fff; border: solid 1px #999; display: flex; justify-content: center; align-items: center; margin: auto;} .page-guide .guideBlock .flow li .icon img { width: 55px;} .page-guide .guideBlock .flow li:nth-child(4) .icon img { width: 70px;} .page-guide .guideBlock .flow li .icon .num { font-size: 22px; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; left: -15px; top: -15px; position: absolute; text-align: center; background: #000; color: #fff;} .page-guide .guideBlock .flow li .tit { font-size: 20px; margin-top: 20px; font-weight: 500; text-align: center; letter-spacing: 0.1em;} .page-guide .guideBlock .flow li .txt { font-size: 14px; margin-top: 15px; line-height: 2; letter-spacing: 0.1em;} .page-guide .guideBlock .guideTable1 { max-width: 590px; margin: 30px 0 20px 0; display: flex; flex-wrap: wrap; text-align: center; background: #f9f9f9;} .page-guide .guideBlock .guideTable1 dt { padding: 10px 0; width: 50%; border-right: solid 1px #ddd;} .page-guide .guideBlock .guideTable1 dt:nth-of-type(2) { background: #fff;} .page-guide .guideBlock .guideTable1 dd { padding: 10px 0; width: 50%;} .page-guide .guideBlock .guideTable1 dd:nth-of-type(2) { background: #fff;} .page-guide .guideBlock .guideTable2 { max-width: 570px; margin: 30px 0 20px 0; display: flex; flex-wrap: wrap; border-left: solid 1px #ddd; border-top: solid 1px #ddd;} .page-guide .guideBlock .guideTable2 dt { width: 164px; padding: 10px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;} .page-guide .guideBlock .guideTable2 dd { width: 405px; padding: 10px 0 10px 50px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;} .page-guide .guideBlock .tablebox { display: flex; justify-content: space-between;} @media screen and (max-width: 749px) { .page-guide {} .page-guide .guideBlock { margin-top: 50px;} .page-guide .guideBlock .blocktit { font-size: 18px; padding-bottom: 10px; margin-bottom: 25px;} .page-guide .guideBlock .blocktxt .blocksubtit { font-size: 16px; margin-top: 20px;} .page-guide .guideBlock .flow { margin-top: 25px; margin-bottom: 25px; flex-wrap: wrap;} .page-guide .guideBlock .flow li { max-width: 45%; margin-top: 15px;} .page-guide .guideBlock .flow li:before { width: 25px; height: 1px; top: 50px; left: -10px; right: inherit;} .page-guide .guideBlock .flow li:after {width: 8px; height: 1px; top: 50px; left: 5px; right: inherit;} .page-guide .guideBlock .flow li:first-child:before, .page-guide .guideBlock .flow li:first-child:after { display: none;} .page-guide .guideBlock .flow li:last-child:before, .page-guide .guideBlock .flow li:last-child:after { display: block;} .page-guide .guideBlock .flow li .icon { width: 90px; height: 90px; border-radius: 90px;} .page-guide .guideBlock .flow li .icon img { width: 40px;} .page-guide .guideBlock .flow li:nth-child(4) .icon img { width: 45px;} .page-guide .guideBlock .flow li .icon .num { font-size: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; left: -10px; top: -10px;} .page-guide .guideBlock .flow li .tit { font-size: 15px; margin-top: 15px;} .page-guide .guideBlock .flow li .txt { font-size: 12px; margin-top: 10px;} .page-guide .guideBlock .guideTable1 { margin: 15px 0 10px 0;} .page-guide .guideBlock .guideTable1 dt { padding: 10px 0; width: 60%;} .page-guide .guideBlock .guideTable1 dd { padding: 10px 0; width: 40%;} .page-guide .guideBlock .guideTable2 { margin: 10px 0 15px 0;} .page-guide .guideBlock .guideTable2 dt { width: 40%; padding: 10px 0;} .page-guide .guideBlock .guideTable2 dd { width: 60%; padding: 10px;} .page-guide .guideBlock .tablebox { display: block;} } /* magazine - list */ .page-magazine .container { width: 100%; padding: 0;} .page-magazine .pageTit .logo { width: 380px;} .page-magazine .pageTit_tag { text-align: center; font-size: 30px;} .page-magazine .magazine_list_slider { margin-top: 100px;} .page-magazine .magazine_list_slider .swiper-slide { width: 860px; padding: 0 40px;} .page-magazine .magazine_list_slider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} .page-magazine .magazine_list_slider .swiper-slide .img img { width: 780px; height: 460px; object-fit: cover;} .page-magazine .magazine_list_slider .swiper-slide .tit { margin-top: 30px; font-size: 30px; font-weight: 500; letter-spacing: 0.1em;} .page-magazine .magazine_list_slider .swiper-slide .tag { margin-top: 20px; color: #666; font-weight: 500;} .page-magazine .magazine_list_slider .swiper-slide .tag .tagitem { display: inline-block; margin-right: 20px;} .page-magazine .magazine_taglist .taglistbox { padding-top: 100px; } .page-magazine .magazine_list_item .itemlist { margin-bottom: 80px; display: flex; flex-wrap: wrap;} .page-magazine .magazine_list_item .itemlist li { width: 350px; margin-left: 65px; margin-top: 60px;} .page-magazine .magazine_list_item .itemlist li:nth-child(3n+1) { margin-left: 0;} .page-magazine .magazine_list_item .itemlist li a { width: 350px;height: 350px;display: block;padding: 35px;border: solid 1px #ccc;position: relative;} .page-magazine .magazine_list_item .itemlist li a .img img { width: 350px; height: 230px; object-fit: cover;} .page-magazine .magazine_list_item .itemlist li a .tit { margin-top: 30px;font-size: 28px;font-weight: 500;letter-spacing: 0.1em;} .page-magazine .magazine_list_item .itemlist li a .tag { margin-top: 20px;font-size: 14px;color: #666;font-weight: 500;position: absolute;bottom: 35px;} .page-magazine .magazine_list_item .itemlist li a .tag .tagitem { display: inline-block; margin-right: 20px;} @media screen and (max-width: 749px) { .page-magazine {} .page-magazine .pageTit .logo { width: 180px;} .page-magazine .pageTit_tag { font-size: 20px;} .page-magazine .magazine_list_slider { margin-top: 50px;} .page-magazine .magazine_list_slider .swiper-slide { width: 330px; padding: 15px;} .page-magazine .magazine_list_slider .swiper-slide .img { display: flex; justify-content: center; align-items: center;} .page-magazine .magazine_list_slider .swiper-slide .img img { width: 300px; height: 196px; object-fit: cover;} .page-magazine .magazine_list_slider .swiper-slide .tit { font-size: 16px; margin-top: 15px;} .page-magazine .magazine_list_slider .swiper-slide .tag { font-size: 12px; margin-top: 10px;} .page-magazine .magazine_taglist .taglistbox { padding-top: 50px;} .page-magazine .magazine_list_item .itemlist { margin-bottom: 40px;} .page-magazine .magazine_list_item .itemlist li { width: 48%; margin-left: 0; margin-top: 35px;} .page-magazine .magazine_list_item .itemlist li:nth-child(2n+1) { margin-right: 4%;} .page-magazine .magazine_list_item .itemlist li a { width: 100%;height: 43vw;position: relative;} .page-magazine .magazine_list_item .itemlist li a .img { width: 100%;} .page-magazine .magazine_list_item .itemlist li a .img img { width: 100%; height: 28vw; object-fit: cover;} .page-magazine .magazine_list_item .itemlist li a .tit { margin-top: 0; font-size: 4vw;} .page-magazine .magazine_list_item .itemlist li a .tag { margin-top: 10px; font-size: 10px;} .page-magazine .magazine_list_item .itemlist li a .tag .tagitem { display: inline-block; margin-right: 10px;} } /* magazine -detail */ .page-magazine {} .page-magazine .magazine_detail { max-width: 880px; margin: 100px auto 0 auto;} .page-magazine .magazine_detail .detail_titArea .date { font-size: 16px; color: #666; font-weight: 500;} .page-magazine .magazine_detail .detail_titArea .tittxt { font-size: 40px; margin-top: 30px; font-weight: 500; letter-spacing: 0.05em;} .page-magazine .magazine_detail .detail_titArea .tag { margin-top: 40px; font-size: 18px; color: #666; font-weight: 500;} .page-magazine .magazine_detail .detail_titArea .tag .tagitem { display: inline-block; margin-right: 20px;} .page-magazine .magazine_detail .detail_titArea .tag .tagitem a { color: #666;} .page-magazine .magazine_detail .detail_txtArea { margin-top: 70px;} .page-magazine .magazine_detail .pagelink { margin-top: 80px; display: flex;} .page-magazine .magazine_detail .pagelink li { width: 50%;} .page-magazine .magazine_detail .pagelink li:first-child { text-align: left;} .page-magazine .magazine_detail .pagelink li:last-child { text-align: right;} .page-magazine .magazine_detail .pagelink li a { font-size: 18px; border-radius: 50px; border: solid 1px #999; display: inline-block;} .page-magazine .magazine_detail .pagelink li:first-child a { padding: 20px 35px 20px 55px; background: url("/html/template/default/assets/img/common/icon_arrL_bk.svg") left 20px center no-repeat; background-size: 25px 25px;} .page-magazine .magazine_detail .pagelink li:last-child a { padding: 20px 55px 20px 35px; background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") right 20px center no-repeat; background-size: 25px 25px;} .page-magazine .magazine_detail .nomal_link.magazinelist { margin-top: 80px;} @media screen and (max-width: 749px) { .page-magazine .magazine_detail { margin: 50px auto 0 auto;} .page-magazine .magazine_detail .detail_titArea .date { font-size: 10px;} .page-magazine .magazine_detail .detail_titArea .tittxt { font-size: 20px; margin-top: 15px;} .page-magazine .magazine_detail .detail_titArea .tag { margin-top: 20px; font-size: 12px;} .page-magazine .magazine_detail .detail_titArea .tag .tagitem { margin-right: 10px;} .page-magazine .magazine_detail .detail_txtArea { margin-top: 35px;} .page-magazine .magazine_detail .pagelink { margin-top: 40px;} .page-magazine .magazine_detail .pagelink li a { font-size: 12px;} .page-magazine .magazine_detail .pagelink li:first-child a { padding: 10px 25px 10px 40px; background: url("/html/template/default/assets/img/common/icon_arrL_bk.svg") left 10px center no-repeat; background-size: 15px 15px;} .page-magazine .magazine_detail .pagelink li:last-child a { padding: 10px 40px 10px 25px; background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") right 10px center no-repeat; background-size: 15px 15px;} .page-magazine .magazine_detail .nomal_link.magazinelist { margin-top: 40px;} } /* product */ #page_product_list .sp2fpk, #page_product_list .sp2pck, #page_product_list .sp2hpck, #page_product_list .notsp2, #page_product_list .rpo { display: none;} #page_product_list.cat1 .notsp2, #page_product_list.cat2 .notsp2, #page_product_list.cat7 .notsp2 { display: none;} #page_product_list.cat8 .notrpo { display: none;} #page_product_list.cat1 .pageTit.notrpo, #page_product_list.cat2 .pageTit.notrpo, #page_product_list.cat7 .pageTit.notrpo, #page_product_list.cat8 .pageTit.notrpo { display: none;} #page_product_list.cat1 .sp2fpk { display: block;} #page_product_list.cat2 .sp2pck { display: block;} #page_product_list.cat7 .sp2hpck { display: block;} #page_product_list.cat8 .rpo { display: block;} #page_product_list.cat1 header#hd .hd_nav ul li:nth-child(2) a { background: #d52626;} #page_product_list.cat2 header#hd .hd_nav ul li:nth-child(3) a { background: #d52626;} #page_product_list.cat7 header#hd .hd_nav ul li:nth-child(4) a { background: #d52626;} #page_product_list.cat8 header#hd .hd_nav ul li:nth-child(5) a { background: #d52626;} #page_product_list.cat1 .pankuzu li .nowtit:before { content: " - SP2 フルパワーキット";} #page_product_list.cat2 .pankuzu li .nowtit:before { content: " - SP2 パワーコイルキット";} #page_product_list.cat7 .pankuzu li .nowtit:before { content: " - SP2 ハイパワーコイルセット";} #page_product_list.cat8 .pankuzu li .nowtit:before { content: " - 補修パーツ・その他";} #page_product_list.cat10 .pankuzu li .nowtit:after { content: " - DUCATI";} #page_product_list.cat11 .pankuzu li .nowtit:after { content: " - HONDA";} #page_product_list.cat12 .pankuzu li .nowtit:after { content: " - YAMAHA";} #page_product_list.cat13 .pankuzu li .nowtit:after { content: " - Kawasaki";} #page_product_list.cat14 .pankuzu li .nowtit:after { content: " - SUZUKI";} #page_product_list.cat17 .pankuzu li .nowtit:after { content: " - 各機種専用キット";} #page_product_list.cat18 .pankuzu li .nowtit:after { content: " - 汎用キット(アンプA)";} #page_product_list.cat19 .pankuzu li .nowtit:after { content: " - 汎用キット(アンプC)";} #page_product_list.cat20 .pankuzu li .nowtit:after { content: " - 各機種専用キット";} #page_product_list.cat21 .pankuzu li .nowtit:after { content: " - 汎用キット";} .page-maintit { margin: -60px 0 40px 0; background: #f9f9f9;} .page-maintit .inner { padding: 80px 0 70px 0; background: url("/html/template/default/assets/img/common/maintit_bg.png") right top 40px no-repeat;} .page-maintit .catch { margin-top: 40px; display: flex; justify-content: space-between;} .page-maintit .catch li { font-size: 30px; padding: 40px 0 40px 40px; width: 360px; background: #fff; font-weight: 700; letter-spacing: -0.05em;} .page-maintit .catch li .colBl { color: #172a88;} .page-maintit .catch li .big { font-size: 63px; line-height: 1;} .page-maintit .catch li .mid { font-size: 45px;} .page-maintit .catch li .min { font-size: 36px;} #anchorposition { padding-top: 30px; margin-top:-30px;} .page-product {} .page-product .search_box { margin-top: 100px;} .page-product .search_box .makerlist { display: flex; justify-content: space-between;} .page-product .search_box .makerlist li { width: 180px; font-size: 18px;} .page-product .search_box .makerlist li a { border:solid 1px #dddddd; height: 100px; display: flex; align-items: center; justify-content: center;} .page-product .search_box .makerlist li a img { width: 100%;} .page-product .search_box .makerlist li a:hover { opacity: 1;} .page-product .search_box .makerlist li .notes { margin-top: 10px; font-size: 14px; text-indent: -14px; margin-left: 14px;} .page-product .search_box .makerlist li:nth-child(1) a { border:solid 2px #172a88;} #page_product_list.cat1.cat10 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat1.cat11 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat1.cat12 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat1.cat13 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat1.cat14 .page-product .search_box .makerlist li:nth-child(1) a{ border:solid 1px #dddddd;} #page_product_list.cat1.cat10 .page-product .search_box .makerlist li:nth-child(2) a, #page_product_list.cat1.cat11 .page-product .search_box .makerlist li:nth-child(3) a, #page_product_list.cat1.cat12 .page-product .search_box .makerlist li:nth-child(4) a, #page_product_list.cat1.cat14 .page-product .search_box .makerlist li:nth-child(6) a, #page_product_list.cat1.cat13 .page-product .search_box .makerlist li:nth-child(5) a { border:solid 2px #172a88;} #page_product_list.cat2 .page-product .search_box .makerlist li, #page_product_list.cat2.cat17 .page-product .search_box .makerlist li, #page_product_list.cat2.cat18 .page-product .search_box .makerlist li, #page_product_list.cat2.cat19 .page-product .search_box .makerlist li { width:280px; max-width: 48%; font-weight: 500;} #page_product_list.cat2.cat17 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat2.cat18 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat2.cat19 .page-product .search_box .makerlist li:nth-child(1) a{ border:solid 1px #dddddd;} #page_product_list.cat2.cat17 .page-product .search_box .makerlist li:nth-child(2) a, #page_product_list.cat2.cat18 .page-product .search_box .makerlist li:nth-child(3) a, #page_product_list.cat2.cat19 .page-product .search_box .makerlist li:nth-child(4) a { border:solid 2px #172a88;} #page_product_list.cat7 .page-product .search_box .makerlist li, #page_product_list.cat7.cat20 .page-product .search_box .makerlist li, #page_product_list.cat7.cat21 .page-product .search_box .makerlist li { width:380px; max-width: 48%; font-weight: 500;} #page_product_list.cat7.cat20 .page-product .search_box .makerlist li:nth-child(1) a, #page_product_list.cat7.cat21 .page-product .search_box .makerlist li:nth-child(1) a{ border:solid 1px #dddddd;} #page_product_list.cat7.cat20 .page-product .search_box .makerlist li:nth-child(2) a, #page_product_list.cat7.cat21 .page-product .search_box .makerlist li:nth-child(3) a { border:solid 2px #172a88;} .page-product .search_box .focus { margin-top: 50px; background: #f9f9f9; padding: 20px 0;} .page-product .search_box .focus .inner { display: flex; align-items: center; justify-content: space-between;} .page-product .search_box .focus input, .page-product .search_box .focus select { background: #fff;} .page-product .search_box .focus .type { width: 240px;} .page-product .search_box .focus select { width: 290px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url("/html/template/default/assets/img/common/icon_arrB_bk.svg") right 15px center no-repeat #fff; background-size: 25px 25px;} .page-product .search_box .focus .keyword { width: 290px;} .page-product .search_box .focus .button { width: 163px; padding-left: 30px; background: url("/html/template/default/assets/img/common/icon_filter_wh.svg") left 20px center no-repeat #172a88; background-size: 25px auto; border: none; color: #fff;} .page-product .search_box .cmsearch { margin-top: 50px; display: flex;} .page-product .search_box .cmsearch .tit { padding: 15px; font-size: 20px; width: 180px; text-align: center;background: #38383a; color: #fff;} .page-product .search_box .cmsearch .txt { padding: 15px 70px; font-size: 18px; width: 820px; background: #f9f9f9;} .page-product .search_box .cmsearch .btnArea { width: 180px; text-align: right;} .page-product .search_box .cmsearch .btnArea a { padding: 15px 15px 15px 35px; font-size: 18px; width: 136px; border-radius: 30px; border: solid 1px #4555a0; color: #4555a0; display: inline-block; text-align: center; background: url("/html/template/default/assets/img/common/icon_change_bl.svg") left 25px center no-repeat; background-size: 25px auto;} #page_product_list.cat1 .cmsearch { display: none;} #page_product_list.cat1.cat10 .cmsearch, #page_product_list.cat1.cat11 .cmsearch, #page_product_list.cat1.cat12 .cmsearch, #page_product_list.cat1.cat13 .cmsearch, #page_product_list.cat1.cat14 .cmsearch { display: flex;} .page-product .catalog { margin-top: 100px;} .page-product .catalog .tit { font-size: 30px; margin-bottom: 40px; padding-bottom: 30px; border-bottom: solid 1px #666;} .page-product .catalog .list { display: flex; flex-wrap: wrap;} .page-product .catalog .list li { width: 33%; margin-top: 20px;} .page-product .catalog .list li:nth-child(-n+3) { margin-top: 0;} .page-product .catalog .list li a { font-size: 18px; color: #080808;} .page-product .catalog .list li a:hover { color: #172a88; text-decoration: underline; opacity: 1;} .page-product .itemlist { margin-top: 100px;} .page-product .itemlist .list { margin-bottom: 100px;} .page-product .itemlist .list li { margin-top: 75px;} .page-product .itemlist .list li:nth-child(1) { margin-top: 0;} .page-product .itemlist .list li a { display: flex; align-items: center;} .page-product .itemlist .list li a .img { width: 290px;} .page-product .itemlist .list li a .img img { width: 250px; height: 180px; object-fit: cover;} .page-product .itemlist .list li a .txtbox { width: 600px;} .page-product .itemlist .list li a .txtbox .maker { display: flex; align-items: center; flex-wrap: wrap;} .page-product .itemlist .list li a .txtbox .maker img { width: 100px; border: solid 1px #e6e6e6; margin-right: 10px;} .page-product .itemlist .list li a .txtbox .maker .txt { font-weight: 300; color: #707070; display: inline-block;} .page-product .itemlist .list li a .txtbox .itemcat { font-size: 14px; margin-top: 15px; color: #707070;} .page-product .itemlist .list li a .txtbox .name { font-size: 28px; margin: 0 0 10px 0; font-weight: 500; word-wrap: break-word;} .page-product .itemlist .list li a .txtbox .adaptation { color: #707070; word-wrap: break-word;} .page-product .itemlist .list li a .price { width: 290px; text-align: right;} .page-product .itemlist .list li a .price .taxin { font-size: 40px; font-weight: 500; color: #d52626;} .page-product .itemlist .list li a .price .taxin .yen { font-size: 20px;} .page-product .itemlist .list li a .price .taxex { font-size: 18px; font-weight: 500; color: #707070;} .page-product .itemlist .list li a .price .taxex .tax_management-sale_price.tax_management-list_page { font-size: 18px; font-weight: 500; color: #707070; display: inline !important;} @media screen and (max-width: 749px) { .page-maintit { margin: -16px 0 20px 0;} .page-maintit .inner { padding: 60px 0 45px 0; background: url("/html/template/default/assets/img/common/maintit_bg.png") right top 20px no-repeat; background-size: 80% auto;} .page-maintit .inner .pageTit { line-height: 1; letter-spacing: -0.05em; font-size: 38px;} .page-maintit .catch { display: block;} .page-maintit .catch li { font-size: 20px; padding: 20px 0; margin-top: 15px; width: 100%; text-align: center;} .page-maintit .catch li .narrow { transform-origin: top center;} .page-maintit .catch li .big { font-size: 42px;} .page-maintit .catch li .mid { font-size: 30px;} .page-maintit .catch li .min { font-size: 24px;} #anchorposition { padding-top: 100px; margin-top:-100px;} .page-product {} .page-product .search_box { margin-top: 50px;} .page-product .search_box .makerlist { flex-wrap: wrap;} .page-product .search_box .makerlist li { width: 30%; font-size: 14px; margin-top: 20px;} .page-product .search_box .makerlist li:nth-child(-n+3) { margin-top: 0;} .page-product .search_box .makerlist li a { height: 16vw;} .page-product .search_box .makerlist li .notes { font-size: 11px; text-indent: -11px; margin-left: 11px;} .page-product.cat2 .search_box .makerlist li:nth-child(3), .page-product.cat17 .search_box .makerlist li:nth-child(3), .page-product.cat18 .search_box .makerlist li:nth-child(3), .page-product.cat19 .search_box .makerlist li:nth-child(3), .page-product.cat7 .search_box .makerlist li:nth-child(3), .page-product.cat20 .search_box .makerlist li:nth-child(3), .page-product.cat21 .search_box .makerlist li:nth-child(3) { margin-top:20px;} .page-product .search_box .focus { margin-top: 25px; padding: 15px 0;} .page-product .search_box .focus .inner { display: block; text-align: center;} .page-product .search_box .focus .tit { display: block; text-align: center; font-weight: 500;} .page-product .search_box .focus .type { width: 100%; max-width: 300px; margin: 10px auto 0 auto;} .page-product .search_box .focus select { width: 100%; max-width: 300px; margin: 10px auto 0 auto; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url("/html/template/default/assets/img/common/icon_arrB_bk.svg") right 15px center no-repeat #fff; background-size: 20px 20px;} .page-product .search_box .focus .keyword { width: 100%; max-width: 300px; margin: 10px auto 0 auto;} .page-product .search_box .focus .button { margin: 15px auto 0 auto;} .page-product .search_box .cmsearch { position: relative;margin-top: 25px; flex-wrap: wrap;} .page-product .search_box .cmsearch .tit { padding: 10px 6%; font-size: 12px; width: auto;} .page-product .search_box .cmsearch .txt { padding: 15px 6%; font-size: 12px; width: 100%; font-weight: 500;} .page-product .search_box .cmsearch .btnArea { position: absolute; right: 0; top: 0; width: 100%; text-align: right;} .page-product .search_box .cmsearch .btnArea a { padding: 6px 5px 6px 15px; font-size: 11px; width: 80px; border-radius: 30px;background: url("/html/template/default/assets/img/common/icon_change_bl.svg") left 10px center no-repeat; background-size: 18px auto;} .page-product .catalog { margin-top: 50px;} .page-product .catalog .tit { font-size: 20px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #666;} .page-product .catalog .list li { width: 49%; margin-top: 10px;} .page-product .catalog .list li:nth-child(-n+3) { margin-top: 0;} .page-product .catalog .list li a { font-size: 12px; color: #080808;} .page-product .catalog .list li a:hover { color: #172a88; text-decoration: underline; opacity: 1;} .page-product .itemlist { margin-top: 50px;} .page-product .itemlist .list { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;} .page-product .itemlist .list li { width: 100%; margin-top: 40px; position: relative; border-bottom: solid 2px #f1f1f1; padding-bottom: 20px; margin-bottom: 20px;} .page-product .itemlist .list li:nth-child(1) { margin-top: 0;} .page-product .itemlist .list li:nth-child(2) { margin-top: 0;} .page-product .itemlist .list li a { padding-left: 37%; display: block; align-items: center;} .page-product .itemlist .list li a .img { width: 30%; position: absolute; left: 0; top: 0;} .page-product .itemlist .list li a .img img { width: 100%; height: 22vw; object-fit: cover;} .page-product .itemlist .list li a .txtbox { width: 100%;} .page-product .itemlist .list li a .txtbox .maker img { width: 68px; margin-right: 10px;} .page-product .itemlist .list li a .txtbox .maker .txt { font-size: 10px;} .page-product .itemlist .list li a .txtbox .itemcat { font-size: 10px;} .page-product .itemlist .list li a .txtbox .name { font-size: 14px;} .page-product .itemlist .list li a .txtbox .adaptation { font-size: 10px;} .page-product .itemlist .list li a .price { width: 100%; text-align: left;} .page-product .itemlist .list li a .price .taxin { font-size: 24px;} .page-product .itemlist .list li a .price .taxin .yen { font-size: 11px;} .page-product .itemlist .list li a .price .taxex { font-size: 10px;} } /* product -detail */ #page_product_detail .ec-productRole { padding: 0;} #page_product_detail .itemmain { margin-top: 100px; display: flex; justify-content: space-between;} #page_product_detail .itemmain .itemslider { max-width: 640px;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole { padding: 0;} #page_product_detail .itemmain .itemslider .item_nav { margin-top: 20px;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .item_visual .slick-track .slide-item img { min-width:640px;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .slideThumb { width: 17.5%; margin-left: 3%;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .slideThumb:nth-of-type(5n+1) { margin-left: 0;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .slideThumb img { width: 112px; height: 90px; object-fit: cover;} #page_product_detail .itemmain .itemdetail { width: 470px;} #page_product_detail .itemmain .itemdetail .mfrimg { margin-bottom: 30px; display: flex; flex-wrap: wrap;} #page_product_detail .itemmain .itemdetail .mfrimg img { border: solid 1px #e6e6e6; width: 105px; margin-right: 10px;} #page_product_detail .itemmain .itemdetail .itemname { margin-bottom: 30px; font-size: 32px; color: #000;} #page_product_detail .itemmain .itemdetail .itemnum { margin-bottom: 20px; font-size: 20px; color: #000;} #page_product_detail .itemmain .itemdetail .itemtxt { margin-bottom: 30px; color: #707070; font-weight: 300;} #page_product_detail .itemmain .itemdetail .itemkind { padding: 20px 20px; color: #000; background: #f9f9f9; text-align: left; font-weight: 500;margin-top: 20px;} #page_product_detail .itemmain .itemdetail .itemcartin { margin-top: 40px; padding-bottom: 120px; position: relative; display: flex;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox {} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price { font-size: 40px; font-weight: 500; color: #d52626;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price .tax { font-size: 20px; font-weight: 400;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price_notax { color: #000; font-weight: 500;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price_notax .tax_management-sale_price.tax_management-detail_page .price02-default { color: #000 !important; font-weight: 500 !important; padding: 0 !important; font-size: 16px !important;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price_notax .ec-price__tax { display: none;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform { width: 200px; color: #000; text-align: right;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform .ec-productRole__actions {} #page_product_detail .itemmain .itemdetail .itemcartin .itemform .ec-productRole__btn { position: absolute; left: 0; bottom: 0; width: 100%;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform .ec-productRole__btn button { max-width: 100%; height: 80px; line-height: 80px; font-size: 20px; background: #4555a0; font-weight: 400; border: 0; margin: 0;} #page_product_detail .itemmain .itemdetail .favorite_btnArea { text-align: center;} #page_product_detail .itemmain .itemdetail .favorite_btnArea .favorite_btn { margin: 0 auto; background: none; border: 0; text-decoration: underline;} #page_product_detail .itemmain .itemdetail .favorite_btnArea .favorite_btn:before { background: url("/html/template/default/assets/img/common/icon_favorite_bk.svg") left center no-repeat; background-size: 20px auto; width: 20px; height: 16px; content: ""; display: inline-block; margin-right: 5px;} #page_product_detail .itemmain .itemdetail .notes { margin-top: 20px; font-size: 12px;} #page_product_detail .itemmain .itemdetail .notes .red { color: #d52626;} #page_product_detail .freearea { max-width: 880px;; margin: 130px auto 0 auto;} #page_product_detail .freearea .setdetail { padding: 50px 70px; background: #f9f9f9; color: #010101;} #page_product_detail .freearea .setdetail .tit { margin-bottom: 30px; font-size: 24px; text-align: center; font-weight: 500;} #page_product_detail .freearea .setdetail .list { line-height: 2;} #page_product_detail .freearea .pdf_link { margin-top: 70px;} #page_product_detail .freearea .pdf_link a { font-size: 24px; padding: 30px 50px; border: solid 1px #282728; position: relative;} #page_product_detail .freearea .pdf_link a .min { font-size: 20px;} #page_product_detail .freearea .pdf_link a .icon { padding-left: 50px; display: inline-block; background: url("/html/template/default/assets/img/common/icon_pdf_bk.svg") no-repeat; background-size: auto 100%;} #page_product_detail .freearea .pdf_link a:before { content: ""; width: 30px; height: 30px; right: 0; background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") no-repeat; background-size: 30px auto; right: 46px; top: 0; bottom: 0; margin: auto; display: block; position: absolute;} #page_product_detail .freearea .nomal_link { margin-top: 60px;} #page_product_detail .freearea .nomal_link.coil_2px2 a span:before { content: "2P×2";} #page_product_detail .freearea .nomal_link.coil_1px2 a span:before { content: "1P×2";} #page_product_detail .freearea .nomal_link.coil_2px1 a span:before { content: "2P×1";} #page_product_detail .freearea .nomal_link.coil_1px1 a span:before { content: "1P×1";} #page_product_detail .freearea .cat_link { margin-top: 60px;} #page_product_detail .freearea .cat_link a { font-size: 28px; padding: 50px; font-weight: 500; background: #f9f9f9; color: #172a88; position: relative;} #page_product_detail .freearea .cat_link a .min { margin-top: 10px; font-size: 18px; color: #000; font-weight: 300; display: block;} #page_product_detail .freearea .cat_link a:before { content: ""; width: 30px; height: 30px; right: 0; background: url("/html/template/default/assets/img/common/icon_arrR_bk.svg") no-repeat; background-size: 30px auto; right: 70px; top: 0; bottom: 0; margin: auto; display: block; position: absolute;} #page_product_detail .freearea .cat_link a:after { content: ""; width: 70px; height: 70px; border: solid 1px #000; border-radius: 70px; right: 50px; top: 0; bottom: 0; margin: auto; display: block; position: absolute;} #page_product_detail .freearea .ec-productRole__description { margin-top: 50px;} #page_product_detail .ripea { max-width: 880px;; margin: 130px auto 0 auto;} #page_product_detail .ripea .tit { font-size: 32px; font-weight: 500; text-align: center; color: #fff; background: #38383a; padding: 20px;} #page_product_detail .ripea .img { margin-top: 50px;} @media screen and (max-width: 749px) { #page_product_detail {} #page_product_detail .itemmain { margin-top: 50px; display: block;} #page_product_detail .itemmain .itemslider { max-width: 100%;} #page_product_detail .itemmain .itemslider .item_nav { display: flex; flex-wrap: wrap; margin: 10px auto 0 auto; width: 90%;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .item_visual .slick-track .slide-item img { min-width:100%;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .slideThumb { margin-bottom: 10px;} #page_product_detail .itemmain .itemslider .ec-sliderItemRole .slideThumb img { width: 100%; height: 15vw;} #page_product_detail .itemmain .itemdetail { width: 90%; margin: 0 auto;} #page_product_detail .itemmain .itemdetail .mfrimg { margin-bottom: 10px;} #page_product_detail .itemmain .itemdetail .itemname { margin-bottom: 15px; font-size: 25px;} #page_product_detail .itemmain .itemdetail .itemnum { margin-bottom: 10px; font-size: 14px;} #page_product_detail .itemmain .itemdetail .itemtxt { margin-bottom: 20px; font-size: 14px;} #page_product_detail .itemmain .itemdetail .itemkind { padding: 15px 15px; font-size: 14px;} #page_product_detail .itemmain .itemdetail .itemcartin { display: block; padding-bottom: 0;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox { text-align: right;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price { font-size: 35px;} #page_product_detail .itemmain .itemdetail .itemcartin .itempricebox .price .tax { font-size: 16px;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform { width: 100%;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform .ec-productRole__btn { position: relative; margin-bottom: 0;} #page_product_detail .itemmain .itemdetail .itemcartin .itemform .ec-productRole__btn button { height: 65px; line-height: 65px; font-size: 16px;} #page_product_detail .itemmain .itemdetail .favorite_btnArea .favorite_btn { margin-top: 10px;} #page_product_detail .freearea { max-width: 90%; margin: 50px auto 0 auto;} #page_product_detail .freearea .setdetail { padding: 20px 40px;} #page_product_detail .freearea .setdetail .tit { margin-bottom: 20px; font-size: 20px; padding-right: 20px;} #page_product_detail .freearea .setdetail .list { font-size: 14px;} #page_product_detail .freearea .pdf_link { margin-top: 40px;} #page_product_detail .freearea .pdf_link a { font-size: 16px; padding: 20px 30px;} #page_product_detail .freearea .pdf_link a::before { right: 16px;} #page_product_detail .freearea .pdf_link a .min { font-size: 12px; display: block;} #page_product_detail .freearea .nomal_link { margin-top: 30px;} #page_product_detail .freearea .cat_link { margin-top: 30px;} #page_product_detail .freearea .cat_link a { font-size: 20px; padding: 20px 20px 60px 20px;} #page_product_detail .freearea .cat_link a .min { font-size: 14px;} #page_product_detail .freearea .cat_link a::after { width: 40px; height: 40px; bottom: 15px; top: auto; right: 20px;} #page_product_detail .freearea .cat_link a::before { width: 20px; height: 20px; background-size: 20px auto; right: 30px; top: auto; bottom: 25px;} #page_product_detail .ripea { margin: 80px auto 0 auto;; width: 90%;} #page_product_detail .ripea .tit { font-size: 22px; padding: 15px;} #page_product_detail .ripea .img { margin-top: 20px;} } /* product -detail RepairParts_area */ #page_product_detail #RelatedProduct-product_area { max-width: 880px; margin: 50px auto 0 auto;} #page_product_detail .RepairParts_area {} #page_product_detail .RepairParts_area .list {} #page_product_detail .RepairParts_area .list li {} #page_product_detail .RepairParts_area .list li .productImg { width: 90px;} #page_product_detail .RepairParts_area .list li .productNum { width: 115px; padding: 0 5px; text-align: center;} #page_product_detail .RepairParts_area .list li .productName { width: 205px; padding-right: 25px;} #page_product_detail .RepairParts_area .list li .productPrice { width: 160px; padding-right: 25px;} #page_product_detail .RepairParts_area .list li .productCartin { width: 250px;} #page_product_detail .RepairParts_area .list li .productCartin .select { width: 70px;} #page_product_detail .RepairParts_area .list li .productCartin .select input { width: 100%;padding: 10px; background: #fff; border: solid 1px #38383a;} #page_product_detail .RepairParts_area .list li .productCartin .cartbtn { width: 150px; margin-left: 30px;} #page_product_detail .RepairParts_area .list li .productCartin .used { font-size: 14px; padding-left: 100px; margin-top: 10px; width: 100%; text-align: center; color: #666;} #page_product_detail .RepairParts_area .list li .listtit { display:none;} #page_product_detail .RepairParts_area .list li .listdetail { padding: 30px; display: flex; align-items: center;} #page_product_detail .RepairParts_area .list li .listdetail .productImg {} #page_product_detail .RepairParts_area .list li .listdetail .productImg img { width: 90px; height: 90px; object-fit: cover;} #page_product_detail .RepairParts_area .list li .listdetail .productNum {} #page_product_detail .RepairParts_area .list li .listdetail .productName {} #page_product_detail .RepairParts_area .list li .listdetail .productName .sub { font-size: 11px; color: #444; display: block; border-top: solid 1px #ccc; padding-top: 5px; margin-top: 5px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice { font-size: 18px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice .tax{ font-size: 12px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice .notax { display: block; font-size: 12px;} #page_product_detail .RepairParts_area .list li .listdetail .productCartin { display: flex; align-items: center; flex-wrap: wrap;} #page_product_detail .RepairParts_area .list li .listdetail .productCartin .select {} #page_product_detail .RepairParts_area .list li .listdetail .productCartin .cartbtn .rpcartin { font-size: 14px; max-width: 150px; height: 60px; line-height: 60px; margin: 0; background: #4555a0; padding: 0; border: 0; width: 100%; color: #fff; font-weight: 500;} #page_product_detail .RepairParts_area .list li:first-child .listtit { display:flex; background: #606061; color: #fff; font-size: 18px; font-weight: 500; padding: 15px 20px; align-items: center;} #page_product_detail .RepairParts_area .list li:first-child .listtit .productImg {} #page_product_detail .RepairParts_area .list li:first-child .listtit .productNum {} #page_product_detail .RepairParts_area .list li:first-child .listtit .productName { text-align: center;} #page_product_detail .RepairParts_area .list li:first-child .listtit .productPrice { text-align: center;} #page_product_detail .RepairParts_area .list li:first-child .listtit .productCartin {} #page_product_detail .RepairParts_area .list li:nth-child(2n) { background: #f9f9f9;} @media screen and (max-width: 749px) { #page_product_detail #RelatedProduct-product_area { margin: 20px auto 0 auto;} #page_product_detail .RepairParts_area { width: 90%; margin: 0 auto;} #page_product_detail .RepairParts_area .list {} #page_product_detail .RepairParts_area .list li {} #page_product_detail .RepairParts_area .list li .productImg { min-width: 80px; width: 80px;} #page_product_detail .RepairParts_area .list li .productNum { width: 100%; text-align: left; padding: 0;} #page_product_detail .RepairParts_area .list li .productName { width: 60%; padding: 0 5px; text-align: center;} #page_product_detail .RepairParts_area .list li .productPrice { width: 100%;} #page_product_detail .RepairParts_area .list li .productCartin { width: 40%; min-width: 130px; position: relative;} #page_product_detail .RepairParts_area .list li .productCartin .select { position: absolute; top: -55px;} #page_product_detail .RepairParts_area .list li .productCartin .select input { width: 55px; padding: 5px;} #page_product_detail .RepairParts_area .list li .productCartin .cartbtn { width: 130px;} #page_product_detail .RepairParts_area .list li .listdetail { padding: 20px 15px; display: block; position: relative;} #page_product_detail .RepairParts_area .list li .listdetail a { position: absolute; left: 15px; top: 20px;} #page_product_detail .RepairParts_area .list li .listdetail .productImg {} #page_product_detail .RepairParts_area .list li .listdetail .productImg img { width: 80px; height: 80px;} #page_product_detail .RepairParts_area .list li .listdetail .productNum { font-size: 12px; padding-left: 92px;} #page_product_detail .RepairParts_area .list li .listdetail .productName { width: 100%; text-align: left; padding: 0 0 0 92px;} #page_product_detail .RepairParts_area .list li .listdetail .productName .sub { font-size: 10px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice { font-size: 19px; margin: 10px 0 15px 0; padding: 0 0 0 160px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice .tax { font-size: 10px;} #page_product_detail .RepairParts_area .list li .listdetail .productPrice .notax { font-size: 10px; color: #666;} #page_product_detail .RepairParts_area .list li .listdetail .productCartin { width: 100%; min-width: 100%; padding: 0 0 0 92px;} #page_product_detail .RepairParts_area .list li .listdetail .productCartin .select {} #page_product_detail .RepairParts_area .list li .listdetail .productCartin .cartbtn { width: 100%; margin-left: 0;} #page_product_detail .RepairParts_area .list li .listdetail .productCartin .cartbtn .rpcartin { font-size: 12px; max-width: 100%; height: 40px; line-height: 40px; letter-spacing: 0.05em;} #page_product_detail .RepairParts_area .list li .productCartin .used { font-size: 10px; padding-left: 0; margin-top: 5px;} #page_product_detail .RepairParts_area .list li:first-child .listtit { display: none;} } /* 20240913カスタマイズ */ button[data-path="/shopping/shipping_multiple"] { display: none; }