@charset "shift_jis";
@media screen and (max-width: 768px){
	.sp-not {
		display: none;
	}
}
html, body {
	overflow-x: hidden;
	width: 100%;
}
#document {
	min-width: inherit;
	width: 100%;
	overflow-x: hidden;
}
a {
	cursor: pointer;
}
#document, #cat_smartphone #main_bg {
	min-width: inherit;
}
#pageheader {
    background: url("../../common/images/bg_line_dotte-lgray.gif") repeat-x scroll left bottom transparent;
}
.section-head .head h1 {
    background: url("../images/h1_product-search.gif") no-repeat scroll left top transparent;
    height: 23px;
    margin: 44px 0 0;
    text-indent: -999em;
}
.section-head .body {
    background: url("../images/bg_search-area.gif") no-repeat scroll left top transparent;
    height: 47px;
    margin: 15px 0 0;
    width: 687px;
}
.section-head .body .input_block {
    padding: 11px 0 0;
}
.section-head .body .input_block .text_area {
    background: url("../images/text_freeword-search.gif") no-repeat scroll 50px 2px transparent;
    float: left;
    text-indent: -999em;
    width: 230px;
}
.section-head .body .input_block .input_area {
    float: left;
    width: 363px;
}
.section-head .body .input_block .input_area input.freeword {
    border: 1px solid #D2D2D2;
    height: 19px;
    margin: 0;
    padding: 3px 0 0 2px;
    width: 345px;
}
.section-head .body .input_block .btn_area {
    float: right;
    padding: 2px 0 0;
    text-align: left;
    width: 93px;
}
.section-body {
    margin: 43px 0 0;
}
.section-body .head h2 {
    background: url("../images/h2_index-category.gif") no-repeat scroll left top transparent;
    height: 16px;
    text-indent: -999em;
}
.section-body .body {
    margin: 8px 0 0;
}
.section-body .body #category-block {
    overflow: hidden;
    width: 705px;
}
.section-body .body #category-block .product_block {
    float: left;
    margin: 0 14px 15px 0;
    width: 337px;
}
.section-body .body #category-block .product_block .section-inner a {
    border: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    height: 138px;
    margin: 1px;
    width: 333px;
}
.section-body .body #category-block .product_block .section-inner a:hover {
    border: 2px solid #F25C78;
    margin: 0;
    text-decoration: none;
}
.section-body .body #category-block .product_block .section-inner a span.cate_title {
    display: block;
    text-indent: -999em;
}
.section-body .body #category-block .product_block .section-inner a span.cate_text {
    display: block;
    padding: 37px 0 0 142px;
    width: 185px;
}
.section-body .body #category-block .product_block .section-inner a:hover span.cate_text {
    color: #333333;
    text-decoration: none;
}
.section-body .body #category-block .product_block.new-product .section-inner a span.cate_text, .section-body .body #category-block .product_block.end-product .section-inner a span.cate_text {
    padding-left: 16px;
    width: 295px;
}
.section-body .body #category-block .product_block.bluetooth .section-inner a {
}
.section-body .body #category-block .product_block.iphone-3gs-acce .section-inner a {
}
.section-body .body #category-block .product_block.iphone-3g-acce .section-inner a {
}
.section-body .body #category-block .product_block.audio .section-inner a {
}
.section-body .body #category-block .product_block.earphone-mike .section-inner a {
}
.section-body .body #category-block .product_block.sd-card .section-inner a {
}
.section-body .body #category-block .product_block.case .section-inner a {
}
.section-body .body #category-block .product_block.protection-seat .section-inner a {
}
.section-body .body #category-block .product_block.guard .section-inner a {
}
.section-body .body #category-block .product_block.mouse .section-inner a {
}
.section-body .body #category-block .product_block.mouse-pad .section-inner a {
}
.section-body .body #category-block .product_block.usb-hub .section-inner a {
}
.section-body .body #category-block .product_block.keyboard .section-inner a {
}
.section-body .body #category-block .product_block.tenkey .section-inner a {
}
.section-body .body #category-block .product_block.cleaning .section-inner a {
}
.section-body .body #category-block .product_block.pc-bag .section-inner a {
}
.section-body .body #category-block .product_block.new-product .section-inner a {
    background: url("../images/bg_index_newproduct.jpg") no-repeat scroll left top transparent;
}
.section-body .body #category-block .product_block.end-product .section-inner a {
    background: url("../images/bg_index_endproduct.jpg") no-repeat scroll left top transparent;
}
.section-foot {
    margin: 51px 0 0;
}
.section-foot .head {
    background: url("../../common/images/bg_line_dotte-gray.gif") repeat-x scroll left bottom transparent;
    padding: 0 0 16px;
}
.section-foot .head p {
    background: url("../images/text_index_catalog-download.gif") no-repeat scroll left top transparent;
    height: 13px;
    text-indent: -999em;
}
.section-foot .body {
    background: url("../../common/images/bg_line_dotte-gray.gif") repeat-x scroll left bottom transparent;
    padding: 15px 15px 16px;
}
.section-foot .body .body-inner {
    overflow: hidden;
}
.section-foot .body .body-inner .photo {
    float: left;
    margin-right: 21px;
    width: 89px;
}
.section-foot .body .body-inner .text {
    padding: 5px 0 0;
}
.section-foot .body .body-inner .text .text01 {
    margin-top: 4px;
}
.section-foot .body .body-inner .text .text01 a {
    font-weight: bold;
    margin-right: 8px;
}
.section-body .head h2.m_index {
    background: url("../images/h2_m_index-category.gif") no-repeat scroll left top transparent;
}
@media screen and (max-width: 768px){
	#breadcrumb {
		display: none;
	}
}

