@charset "UTF-8";


/*--------------------------------------------------
	＜ローカルナビゲーション＞（PC）
--------------------------------------------------*/

@media screen and (min-width: 641px) {
	.local_navigation .logo {
		display: block;
		width: 145px; /* ロゴ画像の幅の1/2に合わせる */
		height: 25px; /* ロゴ画像の高さの1/2に合わせる */
		background: url(../images/logo_aquos-ea.png) center center no-repeat; /* ロゴ画像のパスを指定する */
		background-size: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	/* 暫定版*/
	.local_navigation.zan ul:after{
		content:"";
		display:table-cell;
		width:40%; /* 右側の余白 ロゴサイズに合わせて調整する */
	}
}

/*--------------------------------------------------
	＜ローカルナビゲーション＞（SP）
--------------------------------------------------*/
.local_navigation {
	z-index: 1000;
}
.local_navigation img {
	max-width: 338px; /* 338px固定（360px内での最大値） */
	height:25px; /* 固定 変更する場合はPadding調整要 */
}
@media screen and (max-width: 640px) {
	.local_navigation ul {
		height: auto;
		overflow: hidden;
		background: url(/products/k-tai_d_common_v3/images/dot_e6e6e6.png) center center repeat-x;
	}
	.local_navigation ul li {
		float: left;
		box-sizing: border-box;
		width: 25%;
	}
	.local_navigation ul li:first-child a,
	.local_navigation ul li:nth-child(5) a,
	.local_navigation ul li:nth-child(9) a {
		border-left: none;
	}
	/* Padding調整 */
	.local_navigation p {
		padding: 16px 10px 11px 12px; /* 上+下+高さで52pxにする */
		width: auto !important;
	}
	/* 暫定版*/
	.local_navigation.zan ul{
		background:none;
	}
	.kv > .local_navigation.zan + img.cover {margin-top: 89px;}
	/*.kv { min-height: 89px; }*/

}	
	
/* ページ下部ナビ（前／次）表示エリア調整 */
@media screen and (max-width: 640px) {
	.prev_next_link p.next a {
		padding: 0 0 0 30px;
	}
	.prev_next_link p.prev a {
		padding: 0 30px 0 0;
	}
}

/*--------------------------------------------------
	機種別カスタマイズ
--------------------------------------------------*/

/* 青色の背景*/
.bg_blue {
	background-color:#f0f1f5;
	width:860px;
	padding:50px 50px 60px;
	margin-right:auto;
	margin-left:auto;
}
@media screen and (max-width: 640px) {
	.bg_blue {
		width:94%;
		padding:25px 0;
	}

}
/* 青色のボタン */
.container .btn.blue {
	border-color:#17288b !important;
	background-color:#FFF;
	transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
	border-radius:6px;
	padding-right:5px;
}
.container .btn.blue:hover {
	background-color:#17288b;
	color:#FFF;
}
.container .btn.blue:after {
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #fff;
	margin:0;
	/*margin-left:-15px;*/
	vertical-align:middle;
	transform:rotate(45deg);
	transition-property: all;
	transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
	position: relative;
	left: -15px;

}
.container .btn.blue:hover:after {
	border-top:2px solid #17288b;
	border-right:2px solid #17288b;
}
.container .btn.blue span:after {
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
	border-radius:10px;
	background-color:#17288b;
    margin-left: 0.5em;
    vertical-align: middle;
	transition-property: all;
	transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}
.container .btn.blue:hover span:after {
	background-color:#FFF;
}
@media screen and (max-width: 640px) {
	.container .btn.blue {
		 padding: 10px 20px 10px 25px;
	}
}