/*****************************************************-
CSS Document : PC Photo
- ****************************************************/

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

.product-nav-flex ul li{ font-weight:400 !important;}

.floating_banner{ display: none;}

/* SNS */
.page-sns { width: 980px; margin: 13px auto;}
.page-sns .inr { float: right;}
.page-sns p,
.page-sns li,
.page-sns ul { float: left;}
.page-sns p { color: #888888; font-size: 85%; /*11px*/ padding-top: 9px;}
.page-sns ul { padding-left: 10px;}
.page-sns li { margin-left: 6px;}
.page-sns li img { width: 32px; height: auto;}
.is_mouse .page-sns li.btn-ln { display: none;}


/* PDF */
.btn-sec .cts-inr { padding:40px 0; overflow:hidden;}
.btn-pdf-dl { text-align: center; font-size:120%; font-weight:200;}
.btn-pdf-dl .txt { font-size:100% !important;}
.btn-pdf-dl a { display: inline-block; width: 396px; line-height: 1; padding-top: 13px; padding-bottom: 13px; 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: 10px;}
.btn-pdf-dl a .icn img { width: 16px; height: auto;}
.btn-pdf-dl a:hover .icn img { filter: none !important; -moz-opacity: 1 !important; opacity: 1 !important;}
.btn-pdf-dl a .size { color: #888888;}
.btn-pdf-dl a:hover .txt { text-decoration: underline;}

.product-nav .nav-col > li.docomo_link a {
	background: #dc3232;
	border-bottom: solid 3px #b8201f;
	color: #fff;
}
.product-nav .nav-col > li.docomo_link a:hover{
	background: #f16100;
	border-bottom: solid 3px #c44f00;
}

main .info-ttl {
	display:block;
	background:url(/product/phone/f-04k/images/1/f-04k-header.png) no-repeat center top;
	width:100%;
	height: 120px;
}
main .info-ttl p img {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

section.photo-dtl{ padding:50px 0; color:#fff; border-bottom:solid 1px #d2d2d2;}
section.photo-dtl .cts-inr,
section.photo-dtl .photo_imgBox { overflow:hidden; }
section.photo-dtl.photo_intro{ background:#000;}

main section.photo-dtl .page-ttl { text-align: center; font-size: 385%; /*50px*/ line-height: 1.2;}
section.photo-dtl.photo_intro h2.Copy{ line-height: 1.5; font-size: 369.231% /*48px*/; font-weight:600; text-align: center;}

.product-info .photo-dtl .dtl-ttl { line-height: 1.5;  font-size: 369.231% /*48px*/; font-weight:600; text-align: center; vertical-align: bottom; margin-bottom:20px;}
.product-info .photo-dtl .dtl-ttl + p { font-size: 184.615% /*24px*/; text-align:center; margin-bottom:30px;}
section.photo-dtl .photo_imgBox dl{ width:470px; float:left; margin-right:40px;}
section.photo-dtl .photo_imgBox dl dt img{ width:470px; height: 353px; display:block;}
section.photo-dtl .photo_imgBox dl dt.height-org img{ height:463px;}
section.photo-dtl .photo_imgBox dl dt img.border_on{ border:solid 1px #fff; width:468px; height: 350.5px; display:block;}
section.photo-dtl .photo_imgBox dl:last-child{ margin:0;}
section.photo-dtl .photo_imgBox dl dt,
section.photo-dtl .photo_imgBox dl dd{ text-align:center; font-size: 169.231% /*22px*/;}
section.photo-dtl .photo_imgBox dl dt a { display:block; width: 470px; height: 352.5px; overflow: hidden; margin-top:0.8em; margin-bottom:0.8em; position: relative;}
section.photo-dtl .photo_imgBox dl dt.height-org a{ height:463.281px;}
section.photo-dtl .photo_imgBox dl dt a .caption { text-align: center; padding-top: 168px; color: #fff; text-decoration:none;}
section.photo-dtl .photo_imgBox dl dt a .mask_text { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.4); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
section.photo-dtl .photo_imgBox dl dt a:hover .mask_text { opacity: 1;}

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:40px 0; line-height: 1.5; font-size: 269.231% /*35px*/; 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: 640px;
}
.swiper-button-box{ position:absolute; top:39%; left:50%; margin-left:-360px; width:720px;}

.ft-note{ padding-top: 44px;}