#category {
    margin: 35px 0 0;
    width: 688px;
}
#category .head {
    line-height: 100%;
    overflow: hidden;
}
#category .head h2 {
    background: url("../images/text_title_category.gif") no-repeat scroll left top transparent;
    line-height: 100%;
}
#category .head p {
    background: url("../../../common/images/icon_arr-gray_right.gif") no-repeat scroll left 1px transparent;
    float: right;
    line-height: 100%;
    padding: 1px 4px 0 12px;
    text-align: right;
    width: 60px;
}
.section-body .head p.lead {
    margin: 0;
    padding-bottom: 10px;
}
#category .body {
    background-color: #F9FAFA;
    background-image: url("../../../images/bg_category.gif");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 10px 0 0;
}
#category .body .body-inner {
    overflow: hidden;
    padding: 16px 0 15px 15px;
}
#category .body .body-inner ul {
    overflow: hidden;
}
#category .body .body-inner ul li {
    float: left;
    margin: 0 10px 10px 0;
    width: 157px;
}
#category .body .body-inner ul li a {
    display: block;
    padding: 1px;
}
#category .body .body-inner ul li a:hover {
    padding: 0;
}
#category .body .body-inner ul li a img {
    border: 1px solid #DDDDDD;
}
#category .body .body-inner ul li a:hover img {
    border: 2px solid #F25C78;
}

#container {
	width: 100%;
}
@media screen and (max-width: 768px){
	#cat_product #container {
		padding-bottom: 30px;
	}
}
.product {
	/*background: #eee;*/
}

