@charset "utf-8";
/* CSS Document */

mark { color: inherit;}
*{ box-sizing: border-box;}

/*----------------------------------------------------------------------------------------------

 case　スマホケース index
 
----------------------------------------------------------------------------------------------*/
.case .contentHead .h2Box{
	padding: 30px 15px;
}

.case .headText:after{
	width: 480px;
	height: 450px;
	background-image: url(../../../../_images/category/mobile-goods/case/main-img.webp);
}

@media screen and ( max-width: 736px ){
	.case .contentHead .h2Box{
		padding: 20px 15px;
	}
	.case .headText:after{
		width: 280px;
		height: 270px;
	}
}


/*---------------------------------------------------------------------------------
	孫カテ
--*/

/*アーム着用可能スマホケース*/
.arm-band .contentHead .h2Box h2:before{
	background-image: url(../../../../_images/category/mobile-goods/case/arm-band/content_icon.webp);}
.arm-band .contentHead .headText{
	background-image: url(../../../../_images/category/mobile-goods/case/arm-band/main_img.webp);}

/*手帳型スマホケース*/
.notebook-case .contentHead .h2Box h2:before{
	background-image: url(../../../../_images/category/mobile-goods/case/notebook-case/content_icon.webp);}
.notebook-case .contentHead .headText{
	background-image: url(../../../../_images/category/mobile-goods/case/notebook-case/main_img.webp);}

/*ショルダー着用可能スマホケース*/
.shoulder-case .contentHead .h2Box h2:before{
	background-image: url(../../../../_images/category/mobile-goods/case/shoulder-case/content_icon.webp);}
.shoulder-case .contentHead .headText{
	background-image: url(../../../../_images/category/mobile-goods/case/shoulder-case/main_img.webp);}

/*タブレットケース*/
.tablet-case .contentHead .h2Box h2:before{
	background-image: url(../../../../_images/category/mobile-goods/case/tablet-case/content_icon.webp);}
.tablet-case .contentHead .headText{
	background-image: url(../../../../_images/category/mobile-goods/case/tablet-case/main_img.webp);}

/*タブレットケース*/
.waterproof .contentHead .h2Box h2:before{
	background-image: url(../../../../_images/category/mobile-goods/case/waterproof/content_icon.webp);}
.waterproof .contentHead .headText{
	background-image: url(../../../../_images/category/mobile-goods/case/waterproof/main_img.webp);}