@charset "UTF-8";


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

@media screen and (min-width: 641px) {
	.local_navigation .logo {
		display: block;
		width: 180px; /* ロゴ画像の幅の1/2に合わせる */
		height: 25px; /* ロゴ画像の高さの1/2に合わせる */
		background: url(../images/logo_aquos-sense-u.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;
	}
}

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

/* 青太字のH2見出し */

.container h2.ttl_blue_b {
	color:#17288b;
	font-weight:500;
}


/* 青囲みのH4見出し */
.container h4.ttl_blue_frame {
	margin:0 auto 7px;
	font-size: 18px;
}
.container h4.ttl_blue_frame span {
    display:inline-block;
	border: 1px solid #17288b;
    border-radius: 20px;
    color: #17288b;
    font-size: 18px;
    padding: 2px 1em;
    font-weight: 600;
}
@media screen and (max-width: 640px) {
	.container h4.ttl_blue_frame {
		margin:0 auto 12px;
		font-size: 12px;
	}
	.container h4.ttl_blue_frame span {
		font-size:12px;
		border-radius:14px;
	}
}	

/* 埋め込みYoutube動画 */

.container .section .ttl_movie span{
	display:inline-block;
	vertical-align:middle;
	font-size:1.75rem;
	color:#17288b;
}
.container .section .ttl_movie:before,
.container .section .ttl_movie:after  {
    content: "";
    display: inline-block;
    border: 2px solid #17288b;
    width: 10px;
    height: 60px;
    vertical-align: middle;
}
.container .section .ttl_movie:before {
    border-right: 0px;
    margin-right: 0.75em;
}
.container .section .ttl_movie:after {
    border-left: 0px;
    margin-left: 0.75em;

}

.container .section .youtube {
	width:960px;
	height:540px;
	margin:1em auto;
    position: relative;
}
.container .section .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 640px) {
	.container .section .ttl_movie span{
		font-size:1rem;
		font-weight:400;
	}
	.container .section .ttl_movie:before,
	.container .section .ttl_movie:after  {
		border-width:1px;
		width: 8px;
		height: 36px;
	}
	.container .section .youtube {
		width:auto;
		margin:1em 0;
		height:0;
		padding-bottom: 56.25%;
	}
}