@charset "UTF-8";


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

@media screen and (min-width: 641px) {
	.local_navigation .logo {
		display: block;
		width: 235px; /* ロゴ画像の幅の1/2に合わせる */
		height: 25px; /* ロゴ画像の高さの1/2に合わせる */
		background: url("../images/logo_aquos-sense4-plus-r.png") center center no-repeat; /* ロゴ画像のパスを指定する */
		background-size: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	.local_navigation ul li {
        padding: 0 7px;
    }
}

/*--------------------------------------------------
	＜ローカルナビゲーション＞（SP）
--------------------------------------------------*/
.local_navigation {
	z-index: 1000;
}
.local_navigation img {
	max-width: 338px; /* 338px固定（360px内での最大値） */
	height:25px; /* 固定 変更する場合はPadding調整要 */
}
@media screen and (max-width: 640px) {
	/* Padding調整 */
	.local_navigation p {
		padding: 16px 10px 11px 12px; /* 上+下+高さで52pxにする */
		width: auto !important;
	}
	
	.local_navigation ul {
		height: auto;
		overflow: hidden;
		background: url(/products/k-tai_d_common_v3/images/dot_e6e6e6.png) center center repeat-x;
		width: auto;
    	margin-left: -1px;
	}
	.local_navigation ul li {
		float: left;
		box-sizing: border-box;
	}
	.container .local_navigation ul li a {
		width:auto;	
	    border-left: 1px solid #e6e6e6;
	}
}
@media screen and (max-width: 640px) {
	.container .local_navigation ul li a {
        padding: 0 15px;
    }
}
@media screen and (max-width: 460px) {
	.container .local_navigation ul li a {
        padding: 0 7px;
    }
}
@media screen and (max-width: 355px) {
	.container .local_navigation ul li a {
        padding: 0 3px;
    }
}
	
/* ページ下部ナビ（前／次）表示エリア調整 */
@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;
	}
}

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

/* フォントサイズ調整 */
.container h2.main_catch {font-size:3.74rem;font-weight:500;margin-bottom: 0;overflow: hidden}
.container h3 {font-size:2.5rem;font-weight:500;margin-top: 0;}

.container p {font-size:1.6rem;font-weight: 400;line-height: 1.6;}
.container .breadcrumb-nav p {font-size:0.7rem;}
.container .cocoroplus p, .container .prev_next_link p, .container .shopLink p  {font-size: 1.06rem; font-weight:300;}
.container .supportLink p, .container .snsLink p {font-weight:300;}
.container .spec h3 {font-size: 1.5rem;}
.container .btn, .container .btn_blank {font-size:1.2rem;}
.container ul.notes li { font-size: 12px;}

@media screen and (max-width: 640px) {
	.container h2.main_catch {font-size:42px;font-weight: 600;line-height:1.3; margin-top: 1.5em;}
	.container h3 {font-size:34px;font-weight: 600;line-height:1.3;}
	.container p {font-size:18px;font-weight: 500;line-height: 1.5;}
	.container .cocoroplus p{font-size:14px;font-weight:300;}
	.cocoroplus img {width: 80px;}
	.container .prev_next_link p, .local_navigation p  { font-size: 0.72rem;font-weight: 300;}
	.container .shopLink p{ font-size: 0.65rem;font-weight: 300;}
	.container .breadcrumb-nav p {font-size:0.72rem;line-height:1.4;}
	.container .spec h3 {font-size: 1.26rem}
	.container>.section {margin-top: 4em;}
	.container .btn, .container .btn_blank {font-size:0.9rem}
	.container ul.notes li { font-size: 13px;font-weight: 400;overflow: hidden}
}

