@charset "shift_jis";
/*==============================================
 common
============================================= */
.anchor_wrapper,
.pc_only,
.top_bnr span,
.paragraph h2 br{
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
.pageTop {
width: 40px;
height: 40px;
right: 10px;
background-size: 40px;
border-radius: 50%;
}

#footer{
	margin-top: 10px;
}


/*==============================================
 #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;
	padding-bottom: 10px;
	background: #000a13;
}

/*----- •ΆŽš -----*/
.paragraph p {
font-size: 16px;
line-height: 1.8;
margin-top: 30px;
}
.paragraphIn > p:first-child {
padding-top: 20px;
margin-top: 0;
}
.paragraph .cap {
font-size: 11px;
margin-top: 0px !important;
}

span.caution{
    font-size: 11px;
    display: block;
    margin-top: 5px;
}
sup{
vertical-align:super;
font-size:9px;
}

/*----@paragraph@----*/
.paragraph {
border-top: 1px solid #292929;
transition: background-color .2s, border-top-color .2s;
}

.spAccordion {
display: none;
padding: 0px 26px 30px;
background-color: #E8E8E8;
}
.paragraph h2 {
position: relative;
padding: 26px 35px 26px 27px;
font-weight: bold;
color:#D4D4D4;
box-sizing: border-box;
}

.paragraph#article01 h2,.paragraph#article02 h2,.paragraph#article03 h2{	
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/h2_line_sp.png) no-repeat;
    background-size: 100%;
    background-position: top center;
}

.paragraph.active h2 {
color:#FFF;
}
.paragraph h2 span {
display: block;
font-size: 1.5rem;
line-height: 1.6;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.paragraph#article01 h2:after,.paragraph#article02 h2:after,.paragraph#article03 h2:after {
content: "";
display: inline-block;
position: absolute;
top: 1px;
bottom: 0;
right: 20px;
width: 8px;
height: 8px;
margin: auto;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
border-bottom: 2px solid #2CACDC;
border-right: 2px solid #2CACDC;
}
.paragraph.active h2:after {
top: 3px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.wrap_h2_sp{
	overflow: hidden;
	zoom:1;
	display: block;
}
.paragraph#article01 h2 span.sub{	
	display: inline-block;
	width: 10%;
	padding-top: 6%;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_01_pc.png) no-repeat;
    background-size: contain;
    background-position: top left;
	text-indent: -999em;
	font-size: 0;
	z-index:1;
	float: left;
	margin-top: 6px;
}
.paragraph#article02 h2 span.sub{	
	display: inline-block;
	width: 10%;
	padding-top: 6%;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_02_pc.png) no-repeat;
    background-size: contain;
    background-position: top left;
	text-indent: -999em;
	font-size: 0;
	z-index:1;
	float: left;
	margin-top: 6px;
}

.paragraph#article03 h2 span.sub{	
	display: inline-block;
	width: 10%;
	padding-top: 6%;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_h2_03_pc.png) no-repeat;
    background-size: contain;
    background-position: top left;
	text-indent: -999em;
	font-size: 0;
	z-index:1;
	float: left;
	margin-top: 6px;
}

.paragraph#article01 h2 span.txt_sp,.paragraph#article02 h2 span.txt_sp,.paragraph#article03 h2 span.txt_sp{
	display: inline-block;
	width: 86%;
	float: left;
}

.paragraph#article04{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/bg_matome_sp.jpg) no-repeat left top;
	background-size: contain;
	width: 100%;
	padding: 2.8rem 2.4rem;
	box-sizing: border-box;
}

.paragraph#article04 h2{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/img_matome.png) no-repeat center top;
	background-size: contain;
	width: 100%;
	padding-top: 15%;
	text-indent: -999em;
	z-index:1;
	margin: 0 auto 0px;
	
}
.paragraph#article04  p{
	font-size: 14px;
	line-height: 1.8;
}
.paragraph#article04 .paragraphIn{
	color:#D4D4D4;
	
}

.paragraph#article04 .paragraphIn > p:first-child{
	margin: 0;
}

