@import url(/product/phone/common/product_navi/floating_banner.css) screen;

/*****************************************************-
CSS Document : SP Photo
- ****************************************************/

/*===========================================================================
 product-info
===========================================================================*/
body, h2{ font-weight:300;}
header,
footer{ font-weight:400 !important;}

section img, .info-ttl img{ width:100%; height:auto;}

header .sp-fix-info-ttl p { display: inline-block; width: 100%; min-height: inherit; padding: 10px 35px 10px 12px !important;}

/* SNS */
.page-sns { margin-top: 10px; margin-bottom:10px; padding-left: 12px; padding-right: 12px;}
.page-sns .inr { float: right;}
.page-sns p,
.page-sns li,
.page-sns ul { float: left;}
.page-sns p { color: #888888; font-size: 1.1rem; padding-top: 7px;}
.page-sns ul { padding-left: 10px;}
.page-sns li { margin-left: 7px;}
.page-sns li img { width: 32px;	height: auto;}
.is_mouse .page-sns li.btn-ln { display: none;}


/* PDF */
.product-info .btn-sec { padding-top: 19px; padding-bottom: 19px;}
.btn-pdf-dl { text-align: center; font-size: 1.3rem; font-weight:200;}
.btn-pdf-dl a { display: block; line-height: 1.8; padding-top: 8px; padding-bottom: 8px; border: 1px solid #b8b8b8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
.btn-pdf-dl a .icn { margin-right: 8px;}
.btn-pdf-dl a .icn img { width: 16px; height: auto; vertical-align: middle; position: relative; top: -1px;}
.btn-pdf-dl a:hover .icn img { filter: none !important; -moz-opacity: 1 !important; opacity: 1 !important;}
.btn-pdf-dl a .txt { font-weight: bold; text-decoration: none;}
.btn-pdf-dl a .size { color: #888888;}
.btn-pdf-dl a:hover .txt { text-decoration: underline;}
.product-cts .btn-pdf-dl{ margin-top:30px;}
.product-info .info-dtl .cts-inr .btn-pdf-dl{ padding-left:12px; padding-right:12px;}

.product-nav .nav-col > li.docomo_link a{
	background:#dc3232 url(/product/phone/common/rnw2015/images/1/sp_nav_arw04.png) no-repeat right center;
	background-size: 20px auto;
	-webkit-background-size: 20px auto;
	color:#fff;
}

section:nth-child(2n+1) { background:#ffffff;}
section:nth-child(2n+0) { background:#eeefef;}

section.photo-dtl{ padding:24px 0; color:#fff; border-bottom:solid 1px #d2d2d2;}
section.photo-dtl .cts-inr,
section.photo-dtl .photo_imgBox { overflow:hidden; }
section.photo-dtl{ color:#fff;}
section.photo-dtl.photo_intro{ background:#000;}
main section.photo-dtl .page-ttl { color: #fff; text-align: center; font-size: 3.3rem; line-height: 1.2;}
section.photo-dtl.photo_intro h2.Copy{ color: #fff; line-height: 1.5; font-size: 2.5rem; font-weight:400; text-align: center;}

.product-info .photo-dtl .dtl-ttl { line-height: 1.5; font-size:  3.5rem; text-align: center; vertical-align: bottom; margin-bottom:20px;}
.product-info .photo-dtl .dtl-ttl + p { font-size: 1.8rem; text-align:center; margin-bottom:1em;}

section.photo-dtl .photo_imgBox dl{ width:100%;}
section.photo-dtl .photo_imgBox dl dt{ text-align:center; font-size: 1.8rem;}
section.photo-dtl .photo_imgBox dl dd{ text-align:center; font-size: 1.5rem;}
section.photo-dtl .photo_imgBox dl + dl{ margin-top:2em;}
section.photo-dtl .photo_imgBox dl dt img{ width:99%; height:auto; display:block; margin-top:0.5em; margin-bottom:0.5em;}
section.photo-dtl .photo_imgBox dl dt img.border_on{ border:solid 1px #fff;}
section.photo-dtl .photo_imgBox dl dt .mask_text{ display:none;}


section.photo-dtl.a-block{ background:#333;}
section.photo-dtl.b-block{ background:#000;}
section.photo-dtl.c-block{ background:#333;}
section.photo-dtl.d-block{ background:#000;}
section.photo-dtl.e-block{ background:#333;}

/* 最下部 */
section.photo-slider { width:100%; margin:0; padding:0; background:#000;}
section.photo-slider h2{ padding:18px 0; line-height: 1.5; font-size: 1.8rem; color:#fff; text-align:center;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}
.ft-note{ padding-top: 40px;}