@charset "utf-8";
/**
 * Product list
 */

#sl_staffs_in_shop {
    text-align: right;
    margin-bottom: 20px;
}
#sl_staffs_in_shop a {
    background: url(../images/icon_arrow.png) no-repeat 0 center;
    color: #666;
    padding: 0.2em 0 0.2em 20px;
}

#sl_product_list {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
    width: 715px;
}
#sl_product_list .sl_item {
    position: relative;
    float: left
}
#sl_product_list .sl_item div {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url(../images/index/product_list.jpg?u=20231023);
    display: block;
    overflow: hidden;
    height: 142px;
    width: 142px;
}
#sl_product_list .sl_item div input {
    display: none;
}
#sl_product_list .sl_item div label {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
#sl_product_list .sl_item div label:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    -webkit-background-size: 50px 25px;
    background-size: 50px 25px;
    background-image: url(../images/iconProductsCheck@2x.png);
    cursor: pointer;
}
#sl_product_list .sl_item div input:checked + label:before {
    background-position: -25px 0;
}


/**
 * 製品画像
 */
#sl_product_list .sl_item[data-name="Bamboo Solo/Duo"] > div {
    background-position: -1704px 0;
}
#sl_product_list .sl_item[data-name="Bamboo Tip"] > div {
    background-position: -3976px 0;
}
#sl_product_list .sl_item[data-name="Bamboo Sketch"] > div {
    background-position: -4118px  0;
}
#sl_product_list .sl_item[data-name="Bamboo Fineline"] > div {
    background-position: -2982px  0;
}
#sl_product_list .sl_item[data-name="Bamboo Ink"] > div {
    background-position: -1846px  0;
}
#sl_product_list .sl_item[data-name="Bamboo Slate/Folio"] > div {
    background-position: -2414px  0;
}
#sl_product_list .sl_item[data-name="Wacom Intuos"] > div {
    background-position: -3692px  0;
}
#sl_product_list .sl_item[data-name="Wacom Intuos Pro"] > div {
    background: url(../images/index/product_wacom-intuos-pro.png);
}
#sl_product_list .sl_item[data-name="Wacom One（gen1）"] > div {
    background-position: -4682px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq 16"] > div {
    background-position: -4402px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq 22"] > div {
    background-position: -4544px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 13"] > div {
    background-position: -2698px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 16"] > div {
    background-position: -3266px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 24"] > div {
    background-position: -3834px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 32"] > div {
    background-position: -4262px 0;
}
#sl_product_list .sl_item[data-name="Wacom MobileStudio Pro 13"] > div {
    background-position: -3408px 0;
}
#sl_product_list .sl_item[data-name="Wacom MobileStudio Pro 16"] > div {
    background-position: -3550px 0;
}
#sl_product_list .sl_item[data-name="One by Wacom"] > div {
    background-position: -4828px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 27"] > div {
    background-position: -4970px 0;
}
#sl_product_list .sl_item[data-name="Wacom One 13 touch"] > div {
    background-position: -5112px 0;
}
#sl_product_list .sl_item[data-name="Wacom One 12"] > div {
    background-position: -5254px 0;
}
#sl_product_list .sl_item[data-name="Wacom One S＆M"] > div {
    background-position: -5396px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 17"] > div {
    background-position: -5538px 0;
}
#sl_product_list .sl_item[data-name="Wacom Cintiq Pro 22"] > div {
    background-position: -5680px 0;
}

#sl_product_list .sl_item[data-name="Wacom Cintiq 16(2025)"] > div {
    background: url(../images/index/product_wacom-cintiq-16.png);
}
#sl_product_list .sl_item[data-name="Wacom Cintiq 24(2025)"] > div {
    background: url(../images/index/product_wacom-cintiq-24.png);
}
#sl_product_list .sl_item[data-name="Wacom Cintiq 24 touch(2025)"] > div {
    background: url(../images/index/product_wacom-cintiq-24-touch.png);
}

#sl_product_list .sl_item:hover {
    opacity: .8;
}

/*
#sl_product_list .sl_item .sl_product1:hover  {background-position: -1704px -142px;}
#sl_product_list .sl_item .sl_product2:hover  {background-position: -2982px -142px;}
#sl_product_list .sl_item .sl_product3:hover  {background-position: -1846px  -142px;}
#sl_product_list .sl_item .sl_product4:hover  {background-position: -2414px  -142px;}
#sl_product_list .sl_item .sl_product5:hover  {background-position: -426px  -142px;}
#sl_product_list .sl_item .sl_product6:hover  {background-position: -568px  -142px;}
#sl_product_list .sl_item .sl_product7:hover  {background-position: -2840px  -142px;}
#sl_product_list .sl_item .sl_product8:hover  {background-position: -852px  -142px;}
#sl_product_list .sl_item .sl_product9:hover  {background-position: -1136px -142px;}
#sl_product_list .sl_item .sl_product10:hover {background-position: -2272px -142px;}
#sl_product_list .sl_item .sl_product11:hover {background-position: -3124px -142px;}
#sl_product_list .sl_item .sl_product12:hover {background-position: -3266px -142px;}
#sl_product_list .sl_item .sl_product13:hover {background-position: -3408px -142px;}
#sl_product_list .sl_item .sl_product14:hover {background-position: -3550px -142px;}
*/

.productsSearchSubmit {
    background: #01a7df;
    padding: 5px 0;
    text-align: center;
    color: #FFF;
    display: block;
    width: 240px;
    border: 1px solid #01a7df;
    cursor: pointer;
    font-size: 16px;
    height: 50px;
    margin: 30px auto 30px;
    border-radius: 4px;
}
.errorProductsSearchSubmit {
    display: none;
    text-align: center;
    margin: -10px 0 30px;
    font-weight: bold;
    color: #BF0058;
}

/**
 * Region list
 */
#sl_region_list {
    padding-bottom: 30px;
}
#sl_region_list .sl_region_map {
    background: url(../images/index/region_list.png) no-repeat center 0px;
    text-align: center;
    height: 400px;
    overflow: hidden;
}
#sl_region_list .sl_region_list_link {
    display: none;
}

/**
 * Shop list
 */
#sl_heading_shop {
    border-top: 2px dotted #aaa;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 15px;
}
#sl_heading_shop .sl_first {
    font-size: 15px;
    float: left;
}
#sl_heading_shop .sl_note {
    font-size: 12px;
    padding-top: 0.3em;
}
#sl_shop_list {
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    overflow: hidden;
}
#sl_shop_list .sl_item{
    float: left;
}
#sl_shop_list .sl_item a {
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    color: #666;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 178px;
}
#sl_shop_list .sl_item a:hover {
    background: #eee;
    text-decoration: none;
}
#sl_shop_list .sl_item .sl_first_row {
}
#sl_shop_list .sl_item .sl_end_of_row {
}
#sl_shop_list_note {
    text-align: right;
    font-size: 11px;
    padding: 0.3em 0;
}