.main {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.main-list {
	padding: 0;
	margin: 0;
	font-size: 0;
	list-style: none;
}
.main-list__content {
	position: relative;
	font-size: 14px;
	width: 25%;
	display: inline-block;
	box-sizing: border-box;
	/*border-left: solid 1px #dedede;*/
	/*border-bottom: solid 1px #dedede;*/
	cursor: pointer;
}
.main-list__content:nth-child(4n) {
	border-right: solid 1px #dedede;
}
.img-fluid {
	width: 100%;
	padding: 5% 0 8%;
	height: auto;
}
.main-list__content__pos {
	position: absolute;
	color: #333;
	top: 88%;
	left: 4%;
	background: url(/product/images/icon-arrow-right.png) no-repeat 0 3px;
	padding-left: 18px;
	font-weight: bold;
}
@media screen and (max-width: 1050px){
	.main-list__content__pos {
		top: 86%;
		left: 4%;
	}
}
@media screen and (max-width: 768px){
	.main-list__content {
		font-size: 10px;
		width: 50%;
		border-left: none;
		/*border-right: solid 1px #dedede;*/
		/*border-bottom: solid 1px #dedede;*/
	}
	.main-list__content:nth-child(2n) {
		border-right: solid 1px #dedede;
	}
	.img-fluid {
		padding: 5% 0 12%;
	}
	.main-list__content__pos {
		background: url(/product/images/icon-arrow-right.png) no-repeat 0 3px;
		background-size: 10px;
		padding-left: 14px;
	}
}

.content {
	padding-bottom: 60px;
	border-bottom: solid 2px #dedede;
}
.content.__last-content {
	border-bottom: none;
	padding-bottom: 10px;
}
.content-inner {
	width: 1050px;
	margin: 0 auto;
}

.content-title {
	padding: 80px 0;
	text-align: center;
}
.content-list {
	padding: 0;
	margin: 0;
	font-size: 0;
}
.content-list__product {
	display: inline-block;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 3%;
	font-size: 16px;
	vertical-align: top;
}
.content-list__product:nth-child(4n) {
	margin-right: 0;
}
.content-list__product__img {
	width: 100%;
	height: auto;
}
.content-list__product__txt {
	margin-top: 6px;
	color: #333;
	background: url(/product/images/icon-arrow-right.png) no-repeat 0 5px;
	padding-left: 20px;
}
@media screen and (max-width: 1050px){
	.content-inner {
		width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px){
	.content {
		padding-bottom: 30px;
	}
	.content-title {
		padding: 30px 0 20px;
	}
	.content-list__product {
		width: 48%;
		margin-right: 3%;
		margin-bottom: 3%;
		font-size: 12px;
		vertical-align: top;
	}
	.content-list__product:nth-child(2n) {
		margin-right: 0;
	}
	.content-list__product__txt {
		margin-top: 3px;
		background: url(/product/images/icon-arrow-right.png) no-repeat 0 4px;
		background-size: 12px;
		padding-left: 15px;
	}
}

.content-list__box {
	background: #fff;
	padding: 30px 20px 25px;
}
.content-title__sub {
	margin-bottom: 10px;
	font-size: 16px;
}
.content-list__sub-side {
	padding: 0;
	margin: 0;
	font-size: 0;
}
.content-list__sub-side__product {
	display: inline-block;
	font-size: 12px;
	margin-right: 5%;
}
.content-list__sub-side__product a {
	color: #333;
	font-weight: bold;
	background: url(/product/images/icon-arrow-right.png) no-repeat 0;
	background-size: 12px;
	padding-left: 18px;
}
.content-list__sub-vert {
	display: inline-block;
	padding: 0;
	margin: 0 4% 0 0;
	vertical-align: top;
}
.content-list__sub-vert__product {
	font-size: 12px;
	margin-bottom: 10%;
}
.content-list__sub-vert__product:last-child {
	margin-bottom: 0;
}
.content-list__sub-vert__product a {
	color: #333;
	font-weight: bold;
	background: url(/product/images/icon-arrow-right.png) no-repeat 0;
	background-size: 12px;
	padding-left: 18px;
}
.content-list__sub-vert.__other .content-list__sub-vert__product {
	margin-bottom:10%;
}
.__last-list {
	margin-right: 0!important;
}
.content-title__logo {
	display: block;
	width: 215px;
	margin: 60px auto 0;
}
.__ymobile .content-list__sub-vert {
	margin-right: 3%;
}
.hover-module {
	position: relative;
}
.hover-module:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 600ms 0s ease;
}
.hover-module:hover:after {
	background: #000;
	opacity: 0.7;
}
.hover-module:hover .main-list__content__pos {
	z-index: 100;
	color: #fff;
	background: url(/product/images/icon-arrow-right_hover.png) no-repeat 0 3px;
	transition: all 600ms 0s ease;
}
@media screen and (max-width: 1050px){
	.content-list__box {
		padding: 30px 20px 0;
	}
	.content-list__sub-side__product {
		margin-right: 8%;
		margin-bottom: 5%;
		vertical-align: top;
	}
	.content-list__sub-vert {
		margin: 0 6% 5% 0;
		vertical-align: top;
	}
	.__ymobile .content-list__sub-vert {
		margin-right: 8%;
	}
}
@media screen and (max-width: 768px){
	.content-list__box {
		padding: 15px 15px 1px;
	}
	.content-title__sub {
		margin-bottom: 6px;
		font-size: 12px;
	}
	.content-list__sub-side__product {
		display: block;
		font-size: 10px;
		margin-bottom: 15px;
	}
	.content-list__sub-side__product a {
		background: url(/product/images/icon-arrow-right.png) no-repeat 0;
		background-size: 10px;
		padding-left: 14px;
	}
	.content-list__sub-vert {
		display: block;
		margin: 0 4% 15px 0;
		vertical-align: top;
	}
	.content-list__sub-vert__product {
		font-size: 10px;
		margin-bottom: 15px;
	}
	.content-list__sub-vert__product a {
		color: #333;
		font-weight: bold;
		background: url(/product/images/icon-arrow-right.png) no-repeat 0;
		background-size: 10px;
		padding-left: 14px;
	}
	.content-list__sub-vert.__other .content-list__sub-vert__product {
		margin-bottom: 15px;
	}
	.content-title__logo {
		display: block;
		width: 108px;
		margin: 20px auto 0;
	}
	.content-title__logo img {
		width: 100%;
		height: auto;
	}
	.hover-module:hover .main-list__content__pos {
		background: url(/product/images/icon-arrow-right_hover.png) no-repeat 0 3px;
		background-size: 10px;
		transition: all 600ms 0s ease;
	}
	
	.content-title__img01 {
		width: 140px;
		height: auto;
	}
	.content-title__img02 {
		width: 117px;
		height: auto;
	}
	.content-title__img03 {
		width: 194px;
		height: auto;
	}
	.content-title__img04 {
		width: 103px;
		height: auto;
	}
}