@charset "utf-8";
/* ----------------------------------------------
buy common
------------------------------------------------------------ */
.buy #pageTitle { background-image: url("/assets/images/buy/page_title_bg.jpg") ;}
.buy #pageTitle.ico .main::before { background-image: url("/assets/images/common/ico_buy_wh.svg"); }
/* ----------------------------------------------
buy .idx
--------------------------------------------------------------------------------------------------------- */
.buy.idx .contents_wrap { max-width: 1110px; margin: 0 auto; }
.buy.idx .contents_wrap .main-wrap { padding: 4rem 0 ; }
.buy.idx .contents_wrap .sub-wrap { padding: 4rem 0 8rem; border-top:#E8E8E8 1px solid;}
.buy.idx .youtube-wrap { margin-bottom: 2rem;}
@media print, screen and (min-width: 1024px) {
.buy.idx .contents_wrap { }
.buy.idx .contents_wrap .contents-row { display: flex; flex-direction: row-reverse; justify-content: center; padding: 8rem 2rem 8rem; }
.buy.idx .contents_wrap .sub-wrap .inner,
.buy.idx .contents_wrap .main-wrap .inner{ padding: 0; margin: auto; max-width: none; }
.buy.idx .contents_wrap .main-wrap { flex: 1; padding: 0 ; }
.buy.idx .contents_wrap .sub-wrap { width: calc(29rem - 4rem); margin-right: 4rem; padding: 0; border-top:none;}
.buy.idx .youtube-wrap { margin-bottom: 4rem;}
}
/* main
----------------------------------------------------------- */
.main-wrap .fine-box .result { -webkit-display: flex; display: flex; justify-content: space-between; }
.main-wrap .fine-box .result .result-name { font-weight: bold; font-size: 1.8rem; }
.main-wrap .fine-box .result .result-num { margin:0.4rem 0 0 0; font-weight: bold; }
.main-wrap .fine-box .result .result-num span { margin-right: 0.5rem; color: #1D2087; font-weight: bold;}
.main-wrap .fine-box .sort { margin-top: 1rem; padding: 1rem; background: #f1f1f1; }
.main-wrap .fine-box .sort dl { -webkit-display: flex; display: flex; flex-wrap: wrap;}
.main-wrap .fine-box .sort dl dt { width: 100%; }
.main-wrap .fine-box .sort dl dt span { padding:0.2rem 0 0.2rem 2.5rem; background: url("/assets/images/buy/ico_ sort.png") no-repeat left center; background-size: contain; font-weight: bold;}
.main-wrap .fine-box .sort dl dd { margin-top: 0.5rem; }
.main-wrap .fine-box .sort dl dd a { display: block; padding: 0 1rem; }
.main-wrap .fine-box .sort dl dd.on a { color: #1D2087; font-weight: bold;}
@media print, screen and (min-width: 640px) {
.main-wrap .fine-box .result { justify-content: flex-start; }
.main-wrap .fine-box .result .result-name { font-size: 2rem; }
.main-wrap .fine-box .result .result-num { margin:0.6rem 0 0 2rem; font-size: 1.4rem; }
.main-wrap .fine-box .sort dl dt { width: auto; font-size: 1.2rem; }
.main-wrap .fine-box .sort dl dd { margin-top: 0; font-size: 1.2rem; }
}
@media print, screen and (min-width: 1024px) {
.main-wrap .fine-box { display: flex; justify-content: space-between; }
.main-wrap .fine-box .sort { margin-top: 1rem; padding: 0; background: none; }
.main-wrap .fine-box .sort dl dd a { display: block; padding: 0; margin-left: 2rem; }
.main-wrap .fine-box .sort dl >*:nth-child(2) a { margin-left: 0.5rem; }
}
/* ページナビ */
.navigation { margin: 4rem 0 0; overflow: hidden; text-align: center; }
.pagination .nav-links { -webkit-display: flex; display: flex;}
.pagination .nav-links >* { display: block; margin-left: -0.1rem; padding:0.5rem 1.4rem; font-size: 1.4rem; font-family: 'Open Sans', sans-serif;}
.pagination a:first-child { margin-left: 0; }
.pagination a.page-numbers { background: #ffffff no-repeat ; border: 1px solid #c9caca; }
.pagination a.page-numbers.next { padding-right:0.5rem ; }
.pagination a.page-numbers.prev { padding-left:0.5rem; }
.pagination a.page-numbers span { background: no-repeat; background-size: 1rem; }
.pagination a.page-numbers.next span { padding-right: 1.5rem; background-image: url("/assets/images/common/ar_right_bl.png") ; background-position: right center; }
.pagination a.page-numbers.prev span { padding-left: 1.5rem; background-image: url("/assets/images/common/ar_left_bl.png"); background-position: left center; }
.pagination span.current { background-color: #004098; border-color: #004098; color: #fff;}
@media print, screen and (min-width: 640px) {
.navigation { margin: 8rem 0 0; overflow: hidden; text-align: center; }
}
/* sub
----------------------------------------------------------- */
.buy .sub-wrap .ttl-ico { padding: 0.2rem 0 0 3.5rem; background: no-repeat left center; background-size: contain; color: #1D2087; font-weight: bold; font-size: 1.6rem;}
/* search-box */
.sub-wrap .search-box { }
.sub-wrap .search-box .ttl-ico { background-image: url("/assets/images/buy/ico_search.png") ; }
.sub-wrap .search-box .search_container { position: relative; height: 6rem; max-width: 40rem; margin-top: 1rem; padding: 0.5rem 1rem; background: #f1f1f1; }
.sub-wrap .search-box .search_container input[type="text"]{ border: none; height: 5rem; width: 90%; background: #f1f1f1; }
.sub-wrap .search-box .search_container input[type="text"]:focus { outline: 0; }
.sub-wrap .search-box .search_container ::-webkit-input-placeholder { color: #A6A6A6; font-size: 1.2rem;}
.sub-wrap .search-box .search_container input[type="submit"]{ cursor: pointer; font-size: 1.4rem; border: none; color: #ffffff; position: absolute; width: 6.5rem; height: 6rem; right: 0; top: 0; outline : none; background: #1D2087; }
@media print, screen and (min-width: 640px) {
.sub-wrap .search-box .search_container { height: 5rem; }
.sub-wrap .search-box .search_container input[type="text"]{ height: 4rem; }
.sub-wrap .search-box .search_container input[type="submit"]{ font-size: 1.2rem; width: 5.5rem; height: 5rem; }
}
/* maker-box */
.sub-wrap .maker-box { margin-top: 3rem; }
.sub-wrap .maker-box .ttl-ico { background-image: url("/assets/images/buy/ico_maker.png") ; }
.sub-wrap .maker-box .maker-list { margin-top: 1rem; }
.sub-wrap .maker-box .maker-list li { margin-top: 0.1rem; }
.sub-wrap .maker-box .maker-list li a { display: block; padding: 1.5rem; background-color: #F1F1F1; }
.sub-wrap .maker-box .maker-list li.on a { background-color: #C9C9C9; }
.sub-wrap .maker-box .maker-list li a >* { -webkit-display: flex; display: flex; justify-content: space-between;}
.sub-wrap .maker-box .maker-list li a .maker-name { font-size: 1.4rem; }
.sub-wrap .maker-box .maker-list li a .maker-num { font-size: 1rem; margin-top: 0.2rem;}
@media print, screen and (min-width: 640px) {
.sub-wrap .maker-box { margin-top: 5rem; }
.sub-wrap .maker-box .maker-list li a:hover { opacity: 1; background-color: #C9C9C9; }
}
/* 下部メニュー */
.service-menu-wrap { border-top: #ccc 1px solid;}
.service-menu.menu01 { display: none;}
/* ----------------------------------------------
buy .detail
--------------------------------------------------------------------------------------------------------- */
/*
.buy.detail .info-box .pic-box .slider-wrap .bx-wrapper { border: #E1E1E1 1px solid;}
.buy.detail .info-box .pic-box .slider-wrap .bx-wrapper a { display: block;;}
.buy.detail .info-box .pic-box .slider-wrap .bx-controls-direction a { position:absolute; top:-10rem; width:4rem; height:4rem; text-indent:-9999px; z-index:50; background:no-repeat center center; background-size:4rem; }
.buy.detail .info-box .pic-box .slider-wrap .slider-thumbs { display:flex; margin:1rem -0.5rem 0; }
.buy.detail .info-box .pic-box .slider-wrap .slider-thumbs li { width:100%; max-width: 6rem; margin: 0 0.5rem; }
.buy.detail .info-box .pic-box .slider-wrap .slider-thumbs li a { display: block; }
.buy.detail .info-box .pic-box .slider-wrap .slider-thumbs li a .pic { border: #E1E1E1 1px solid; }
.lity-image img { padding: 1rem;}
*/
/* 動画 */
.detail .movie-wrap { display: block; margin-left: auto; margin-right: auto; padding-top: 56.25%; position: relative; width: 100%; }
.detail .movie-wrap iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
/* スライダー */
.product-slider-wrap { margin-top: 2rem; }
.product-slider { border: #eaeaea 1px solid;}
.detail .product-slider-item { position: relative; display: block; width: 100%; height: 0; padding-top: 30rem; overflow: hidden; }
.detail .product-slider-item img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: contain; }
.detail .product-thumbs { margin: 0.5rem -0.5rem 0 !important;}
.detail .product-thumbs .slick-track { transform: unset !important; width:100% !important; }
.detail .product-thumbs-item { position: relative; display: block; width: calc(25.2% - 1.1rem) !important; height: 0; margin: 0.5rem ; padding-top: 22.7%; overflow: hidden; }
.detail .product-thumbs-item img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: contain; }
@media print, screen and (min-width: 640px) {
.detail .product-thumbs-item { width: calc(16.8% - 1.1rem) !important; padding-top: 14.7%; }
}
@media print, screen and (min-width: 1024px) {
.product-slider-wrap { margin-top: 5rem; }
.detail .product-slider-item { padding-top: 54rem; }
.detail .product-thumbs-item { width: calc(16.8% - 1.1rem) !important; padding-top: 14.7%; }
}
/* .info-box .txt-box -------------------------*/
/**/
.buy.detail .info-box .txt-box { position: relative; margin-top: 2rem;}
.buy.detail .info-box .txt-box .p-num { padding-top: 4rem; }
.buy.detail .info-box .txt-box:before { position: absolute; top: 0; left: 0; content: ""; width: 20rem; height: 3rem; border: #1D2087 1px solid; font-size: 1.4rem; font-weight: bold; z-index: 3; box-sizing: border-box; padding: 0.3rem 0.6rem; text-align: center; }
.buy.detail .info-box .txt-box.new:before { background: #ffffff; content: "新品（NEW ROBOTS）"; color: #1D2087; }
.buy.detail .info-box .txt-box.used:before { background: #1D2087; content: "中古（USED ROBOTS）"; color: #ffffff; }
@media print, screen and (min-width: 640px) {
.buy.detail .info-box .txt-box { margin-top: 0;}
}
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .p-num { padding-top: 0.5rem; text-align: right; font-size: 1.4rem; }
}
/* name */
.buy.detail .info-box .txt-box .name { padding-top: 1rem; }
.buy.detail .info-box .txt-box .name p { font-weight: bold;}
.buy.detail .info-box .txt-box .name .sub { font-size: 1.6rem; }
.buy.detail .info-box .txt-box .name .sub span { font-size: 1.2rem; }
.buy.detail .info-box .txt-box .name .main { font-size: 2.6rem; line-height: 1.2; }
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .name { padding-top: 2.5rem; }
.buy.detail .info-box .txt-box .name .main { line-height: 1.4; }
}
/* price */
.buy.detail .info-box .txt-box .price { -webkit-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2rem; padding: 2rem; background: #F2F6FA; }
.buy.detail .info-box .txt-box .price .sub { width: 100%; font-weight: bold; font-size: 1.6rem;}
.buy.detail .info-box .txt-box .price .sub span { font-weight: bold;}
.buy.detail .info-box .txt-box .price .main { margin-top: 1rem; width: auto; font-weight: bold; font-size: 4rem; line-height: 1; }
.buy.detail .info-box .txt-box .price .dol { margin-top: 2rem; font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.buy.detail .info-box .txt-box .price .dol .main { -webkit-display: flex; display: flex; font-size: 2rem; }
.buy.detail .info-box .txt-box .price .dol .main dt { width: auto; font-weight: bold;}
.buy.detail .info-box .txt-box .price .dol .main dt:after { content: ":"; padding: 0 0.5rem;}
.buy.detail .info-box .txt-box .price .dol .main dd { flex: 1; font-weight: bold;}
.buy.detail .info-box .txt-box .price .dol .rate { margin-top: 0.5rem; }
.buy.detail .info-box .txt-box .price .dol .rate dt { }
.buy.detail .info-box .txt-box .price .dol .rate dd { font-weight: bold; }
.buy.detail .info-box .txt-box .price .dol .rate dd span { font-weight: bold; }
.buy.detail .info-box .txt-box .price.ask .sub { margin-top: 0.3rem; }
.buy.detail .info-box .txt-box .price.ask .main { font-size: 2.2rem; color: #be272d; }
.buy.detail .info-box .txt-box .price.ask .main .yen { display: none; }
.buy.detail .info-box .txt-box .price.ask .main .zei { display: none;}
.buy.detail .info-box .txt-box .price .main .yen { margin-left: 0.5rem; font-weight: bold; font-size: 2.6rem; }
.buy.detail .info-box .txt-box .price .main .zei { padding-left: 2rem; font-size: 2rem; }
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .price .sub span { font-size: 1.8rem;}
.buy.detail .info-box .txt-box .price .dol { margin-top: 0; }
.buy.detail .info-box .txt-box .price .dol .main { justify-content: flex-end; font-size: 2rem; }
.buy.detail .info-box .txt-box .price .dol .main dt { width: auto; font-weight: bold;}
.buy.detail .info-box .txt-box .price .dol .main dt:after { padding: 0 2rem 0 0.5rem;}
.buy.detail .info-box .txt-box .price .dol .main dd { flex: none; width: auto;}
.buy.detail .info-box .txt-box .price .dol .rate { text-align: right; }
.buy.detail .info-box .txt-box .price .dol .rate dt { font-size: 1.2rem; }
.buy.detail .info-box .txt-box .price .dol .rate dd { font-size: 1.2rem; }
.buy.detail .info-box .txt-box .price .dol .rate dd span { font-size: 1.2rem; }
}
@media print, screen and (min-width: 1200px) {
.buy.detail .info-box .txt-box .price .dol .rate { }
}
/* caution tag */
.buy.detail .info-box .txt-box .caution { margin-top: 0.5rem; font-size: 1.2rem; }
.buy.detail .info-box .txt-box .caution p { margin-left: 1.2rem; text-indent: -1.2rem; }
.buy.detail .info-box .txt-box .tag { margin-top: 1rem; }
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .caution { margin-top: 1rem;}
}
/* info */
.buy.detail .info-box .txt-box .info { margin-top: 3rem; }
.buy.detail .info-box .txt-box .info .title { margin-bottom: 1rem; font-weight: bold; font-size: 1.8rem;}
.buy.detail .info-box .txt-box .info .title span { font-weight: bold; font-size: 1.2rem;}
.buy.detail .info-box .txt-box .info dl { }
.buy.detail .info-box .txt-box .info dl >* { padding: 1rem; border-top: #DBDBDB 1px dotted; }
.buy.detail .info-box .txt-box .info dl dt { background: #F2F6FA; }
.buy.detail .info-box .txt-box .info dl dt span { font-weight: bold; font-size: 1rem;}
.buy.detail .info-box .txt-box .info dl dd { }
.buy.detail .info-box .txt-box .info dl:last-child dd { border-bottom: #DBDBDB 1px dotted; }
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .info { margin-top: 5rem; }
.buy.detail .info-box .txt-box .info dl { -webkit-display: flex; display: flex; }
.buy.detail .info-box .txt-box .info dl >* { padding: 1.5rem; font-size: 1.4rem; }
.buy.detail .info-box .txt-box .info dl dt { width: 20rem; }
.buy.detail .info-box .txt-box .info dl dd { flex: 1;}
}
/* btn-wrap */
.buy.detail .info-box .txt-box .btn-wrap { margin-top: 3rem; }
.buy.detail .info-box .txt-box .btn-wrap >* { }
.buy.detail .info-box .txt-box .btn-wrap >* a { position: relative; display: block; padding: 2rem 2rem 2rem 7rem; color: #ffffff; background: url("/assets/images/common/ar_right_bottom.png") no-repeat right 0.3rem bottom 0.3rem; background-size: 1rem; font-weight: bold; }
.buy.detail .info-box .txt-box .btn-wrap >* a:before { position: absolute; top: 1rem; left: 2rem; content: ""; display: block; width: 4rem; height: 4rem; background: no-repeat left center; background-size: contain;}
.buy.detail .info-box .txt-box .btn-wrap .support a { background-color: #009FE8; }
.buy.detail .info-box .txt-box .btn-wrap .support a:before{ top: 2rem; background-image: url("/assets/images/buy/ico_support.png");}
.buy.detail .info-box .txt-box .btn-wrap .contact { margin-top: 2rem; }
.buy.detail .info-box .txt-box .btn-wrap .contact a { background-color: #1D2087; }
.buy.detail .info-box .txt-box .btn-wrap .contact a:before{ background-image: url("/assets/images/buy/ico_contact.png");}
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .txt-box .btn-wrap { -webkit-display: flex; display: flex; margin: 6rem -1rem 0; }
.buy.detail .info-box .txt-box .btn-wrap >* { width: calc(50% - 2rem); margin: 0 1rem; }
.buy.detail .info-box .txt-box .btn-wrap >* a { padding: 2rem 2rem 2rem 6rem; font-size: 1.5rem; }
.buy.detail .info-box .txt-box .btn-wrap >* a:before { top: 1rem; left: 1.5rem; width: 4rem; height: 4rem;}
.buy.detail .info-box .txt-box .btn-wrap .support a { line-height: 1.2; padding-left: 6.5rem; }
.buy.detail .info-box .txt-box .btn-wrap .contact { margin-top: 0; }
.buy.detail .info-box .txt-box .btn-wrap .contact a { padding: 2.5rem 2rem 2.5rem 6rem; }
.buy.detail .info-box .txt-box .btn-wrap .contact a:before { top: 1.6rem; }
}
@media print, screen and (min-width: 1110px) {
.buy.detail .info-box .txt-box .btn-wrap >* a { font-size: 1.8rem; }
.buy.detail .info-box .txt-box .btn-wrap .contact a { padding: 2.7rem 2rem 2.7rem 6rem;}
.buy.detail .info-box .txt-box .btn-wrap .contact a:before { top: 2rem; }
}
/* .info-box .pic-box */
.buy.detail .info-box .pic-box { }
.buy.detail .info-box .pic-box .caption { margin-top: 1rem;}
.buy.detail .info-box .pic-box .caption .title { font-weight: bold; font-size: 1.8rem;}
.buy.detail .info-box .pic-box .caption .title span { font-size: 1.2rem; font-weight: bold; }
.buy.detail .info-box .pic-box .caption .title+p { margin-top: 0.5rem;}
@media print, screen and (min-width: 1024px) {
.buy.detail .info-box .pic-box .caption { margin-top: 5rem;}
.buy.detail .info-box .pic-box .caption .title+p { margin-top: 1rem;}
}
.detail .service-menu-wrap { padding-top: 4rem !important;}
@media print, screen and (min-width: 640px) {
.detail .service-menu-wrap { padding-top: 8rem !important;}
}
@media print, screen and (min-width: 1024px) {
.detail .service-menu-wrap { padding-top: 10rem !important;}
}