/*****************************************************-
CSS Document : PC用
- ****************************************************/
* {
	box-sizing: border-box;
}
body{ font-weight:400;}
.ft-note{ font-weight:200;}

.product-nav-flex ul li{ font-weight:400 !important;}

section{
	padding-top: 75px;
	padding-bottom: 75px;
}
section:nth-child(2n+1) {
	background: #fffdec;
}
section:last-of-type {
	border-bottom:none;
}
.display-none,
.read-only {
	display:none;
}
.container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.clearfix:after,
.container:after {
	content:""; display:block; clear:both;
}

.container .txt{
	margin-top: 10px;
	font-size:123.077%;
}
.container .img {
	margin-top: 30px;
	text-align:center;
}

.container h3 + p,
.container .img + p{
	margin-top:30px;
}

hr{ border:none;}
section hr{
	border-top: 1px solid #d2d2d2;
	margin-top:30px;
	margin-bottom:20px;
}
/* section内を分割する場合、sectionのclassにsection_lineを入れてhrで区切る */
section.section_line hr{
	width:980px;
	margin:75px auto;
}


section.main-visual{
	background:transparent url(/product/phone/lalasia/images/3/lalasia02.png) no-repeat center top;
}
.main-visual{
	padding-top:50px;
	padding-bottom:0;
	position:relative;
	border-bottom:none;
}
.main-title-box{
	height: 450px;
	position: relative;
}
.main-title{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-490px;
}

