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

@media (min-width: 960px) {

/* productメインページ
---------------------------------------------------------- */
.catch_bk{margin-top:0px;padding:20px;width:400px;background-color: rgba(162,30,44,0.8);}
.catch_bk img{width:100%;}
.catch_copy{font-size:26px;padding:10px;font-weight:normal;line-height:140%;}
.subcatch_copy{
	font-size:12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-top:16px;
	padding:10px;
	font-weight:normal;
	line-height:160%;
}
.product_price ul{
	vertical-align:middle;margin-top:20px;}
.product_price li:first-child{display:block;width:42%;float:left;margin-right:2%;}
.product_price li{display:block;width:56%;float:left;}
.product_price a:hover{opacity:0.6;}
.product_spac{
	font-size:12px;
	margin-top:16px;
	padding:10px;
	font-weight:normal;
	line-height:160%;	
}
.product_size{
	font-size:12px;
	border-top:1px solid #fff;
	margin-top:16px;
	padding:10px;
	font-weight:normal;
	line-height:160%;
}	

/* DX専用
---------------------------------------------------------- */
.DX_bk{
	background-image:url(../dx/imgs/dx_bk.png);
	background-size: cover;
	height:612px;
	padding:20px 0;
}
.DX_bk_img{
	position:absolute;
	z-index:0;
	top:120px;
	right:10%;
	height:650px;
}

/* 1）ハイスペック
---------------------------------------------------------- */
.highspec{
	background-image:url(../dx/imgs/dx01_bk.png);
	background-size: cover;
	height:800px;
	line-height:160%;	
	position: relative;
	z-index: 0;
}

/* 2）カメラ
---------------------------------------------------------- */
.camera{
	background-image:url(../dx/imgs/dx02_bk.jpg);
	background-size: cover;
	height:760px;
	line-height:160%;
	position: relative;
	z-index: 0;
}
.right0{max-width:600px;left:50%;bottom:0;position:absolute;}
.z-ind2{z-index:1;position:relative;width:600px;}

/* 3）ディスプレイ
---------------------------------------------------------- */
.display{
	background-image:url(../dx/imgs/dx03_bk.png);
	background-size: cover;
	height:700px;
	line-height:160%;	
	position: relative;
	z-index: 0;
}

/* 4）デュアルSIM
---------------------------------------------------------- */
.dualsim{
	background-image:url(../dx/imgs/dx04_bk.png);
	background-position:center;
	background-repeat:no-repeat;
	height:700px;
	line-height:160%;	
	position: relative;
	z-index: 0;
}

/* 5）ジャイロセンサー搭載
---------------------------------------------------------- */
.gyro{
	background-image:url(../dx/imgs/dx05_bk.png);
	background-size: cover;
	height:760px;
	line-height:160%;
	position: relative;
	z-index: 0;
}
.left0{max-width:800px;right:56%;bottom:0;position:absolute;}

/* 各自ポイント部分（白い説明部分）
---------------------------------------------------------- */
.points{
	background-color: rgba(255,255,255,0.8);
	padding-bottom:40px;
	bottom:0px;
	position: absolute;
	width:100%;
}
.highspec::before,.camera::before,.display::before,.dualsim::before,.gyro::before{
    /* 透過した黒を重ねる */
    background-color: rgba(0,0,0,0.6);
    /* どの範囲に重ねるかを指定 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}

/* その他充実機能
---------------------------------------------------------- */
.P-other{
	background-image:url(../imgs/common/product/bk_other.png);
	background-size: cover;
	background-repeat:no-repeat;
	height:700px;
	line-height:160%;
}
.P-other-points,.P-end-points{display:block;}
.P-other-point,.P-end-point{float:left;width:320px;margin-right:70px;}
.P-other-point:last-child,.P-end-point:last-child{margin-right:0px;}
.P-other-point img,.P-end-point img{margin:20px auto 5px;width:240px;}
.P-end-points a{color:#3e3a39;transition: 1.0s ;}
.P-end-points a:hover{color:#5b57aa;opacity: 0.6;}

}



@media (max-width: 959px) {/*スマホ*/

/* productメインページ
---------------------------------------------------------- */
.catch_bk{margin:0px;padding:20px;background-color: rgba(162,30,44,0.8);}
.catch_bk img{width:100%;}
.catch_copy{font-size:100%;padding:10px;font-weight:normal;line-height:140%;}
.subcatch_copy{
	font-size:80%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-top:16px;
	padding:10px;
	font-weight:normal;
	line-height:160%;
}
.product_price ul{
	vertical-align:middle;margin:20px 0;}
.product_price li:first-child{display:block;width:42%;float:left;margin-right:2%;}
.product_price li{display:block;width:56%;float:left;}
.product_price a:hover{opacity:0.6;}
.product_spac{
	clear:both;
	font-size:12px;
	padding:10px;
	font-weight:normal;
	line-height:160%;	
}
.product_size{
	font-size:3vw;
	border-top:1px solid #fff;
	margin-top:16px;
	padding:10px;
	font-weight:normal;
	line-height:160%;
}

/* DX専用
---------------------------------------------------------- */
.DX_bk{background-image:url(../dx/imgs/sp/dx_bk.png);background-size: cover;padding:70% 0 20px;background-position:top center;}

/* 製品特徴（　1）～5）まで共通）
---------------------------------------------------------- */
.sp_bk{background: linear-gradient(135deg, #FFFFFF, #cccccc);line-height:140%;padding-bottom:10%;}
.sp_top-w{padding:5% 0;}
.sp_top-b{background-color: rgba(0,0,0,0.6);padding:5% 0;}
.sp_body{text-align:left;width:90%;margin:0 5%;font-size:4vw;line-height:140%;}
.sp_body img{width:100%;}
.camera_bk{background-size: cover;background-image:url(../dx/imgs/sp/dx02_bk.jpg);position: relative;}
.display_bk{background-size: cover;background-image:url(../dx/imgs/sp/dx03_bk.png);position: relative;}
.dualsim_bk{background-size: cover;background-image:url(../dx/imgs/sp/dx04_bk.png);position: relative;}
.gyro_bk{background-size: cover;background-image:url(../dx/imgs/sp/dx05_bk.png);position: relative;}
.bottom0{margin-bottom:-10%!important;}

/* その他充実機能
---------------------------------------------------------- */
.P-other{
	line-height:160%;
	font-size:3vw;
	background-color: rgba(162,30,44,0.8);
	color:#fff;
	background-image:url(../dx/imgs/sp/dx_other_bk.png);
	background-size: cover;
	position:relative;
	}
.P-other img{width:20vw;margin:0 20px 0 0;padding:0;display:block;}
.P-other-points{text-align:left;padding:5%;}
.P-other-points-in{display: table;margin:5% auto 10%;}
.P-other-points-in p{display: table-cell;vertical-align: middle;}

}