/* 背景色ブルー */
.container.bg_blue {
	background-color:#000019; /* ←色指定 */
    background: radial-gradient(circle at -50% 50%, #242a7f 0%, #000019 100%) 0% 0% no-repeat padding-box;
    color:#fff;
}
.container.bg_blue ruby rt, ruby rp {
    color: #ddd;
}

.container.bg_blue .prev_next_link p a {
	color:#fff
}
.container.bg_blue .containerFooter .shopLink {
	z-index:5;
	position:relative;
}
.container.bg_blue .containerFooter .supportLink {
	background-color:#FFF;
	z-index:4;
}
.prev_next_link p.prev a {
	border-right: 1px solid #818181;
}
.container.bg_blue .containerFooter .footer_link {
	background-color:#FFF;
}
.spec_table {
	border-top-color: #999;
}
.spec_table .row {
	border-bottom-color: #999;
}	
@media screen and (min-width: 641px) {
	.container.bg_blue .kv img.cover {margin-top:56px;vertical-align: top}
	.container.bg_blue .shopLink a .shop:after {
		top: 21px;
	}
}

@media screen and (max-width: 640px) {
	.container.bg_blue .breadcrumb-nav {
		background-color:#fff;
	}
	.container.bg_blue .shopLink a .shop p:after {
		top:15px;
	}
	.container.bg_blue .nv_pagetop p {
		background-color:#0f1144; /* ←色指定 */
	}
	.container.bg_blue .wh .btn,
    .container.bg_blue .wh .btn_blank {
        color: #fff;
        border-color: #fff;
    }
	.container.bg_blue .wh {
        color: #fff;
    }
	.container.bg_blue .spec_table .row .col_dtl dl dd {
		color:#ddd;
	}
	
}

/* ブルー囲みのH4見出し */

.container h4.ttl_frame {
	margin:1em auto;
}
.container h4.ttl_frame span {
    display:inline-block;
	border: 2px solid #40ACC3;
	border-right-width: 5px;
	border-left-width: 5px;
    color: #40ACC3;
    font-size:1.4rem;
    padding: 2px 2em;
    font-weight: 500;
	margin:3px;
}
@media screen and (max-width: 640px) {
	.container h4.ttl_frame {
		margin:0 auto 12px;
	}
	.container h4.ttl_frame span {
		font-size:20px;
		font-weight: 600;
		border-width: 1px;
		border-right-width: 4px;
		border-left-width: 4px;
		line-height:1.3;
        padding: 2px 1.5em;
	}
	.container h4.ttl_frame span br.forSP {
		display: inline-block !important;
	}
}



/*画像キャプション*/
.container p.img_cap {
	text-align: center;
	line-height: 1.2em;
	margin-top:0.5em;
	overflow: hidden;
}
/*.container p.img_cap span {
	display:inline-block;
	padding:0 0.5em
}*/
/* 太字 */
.container strong {
	font-weight:500;
}
@media screen and (max-width: 640px) {
	.container strong {
		font-weight:600;
	}
}

/* クリップ動画 */
.container .video_clip {
	max-width:960px;
	margin:auto;
}
.container .video_clip video {
	width:100%;
}

/*--------------------------------------
        オンラインショップ訴求用CSS     
  --------------------------------------*/

.onlinshop_appeal {
	position:fixed;
	bottom: -80px;
	left:0;
	background-color: #333;
	width: 100%;
	padding-top: 15px;
	height: 65px;
	z-index: 99999;
	color:#fff;
	font-size: 20px;
	min-width: 960px;
}
.onlinshop_appeal a {
	display:inline-block;
	background-color: #fff;
	color:#333;
	text-decoration: none;
	font-size: 18px;
	line-height: 50px;
	padding:0 60px;
	margin-left: 40px;
}
.onlinshop_appeal a:hover {
	opacity:0.8;
}
	/* オンラインショップ訴求リンクある場合の位置調整 */
	.onlinshop_appeal + .nv_pagetop.shiftup a {
		bottom: 85px;
	}
	.onlinshop_appeal + .nv_pagetop.shiftup p {
		bottom: 85px;
	}

@media screen and (max-width: 640px) {
	.onlinshop_appeal {
		bottom: -85px;
		padding-top: 10px;
		height: 75px;
		font-size: 13px;
		min-width:320px;
	}
	.onlinshop_appeal a {
		display:block;
		font-size: 15px;
		line-height: 36px;
		margin: 5px 10px;
	}
		/* オンラインショップ訴求リンクある場合の位置調整 */
		.onlinshop_appeal + .nv_pagetop.shiftup a {
			bottom: 105px;
		}
		.onlinshop_appeal + .nv_pagetop.shiftup p {
			bottom: 85px;
		}
}