.main-visual .bg img{
	display:none;
}
.page-navi{
	height: 200px;
	padding:10px 0;
	background: #fec7de;
}
.page-navi ul{
	display: flex;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.page-navi ul li{
	width:calc(100% /4);
	text-align: center;
	padding-top:10px;
	padding-left:4%;
}
.page-navi ul li a{
	text-decoration: none;
	background: #ed699b url(/product/phone/lalasia/images/3/lalasia17.png) no-repeat center 80%;
	display: table-cell;
	width: 160px;
	height: 160px;
	color:#fff;
	font-size: 17px;
	font-size:123.077%;
	font-weight: 200;
	vertical-align: middle;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.page-navi ul li a:hover{
	opacity: 0.8;
}
.page-navi ul li a br{
	display: none;
}
.page-navi ul li a br.br-always-display{
	display: block;
}
.main-visual .accessory {
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	width: 980px;
	overflow: hidden;
}
.page-sns {
	float: right;
	margin-top:0;
}
.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;
}


.contents-title{
	margin-bottom: 40px;
}

.heading-textline {
	font-weight: 700;
	position: relative;
	text-align: center;
	line-height: 1;
	padding-bottom: 20px;
	font-size: 28px;
	font-size: 1.75rem;
}
.heading-textline:after {
	content: '';
	display: block;
	width: 1em;
	height: 3px;
	bottom: 0;
	left: 50%;
	position: absolute;
	background-color: #db2127;
	margin-left: -.5em;
}
.heading-textline-sub{
	position: relative;
	text-align: center;
	color: #777;
	padding-top: 17px;
	line-height: 1;
	font-size: 13px;
	font-size: 0.8125rem;
}

.heading-iconheart{
	margin-bottom:50px;
}
.heading-iconheart span{
	font-size: 36px;
	font-size: 2.25rem;
	color: #da1463;
	position: relative;
}
.heading-iconheart span::before {
	position: absolute;
	width: 65px;
	height: 55px;
	content: "";
	background: url(/product/phone/lalasia/images/3/lalasia03.png) no-repeat center center;
	left: -100px;
}

.heading-categorytitle{
	font-size:28px;
	font-size:1.75rem;
	margin-bottom:30px;
}

.heading-subtitle{
	background: #ff8a00;
	color:#fff;
	font-weight: 400;
	font-size: 22px;
	font-size:1.375rem;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.heading-short-style{
	width:300px;
	margin-left: auto;
	margin-right:auto;
	padding:5px 5px 8px;
	font-size: 20px;
	font-size:1.25rem;
}

.text-box + .heading-short-style,
.txt + .heading-short-style,
.img + .heading-short-style{
	margin-top:60px;
}


.news-contents{
	padding-top:0;
}

.news-list{
	width: 680px;
	margin: 0 auto;
}
.news-list dt{
	text-align: left;
	width: 9em;
	white-space: nowrap;
	float: left;
}
.news-list dd{
	margin-left: 11em;
	margin-bottom:1.2em;
	text-align: left;
}


.characteristic-box{
	display: flex;
	margin-bottom:30px;
}
.characteristic-item{
	width:400px;
	margin-left:60px;
	display: block;
}

.txt + .voice-box{
	margin-top:30px;
}
.voice-box{
	border:solid 1px #f29700;
	background: #fff3c3;
	padding:25px 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:30px;
	display: flex;
}
.voice-box:last-of-type{
	margin-bottom:0;
}
.voice-img{
	margin-top:0;
	width:110px;
	display: block;
	background: url(/product/phone/lalasia/images/3/lalasia16.png) no-repeat center center;
}
.voice-text{
	text-align: left;
	margin-left:20px;
	font-size:16px;
	font-size:1rem;
	flex-basis:auto;
}
.voice-title{
	margin-bottom:10px;
	color:#db1465;
	font-weight: 700;
	font-size:17px;
	font-size:1.0625rem;
}
.voice-comment{
	margin-top: 10px;
}

.info-box{
	border:solid 1px #999;
	background: #fff;
	padding:40px 20px;
}
.info-box h3{
	font-size:25px;
	margin-bottom:1em;
}
.info-box h4{
	font-size:20px;
	text-align: left;
	margin-bottom:1em;
	margin-left:20px;
}
.info-box p{
	margin:0 20px;
	text-align: left;
	line-height: 1.75;
}
.info-box .txt.date-cont{
	font-size:20px;
	margin-bottom:1em;
	margin-left:20px;
}
.info-box .txt sub{
	font-size:70%;
}

.model-variation{
	overflow: hidden;
}
.rakuraku-model{
	width:695px;
	float: left;
}
.arrows-model{
	width: 215px;
	margin-left:70px;
	float: left;
}
.rakuraku-model h3,
.arrows-model h3{
	font-size:23px;
	font-size: 1.4375rem;
	padding-bottom: 20px;
	margin-bottom:25px;
	border-bottom:solid 1px #999;
}
ul.link_btn{
	margin:0;
	width:695px;
	overflow:hidden;
}

ul.link_btn li{
	float:left;
	width:215px;
	margin-right:20px;
}
/*ul.link_btn li:nth-child(3){
	margin-right: 0;
}*/

ul.link_btn li a {
	text-align: center;
	display:block;
	font-size:14px;
	font-size: 1.07692em;
	line-height:1.4;
	padding: 8px 15px 7px;
	background-color: #d22626;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
}

ul.link_btn li a:hover {
	background-color: #ff0000;
}
ul.link_btn li p{
	text-align: left;
	margin-top:1em;
	height: 5em;
}

.model_image{
	display:block;
	width:220px;
	height:260px;
}
.model_image.img_f-02l{ background:url(/product/phone/lalasia/images/1/lalasia-f-02l.png) no-repeat center bottom; background-size:120%; }
.model_image.img_f-04k{ background:url(/product/phone/lalasia/images/1/lalasia-f-04k.png) no-repeat center bottom; background-size:120%; }
.model_image.img_f-03k{ background:url(/product/phone/lalasia/images/2/lalasia-f-03k.png) no-repeat center bottom; background-size:120%; }
.model_image.img_f-04j{ background:url(/product/phone/lalasia/images/1/lalasia-f-04j.png) no-repeat center bottom; background-size:120%; }
.model_image.img_f-06f{ background:url(/product/phone/lalasia/images/1/lalasia-f-06f.png) no-repeat center bottom; background-size:120%; }
.model_image.img_f-01l{ background:url(/product/phone/lalasia/images/2/lalasia-f-01l.png) no-repeat center bottom; background-size:120%; }

ul.link_btn.line1{
	width:auto;
}
ul.link_btn.line1 li{
	display: block;
}

ul.link_btn.line2 li{
	width:327px;
}
ul.link_btn.line2 li a{
	width:215px;
	margin-left: auto;
	margin-right: auto;
}
ul.link_btn.line2 li p{
	width:215px;
	margin-left: auto;
	margin-right: auto;
}
ul.link_btn.line2 .model_image{
	margin-left: auto;
	margin-right:auto;
	font-size:1rem;
	position: relative;
}
ul.link_btn.line2 .model_image p{
	position: absolute;
	margin:0;
	top:0;
	text-align: center;
}


