@charset "shift_jis";
/*==============================================
common
============================================= */
.bnr .item {
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn,
.copyRightIn{
width: 930px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed;}
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

span.caution{
    font-size: 11px;
    display: block;
    margin-top: 10px;
}

sup{
vertical-align:super;
font-size:9px;
}



/*==============================================
ŠΕ”Β
============================================= */
.mainTitleWrap {
width: 100%;
background: #000a13 url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/bg_hero_pc.jpg) center top no-repeat;
padding-top:80px;
}
.mainTitle {
width: 942px;
height:722px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/hero_pc.png) center top no-repeat;
margin: 0 auto;
}
h1 {
width: 930px;
height: 650px;
text-indent: -999em;
font-size: 0;
z-index: 1;
}

p.lead {
  width: 766px;
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto 0;
}
.lead a:link, .lead a:visited {
  color: #A3C3FF;
  text-decoration: underline;
}
.lead a:hover, .lead a:active {
  color: #699dfc;
}


/*==============================================
.anchor
============================================= */

.anchor_wrapper {
    width: 766px;
    margin: 90px auto 90px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/wrap_anchor_L.png) left top no-repeat,
		url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/wrap_anchor_R.png) right bottom no-repeat;
	padding:36px 40px;
	box-sizing: border-box;
}

.anchor_wrapper .inBox{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}
.anchor_wrapper p {
    display: block;
    width: 47px;
    height: 14px;
    text-indent: -999em;
    line-height: 0;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_index.png) center top no-repeat;
    float: left;
    margin-right: 30px;
	margin-top:50px;
}
.anchor {
    width: 580px;
    float: left;
    border-left: #4a5157 solid 1px;
    text-align: left;
    padding-left: 45px;
    box-sizing: border-box;
	
}

.anchor li {
    height: 16px;
    display: block;
    ms-transition: all .2s;
    transition: all .2s;
    letter-spacing: 0.05em;
    margin: 0 0 15px 0;
}

.anchor li a {
    font-size: 15px;
	color:#D4D4D4;
	display: block;
	margin:5px 0;
    ms-transition: all .2s;
    transition: all .2s;
}
.anchor li:nth-child(1) span {
    width: 16px;
    height: 16px;
	line-height: 16px;
    display: inline-block;
    padding-left:28px;
    box-sizing: border-box;
    text-align: left;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_anchor01.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;

}
.anchor li:nth-child(2) span {
    width: 16px;
    height: 16px;
	line-height: 16px;
    display: inline-block;
    padding-left:28px;
    box-sizing: border-box;
    text-align: left;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_anchor02.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;
}

.anchor li:nth-child(3) span {
    width: 16px;
    height: 16px;
	line-height: 16px;
    display: inline-block;
    padding-left:28px;
    box-sizing: border-box;
    text-align: left;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_anchor03.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;
}

.anchor li:nth-child(4) span {
	line-height: 16px;
    display: inline-block;
    padding-left:28px;
    box-sizing: border-box;
    text-align: left;
	margin-right:8px;

}
.anchor li:nth-child(4) {
	margin-top:15px;
	margin-bottom: 0;
	margin-left:-28px;

}

.anchor li:hover {
    opacity: 0.5;
}


/*==============================================
 #mainContents
============================================= */
#mainContents {
  font-family: 'ŸΰƒSƒVƒbƒN Medium', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic Medium', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0.05em;
	background-color:#000a13;
	color:#D4D4D4;
}
.paragraphIn{
    width: 930px;
    margin: 0 auto;
}

.paragraph p{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.paragraph{
	margin-top:100px;
}
.paragraph#article01 h2{
	width:930px;
	margin:0 auto 40px;
	color:#E9E9E9;
	font-size:38px;
	line-height: 1.6;
	padding-left:80px; 
	position: relative;
	box-sizing: border-box;
}

.paragraph#article02 h2{
	width:930px;
	margin:0 auto 40px;
	color:#E9E9E9;
	font-size:38px;
	line-height: 1.6;
	padding-left:80px; 
	position: relative;
	box-sizing: border-box;
}

.paragraph#article03 h2{
	width:930px;
	margin:0 auto 40px;
	color:#E9E9E9;
	font-size:38px;
	line-height: 1.6;
	padding-left:80px; 
	position: relative;
	box-sizing: border-box;
}

.paragraph#article01 h2 span.sub{
	display: inline-block;
	width:30px;
	height:52px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_01_pc.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;
	position: absolute;
	top:10px;
	left:0;
}

.paragraph#article02 h2 span.sub{
	display: inline-block;
	width:45px;
	height:53px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_02_pc.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;
	position: absolute;
	top:10px;
	left:0;
}

.paragraph#article03 h2 span.sub{
	display: inline-block;
	width:45px;
	height:53px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_03_pc.png) no-repeat left top;
	text-indent: -999em;
	z-index:1;
	position: absolute;
	top:0px;
	left:0;
}

