@charset "UTF-8";


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

@media screen and (min-width: 641px) {
	.local_navigation .logo {
		display: block;
		width: 260px; /* ロゴ画像の幅の1/2に合わせる */
		height: 25px; /* ロゴ画像の高さの1/2に合わせる */
		background: url("../images/logo_aquos-zero5g-basic.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%; /* 右側の余白 ロゴサイズに合わせて調整する */
	}
	.local_navigation ul li {
        padding: 0 10px;
    }
}

/*--------------------------------------------------
	＜ローカルナビゲーション＞（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;
		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;
	}
	
	/* 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; }*/
}

/* 2行が維持されるように調整する */
@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 11px;
    }
}
@media screen and (max-width: 359px) {
	.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;}

@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}
}


/* zero2用H4見出し */
.container h4.ttl_frame {
	margin:1em auto;
}
.container h4.ttl_frame span {
    display:inline-block;
	border:2px solid;
	color: #ed008c;
    font-size:1.4rem;
    padding: 2px 2em;
    font-weight: 500;
	margin:3px;
}
@media screen and (max-width: 640px) {
	.container h4.ttl_frame span {
		font-size:20px;
		font-weight: 600;
		padding: 2px 1.5em;
		line-height:1.3;
	}
	.container h4.ttl_frame span br.forSP {
		display: inline-block !important;
	}
}

/*画像キャプション*/
.container .img_cap {
	display:block;
	text-align: center;
	font-size:22px;
	font-weight:500;
	line-height: 1.2em;
	margin-top:0.5em;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
	.container .img_cap {
		font-size:16px;
	}
}

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

/* 埋め込みYoutube動画 */

.container .section .ttl_movie span{
	display:inline-block;
	vertical-align:middle;
	font-size:1.75rem;
}
.container .section .ttl_movie:before,
.container .section .ttl_movie:after  {
    content: "";
    display: inline-block;
    border: 2px solid;
    width: 10px;
    height: 50px;
    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:18px;
		font-weight:600;
	}
	.container .section .ttl_movie:before,
	.container .section .ttl_movie:after  {
		border-width:2px;
		width: 8px;
		height: 30px;
	}
	.container .section .youtube {
		width:auto;
		margin:1em 0;
		height:0;
		padding-bottom: 56.25%;
	}
}

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

.onlinshop_appeal {
	position:fixed;
	bottom: -80px;
	left:0;
	/*background-color: #333;*/
	background-color: #a78238;
	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;
		}
}