a:link.official,a:visited.official{
	display: block;
	font-size:1.0rem;
	font-weight: bold;
	margin: 30px 0 0 0;
	color:#1F61DF;
}
/*==============================================
 ŠΕ”Β
============================================= */


h1 {
padding-top: 94%;
margin: 0 auto;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/hero_sp.jpg) no-repeat center top;
background-size: 100%;
text-indent: -999em;
font-size: 0;
}

p.lead {
	font-size: 14px;
	line-height: 1.8;
	color:#D4D4D4;
	padding: 0 2.4rem;
	box-sizing: border-box;
}

.lead a:link, .lead a:visited {
  color: #A3C3FF;
  text-decoration: underline;
}
.lead a:hover, .lead a:active {
  color: #699dfc;
}


/*==============================================
 ƒoƒi[
============================================= */

.top_bnr a{
	display: block;
	background: #cf4039 url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/icon_arrow.svg) no-repeat;
    background-size: 1.0rem;
    background-position: right 1.3rem center;
	width: 84%;
	margin: 1.9rem auto 2.5rem;
	color: #FFF;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 8px;
	padding: 1.2rem 1.8rem 1.2rem 1.2rem;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: 0.1em;
	
}

.wrap_bnr a{
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/23/07_razr40_ultra/bnr_inner_sp.png) no-repeat;
    background-size: cover;
	width: 100%;
	padding-top: 35.5%;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	border-radius: 5px;
	margin-top: 40px;
}

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

.imgBox {
    margin: 30px auto 0;
    width: 100%;
    text-align: center;
    font-size: 0;
	padding:0.5rem;
	box-sizing: border-box;
}

.w_display {
    margin: 30px auto 0;
    width: 80% !important;
    text-align: center;
    font-size: 0;
}
.w_display a{
	width: 100% !important;
}
.wrap_item{
	margin: 30px auto 0;
    width: 100%!important;
    text-align: center;
    font-size: 0;
}


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

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

/*@inbox@ƒˆƒR2–‡‘g —p */
.imgBox .inbox .floatL, .imgBox .inbox .floatR  {
    position: relative;
    width: 100%;
	float: none;
}
.imgBox .inbox .floatR{
	margin-top: 10px;
}
.imgBox a {
    display: block;
}
.w_display a,
.wrap_item .floatL,
.wrap_item .floatR{
	display: block;
    transition: opacity .2s;
	width:80%;
	margin: 0 auto;
	float: 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: 0 auto 0;
    text-align: left;
    font-size: 13px;
	line-height: 1.6;
	padding-top: 8px;
}
.w_display .cap,
.wrap_item .cap{
    width: 100%;
    margin: 0px auto 0;
    text-align: left;
    font-size: 13px;
	line-height: 1.6;
	padding-top: 12px;
}

.imgBox .floatR.cap {
    width: 100%;
   padding-top: 12px;
}

/* ƒLƒƒƒvƒVƒ‡ƒ“@Œ©o‚΅ */
.w_display p.captit01,
.wrap_item p.captit01{
	text-align: center;
}
p.captit01 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}
p.captit02 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}
p.captit02 + .inbox{
	margin-top: 10px;
} 
.cap.pic2xtxt{
	clear:both;
	padding-top: 12px;
}


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

.productBox a{
display: block;
	overflow: hidden;
	zoom:1;
	width:90%;
	margin: 30px auto ;
}
.productBox a .img{
	width:70%;
	margin: 0 auto;
}
.productBox a .img img{
	width:100%;
}

dl.info{
	width:90%;
	margin: 20px auto 0;
}
dl.info dt{
	width:100%;
	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;
	padding-top: 15%;
}
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:100%;
	font-size: 1.05rem;
	font-weight: bold;
	border-radius: 8px;
	padding: 1.5rem 2.0rem 1.5rem 1.2rem;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: 0.1em;
	color: #FFF;
	margin: 10px 0 0 0;

}

/*==============================================
.releasedate
============================================= */
.releasedate {
	font-size: 0.85rem; 
	padding: 0 25px 30px;
	text-align: center;
	color: #A6A6A6;}