.paragraph#article04 h2{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/img_matome.png) no-repeat left top;
	width: 627px;
	height: 156px;
	text-indent: -999em;
	z-index:1;
	margin: 0 auto 40px;
}

a:link.official,a:visited.official{
	display: inline-block;
	font-size:16px;
	margin: 50px 0 0 0;
	color:#A3C3FF;
}

a:hover.official,a:active.official{color: #699dfc;}




/*==============================================
banner
============================================= */
.top_bnr,
.wrap_bnr{
	width:100%;
	background-color:#071936;
	height:146px;
	ms-transition: all .1s;
    transition: all .1s;
}

.paragraph#article01 .wrap_bnr,.paragraph#article02 .wrap_bnr,.paragraph#article03 .wrap_bnr{
	margin: 100px 0 0 0;
}

.top_bnr a,
.wrap_bnr a{
    display: block;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/innerbnr_pc.png) no-repeat center top;
    width: 929px;
    height: 146px;
    text-indent: -9999em;
    font-size: 0;
    z-index: 1;
    margin: 0 auto;
}

.top_bnr:hover,
.wrap_bnr:hover{
	width:100%;
	background-color:#001e4d;
	height:146px;
}

/*==============================================
.imgBox
============================================= */
.imgBox + p,
.w_display + p{
    margin-top: 60px;
}

.imgBox {
	background-color:#1d2328;
    margin: 60px auto 0;
    width: 100%;
    text-align: center;
    font-size: 0;
	padding:32px 36px 32px 36px;
	box-sizing: border-box;
}

.w_display {
    margin: 60px auto 0;
    width: 680px !important;
    text-align: center;
    font-size: 0;
}

.wrap_item{
	margin: 60px auto 0;
    width: 850px !important;
    text-align: center;
    font-size: 0;
}


.inbox{
    overflow: hidden;
    zoom: 1;
	display: block;
}

.inbox:nth-child(2),.inbox:nth-child(3){
	margin-top: 30px;
}
.mTop15{
	margin-top: 15px;
}

/*@inbox@ƒˆƒR2–‡‘g —p */
.imgBox .inbox .floatL, .imgBox .inbox .floatR  {
    position: relative;
    width: 50%;
}

.imgBox a {
    display: block;
    transition: opacity .2s;
}
.w_display a,
.wrap_item .floatL,
.wrap_item .floatR{
	display: block;
    transition: opacity .2s;
	width:388px;
	margin: 0 auto;
}
.imgBox a:hover,
.w_display a:hover,
.wrap_item .floatL a:hover,
.wrap_item .floatR a:hover{
    opacity: 0.8;
    text-decoration: none;
}

.imgBox img {
    width: 100%;
}

.w_display img,
.wrap_item img{
	width: 100%;
	border-radius:12px;
}
.imgBox .floatL img, .imgBox .floatR img {
    width: 100%;
}
.imgBox p.floatL, .imgBox p.floatR {
    box-sizing: border-box;
}
.imgBox .cap {
    width: 100%;
    margin: 12px auto 0;
    text-align: left;
    font-size: 13px;
	line-height: 1.6;
}
.w_display .cap,
.wrap_item .cap{
    width: 100%;
    margin: 18px auto 0;
    text-align: left;
    font-size: 13px;
	line-height: 1.6;
}

.imgBox .floatR.cap {
    width: 48%;
    margin-top: 0;
}

/* ƒLƒƒƒvƒVƒ‡ƒ“@Œ©o‚΅ */
.w_display p.captit01,
.wrap_item p.captit01{
	text-align: center;
}
p.captit01 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: left;
}
p.captit02 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}
p.captit02 + .inbox:nth-child(2){
	margin-top: 10px;
}
.cap.pic2xtxt{
	clear:both;
	padding-top: 15px;
}

/*==============================================
 .productBox
============================================= */

.productBox a{
display: block;
	overflow: hidden;
	zoom:1;
	width:800px;
	margin: 90px auto 50px;
}
.productBox a .img{
	width:390px;
	float: left;
}
.productBox a .img img{
	width:100%;
}

dl.info{
	width:363px;
	float: right;
	padding-top:180px;
}
dl.info dt{
	width: 363px;
	height: 57px;
	display: block;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/img_logo.png) center top no-repeat;
	background-size: contain;
text-indent: -999em;
font-size: 0;
z-index: 1;
}
dl.info dd{
	background: #cf4039 url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_arrow.svg) no-repeat;
    background-size: 14px;
    background-position: right 15px center;
	width: 363px;
	padding:20px 0 20px 0;
	border-radius: 10px;
	box-sizing: border-box;
	color:#FFF;
	font-size:15px;
	text-align: center;
	margin: 25px 0 0 0;

}
/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
width: 930px; 
margin: 0 auto 0; 
text-align: right;
	padding-bottom:70px;

}