body {
	line-height: 1;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, em {
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
}

/* HTML5用 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

fieldset {
	border:0;
	margin: 0;
	padding: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}

li {
	padding: 0;
	margin: 0;
}

input, select {
	vertical-align: middle;
}

/* tableタグ*/
th,td{
	padding:0;
}

caption{
	text-align:left;
} 


/* はみ出し対策 */
body {
	width: 100%;
}

a {
	outline:0;
	border:0;
}

a img {
	border:0;
}

img {
	border:0;
}

html {
	-webkit-text-size-adjust: none
}

/*============================================
基本CSS
===========================================*/
html,body {
	width:100%;
	height:100%;
	position:relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#F2F2F1;
}

header {
	background:#000;
	height:80px;
	overflow:hidden;
	position:relative;
}

header h1 {
	line-height:80px;
	padding-left:15px;
}

header a {
	transition: all  0.3s ease;
}

header a:hover {
	opacity:0.8
}

header h2 {
	background:#30A0D2;
	width:140px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
}

header h2 a {
	display:block;
}

header ul {
	position:absolute;
	right:160px;
	top:20px;
	overflow:hidden;
}

header li {
	float:left;
	padding-left:10px;
}

header li a {
	display:block;
}

#MainNavi {
	background:url(../img/header_navi_BG.png);
	width:100%;
	position:relative;
	z-index:10000;
	top:0;
	left:0;
}

#MainNavi ul {
	overflow:hidden;
}

#MainNavi li {
	float:left;
	padding-left:15px;
	padding-right:10px;
	line-height:36px;
}

#MainNavi li a {
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:7px;
	cursor:pointer;
}

#MainNavi li a:hover,
#MainNavi li.Now a {
	border-bottom:3px solid #2DA1D2;
}

#MainNavi li a.none {
	color:#999;
	cursor:default;
}

#MainNavi li a.none:hover {
	border:0;
}


#SubNavi {
	width:100%;
	box-sizing:border-box;
	background:url(../img/header_navi_BG.png);
	position:fixed;
	z-index:100000;
	top:60px;
	display:none;
}

#SubNavi ul {
	padding-bottom:10px;
}

#SubNavi li a {
	padding:7px;
	font-size:0.9em;
	color:#FFF;
	line-height:1.8em;
	padding-left:30px;
	display:block;
	text-decoration:none;
	background:url(../img/more_link_arrow.png) no-repeat 16px;
	background-size:6px;
	cursor:pointer;
}

#SubNavi li.Now {
	background: #2DA1D2;
	font-weight:bold;
}

#SubNavi li a span {
	font-size:0.7em;
}

#SubNavi li a.none {
	color:#999;
}

#NaviBtn {
	position:absolute;
	z-index:10000;
	top:-53px;
	right:10px;
	width:46px;
	height:46px;
	background:url(../img/sp_menu_btn.png);
	background-size:cover;
	cursor:pointer;
}

#NaviBtn.closeBtn {
	background:url(../img/sp_menu_btn_close.png);
	background-size:cover;
}

.ContBox {
	padding:20px;
	padding-bottom:40px;
	overflow:hidden;
	position:relative;
	font-family:'Lato', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear:both;
}

.ContBox img {
	max-width:100%;
}

.ContBox h2 {
	font-family: 'Lato', sans-serif;
	font-size:4em;
	font-weight:400;
	margin:0;
	padding:0;
	position:relative;
	z-index:100;
}

.ContBox h2 strong {
	font-size:0.2em;
	display:inline-block;
	padding:2px;
	line-height:1.2em;
	padding-left:5px;
	padding-right:5px;
}

.ContBox h2 span {
	font-weight:300;
}

.ContBox p {
	font-family: 'Lato', sans-serif;
	font-size:1em;
	font-weight:400;
	line-height:1.7;
}

.ContBox p sup {
	font-size:0.7em;
}

.Caption {
	font-size:0.65em;
	line-height:1.5;
}

.MoreBtn {
	padding-top:15px;
	padding-bottom:25px;
	width:240px;
	font-family: 'Lato', sans-serif;
}

.MoreBtn a {
	display:block;
	font-size:0.85em;
	font-weight:500;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#FFF;
}

.MoreBtn a span {
	display:inline-block;
}

.MoreBtn a.soon {
	background:#999 url(../img/more_link_arrow.png) no-repeat 96%;
}

.MoreBtn a.Link {
	text-decoration:none;
	transition: all  0.3s ease;
}

.MoreBtn a.Link:hover {
	opacity:0.8;
}

/*==========================
トップページ
==========================*/
#topCont {
	max-width:1200px;
	margin:auto;
}

/* メインキャッチ */
#topCont h2 {
	padding-left:4%;
	padding-top:2%;
}

/* メイン画像 */
#topPhoto {
	position:relative;
	z-index:100;
}

#topPhoto img {
	width:100%;
}

/* 指アニメーション */
#topYubi {
	position:absolute;
	top:0;
	right:-80px;
	z-index:1;
	opacity:0.7;
	width:40%;
}

#topYubi img {
	width:100%;
}

/* 指本体 */
#topYubiMain {
	z-index:100;
	position:absolute;
	top:10px;
	left:0;
	opacity:0;
}

#topYubiAni01 {
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

#topYubiAni02 {
	z-index:9;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

#topYubiAni03 {
	z-index:8;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

/* デザイン・機能性 */
#design {
	color:#FFF;
	background:#000;
}

#designBG {
	background:url(../img/design_ph.png) no-repeat 116% center;
	background-size:50%;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#designBG02 {
	background:url(../img/design_BG.png) no-repeat 120% 0;
	background-size:60%;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#desingTextWrapper {
	position:relative;
	z-index:10;
	margin-left:-50px;
}

#design h2 strong {
	background:#FFF;
	color:#000;
}

#design h2 span {
	display:block;
}

#design h2 {
	padding-bottom:15px;
	padding-left:4%
}

#design p {
	padding-left:4%
}

#design .Caption {
	padding-left:4%
}

#design .MoreBtn {
	padding-left:4%
}

#design .MoreBtn a.Link {
	background:#E4007E url(../img/more_link_arrow.png) no-repeat 96%;
}

#design .MoreBtn a.Link:hover {
	background:#E4007E url(../img/more_link_arrow.png) no-repeat 98%;
}


/* ナビゲーション */
#navi {
	text-align:center;
	background:#FFF url(../img/navi_BG.png) no-repeat 0 120px;
	background-size:100%;
}

#navi h2 strong {
	background:#000;
	color:#FFF;
}

#navi .MoreBtn {
	margin:auto;
}

#navi .MoreBtn a {
	text-align:left;
}

#naviSlider {
	max-width:900px;
	margin:auto;
}

#navi .MoreBtn a.Link {
	background:#00A0E8 url(../img/more_link_arrow.png) no-repeat 96%;
}

#navi .MoreBtn a.Link:hover {
	background:#00A0E8 url(../img/more_link_arrow.png) no-repeat 98%;
}

/* テレビ・AV機能 */
#media {
	background:#CBCCCC;
	position:relative;
}

#mediaTextWrapper {
	position:relative;
	z-index:100;
	margin-left:50px;
}

#mediaBG {
	background:url(../img/media_BG.jpg) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background-size:cover;
}

#media h2 strong {
	background:#000;
	color:#FFF;
}

#media h2 {
	padding-bottom:15px;
	padding-left:50%;
}

#media p {
	padding-left:50%
}

#media .MoreBtn {
	padding-left:50%
}

#media .MoreBtn a.Link {
	background:#3DAB49 url(../img/more_link_arrow.png) no-repeat 96%;
}

#media .MoreBtn a.Link:hover {
	background:#3DAB49 url(../img/more_link_arrow.png) no-repeat 98%;
}

/*ラインナップ*/
#lineup {
	background:#FFF;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}

#LineupBox01 {
	width:700px;
	overflow:hidden;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
	clear:both;
}

#LineupBox02 {
	overflow:hidden;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
	clear:both;
	border-top:1px solid #CCC;
	max-width:1000px;
}

.lineupLeft {
	float:left;
	border-right:1px solid #CCC;
	text-align:center;
	position:relative;
}

.lineupCenter {
	float:left;
	border-right:1px solid #CCC;
	text-align:center;
	position:relative;
}

.lineupRight {
	float:right;
	text-align:center;
	position:relative;
}

#LineupBox01 .lineupLeft {
	width:49%;
}

#LineupBox01 .lineupRight {
	width:49%;
}

#LineupBox02 .lineupLeft {
	width:33%;
}

#LineupBox02 .lineupCenter {
	width:33%;
}

#LineupBox02 .lineupRight {
	width:33%;
}


#lineup .LineupLink {
	width:230px;
	padding-top:15px;
	margin:auto;
}

#lineup .LineupLink a {
	display:block;
	font-size:0.85em;
	font-weight:500;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#FFF;
	transition: all  0.3s ease;
	text-decoration:none;
}

#lineup .LineupLink a.soon {
	background:#999 url(../img/more_link_arrow.png) no-repeat 96%;
}

#lineup .LineupLink a.Link {
	background:#000 url(../img/more_link_arrow.png) no-repeat 96%;
}

#lineup .LineupLink a.Link:hover {
	background:#000 url(../img/more_link_arrow.png) no-repeat 98%;
}


/* ページの先頭に戻る */
#BackToTop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index:10000;
	cursor:pointer;
}

#BackToTop a {
	display: block;
	width: 80px;
	height: 80px;
	background:url(../img/backtotop_icon.png) no-repeat;
	text-indent:-9999px;
	opacity:0.7;
	transition: all  0.3s ease;
}

#BackToTop a:hover {
	opacity:1;
}

/* 下にスクロール */
#ScrollIcon {
	width: 50px;
	height: 50px;
	opacity:1;
	position: fixed;
	bottom: 20px;
	left:50%;
	margin-left:-25px;
	z-index:10000;
	cursor:pointer;
	display:none;
}

#ScrollIcon a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent:-9999px;
	transition: all  0.3s ease;
	background:url(../img/scroll_icon.png) no-repeat;
	background-size:cover;
}

/* 共通フッター */
#FooterLink {
	text-align:center;
	font-size:12px;
	color:#CCC;
	padding-bottom:20px;
	padding-top:20px;
	background:#FFF;
}

#FooterLink a {
	color:#222;
	text-decoration:none;
}

#FooterLink a:hover {
	text-decoration:underline;
}

#FooterLink p {
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	color:#666;
	padding-top:15px;
	font-size:10px;
}


#FooterWrapper {
	background:#222;
	padding-top:30px;
	overflow:hidden;
	clear:both;
	font-family:'Lato', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#FooterWrapper h3 {
	font-size:15px;
	color:#FFF;
	padding-bottom:15px;
}

#FooterProductBox01 {
	width:960px;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:960px;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterProductBox01 li {
	width:315px;
	height:75px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
}

#FooterWrapper li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	transition: all  0.3s ease;
}

#FooterWrapper li a:hover {
	opacity:0.7;
}

#FooterProductBox01 li .ProductImg {
	float:left;
	width:95px;
}

#FooterWrapper li h4 {
	font-size:16px;
	padding-top:15px;
}

#FooterWrapper li h4 strong {
	background:url(../img/footer_seisan_end_icon.png) no-repeat right;
	padding-right:48px;
}

#FooterWrapper li p {
	font-size:10px;
	padding-top:5px;
}

#FooterProductLeft {
	width:540px;
	float:left;
}

#FooterProductLeft li {
	width:175px;
	height:60px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
}

#FooterProductLeft li .ProductImg {
	float:left;
	width:68px;
}

#FooterProductLeft li h4 {
	padding-top:10px;
	font-size:15px;
}

#FooterProductRight {
	width:420px;
	float:right;
}

#FooterProductRight li {
	width:210px;
	height:60px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
}

#FooterProductRight li .ProductImg {
	float:left;
	width:68px;
}

#FooterProductRight li h4 {
	padding-top:0;
	font-size:15px;
}

#FooterProductRight li p {
	padding-bottom:3px;
}


#FooterCopyright {
	width:960px;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:20px;
	margin:auto;
}

#FooterCopyright  h2 {
	float:left;
}

#FooterCopyright  p {
	float:right;
	color:#CCC;
	font-size:10px;
}

#FooterCopyright h2 img {
	height:20px;
}

.SP {
	display:none;
}

.PC {
	display:block;
}

.clear {clear:both;}

/* 1200px以下 */
@media only screen and (min-width: 1200px) {
#designBG {
	background:url(../img/design_ph.png) no-repeat 90% center;
	background-size:46%;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#designBG02 {
	background:url(../img/design_BG.png) no-repeat 90% 0;
	background-size:60%;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#mediaBG {
	background:url(../img/media_BG.jpg) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
	background-size:80%;
}
}

/* 960px以下 */
@media only screen and (max-width: 960px) {
/* 製品ラインアップ */
#LineupBox02 .lineupLeft,
#LineupBox02 .lineupCenter,
#LineupBox02 .lineupRight {
	height:350px;
	box-sizing:border-box;
}

#LineupBox02 .lineupCenter {
	width:34%;
}

#LineupBox02 .lineupLeft img,
#LineupBox02 .lineupCenter img,
#LineupBox02 .lineupRight img {
	position:absolute;
	bottom:60px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	margin:auto;
	left:2%;
}

#LineupBox02 .LineupLink {
	width:90%;
	margin:auto;
	position:absolute;
	bottom:0;
	left:5%;
}


/* フッター製品 */
#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterWrapper {
	background:#222;
	padding-top:30px;
	overflow:hidden;
	clear:both;
}

#FooterWrapper h3 {
	font-size:1em;
	color:#FFF;
	padding-bottom:20px;
	clear:both;
	font-weight:bold;
}

#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterProductBox01 li {
	width:33%;
	height:85px;
	float:left;
	color:#FFF;
	padding-bottom:5px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterWrapper li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	transition: all  0.3s ease;
	overflow:hidden;
}

#FooterWrapper li a:hover {
	opacity:0.7;
}

#FooterProductBox01 li .ProductImg {
	float:left;
	width:100px;
}

#FooterWrapper li h4 {
	font-size:1em;
	padding-top:5px;
}

#FooterWrapper li h4 strong {
	background:url(../img/footer_seisan_end_icon.png) no-repeat right;
	padding-right:48px;
}

#FooterWrapper li p {
	font-size:0.65em;
	padding-top:5px;
}

#FooterWrapper li .ProductImg img {
	max-width:90%;
}

#FooterProductLeft {
	width:100%;
	float:none;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-bottom:15px;
}

#FooterProductLeft li,
#FooterProductRight li {
	width:33%;
	height:75px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterProductLeft li .ProductImg,
#FooterProductRight li .ProductImg {
	float:left;
	width:70px;
}


#FooterProductLeft li h4,
#FooterProductRight li h4 {
	padding-top:0px;
	font-size:0.85em;
}

#FooterProductRight {
	width:100%;
	padding-top:25px;
	clear:both;
	float:none;
	overflow:hidden;
}

#FooterCopyright {
	width:90%;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:20px;
	margin:auto;
}

#FooterCopyright h2 {
	float:none;
	text-align:center;
	padding-bottom:5px;
}

#FooterCopyright p {
	float:none;
	color:#CCC;
	text-align:center;
	font-size:0.55em;
}
}

/* 850px以下 */
@media only screen and (max-width: 850px) {
/* 製品ラインアップ */
#LineupBox02 .lineupLeft,
#LineupBox02 .lineupCenter,
#LineupBox02 .lineupRight {
	height:320px;
	box-sizing:border-box;
}
}

/* iPad用 */
@media only screen and (max-width: 768px) {
#MainNavi li {
	float:left;
	padding-left:15px;
	padding-right:0;
	width:25%;
	box-sizing:border-box;
	line-height:36px;
}

.ContBox h2 {
	font-size:3.5em;
	line-height:1.3;
}
.ContBox h2 strong {
	font-size:0.23em;
	display:inline-block;
	padding:2px;
	line-height:1.2em;
	padding-left:5px;
	padding-right:5px;
}

.ContBox h2 span {
	font-weight:300;
}

.ContBox p {
	font-family: 'Lato', sans-serif;
	font-size:0.85em;
	font-weight:400;
	line-height:1.7;
}

#design {
	color:#FFF;
	background:#000 url(../img/design_ph_all.png) no-repeat 116% center;
	background-size:50%;
}

#designBG,
#designBG02 {
	display:none;
}

#desingTextWrapper {
	margin-left:0;
}

#mediaBG {
	background:url(../img/media_BG_sp.jpg) no-repeat left;
	background-size:cover;
}

#mediaTextWrapper {
	margin-left:0;
}


/* 製品ラインアップ */
#LineupBox02 .lineupLeft,
#LineupBox02 .lineupCenter,
#LineupBox02 .lineupRight {
	height:280px;
	box-sizing:border-box;
}

#LineupBox02 .lineupCenter {
	width:34%;
}

#LineupBox02 .lineupLeft img,
#LineupBox02 .lineupCenter img,
#LineupBox02 .lineupRight img {
	position:absolute;
	bottom:60px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	margin:auto;
	left:2%;
}

#LineupBox02 .LineupLink {
	width:90%;
	margin:auto;
	position:absolute;
	bottom:0;
	left:5%;
}

/* フッター製品 */
#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterWrapper {
	background:#222;
	padding-top:30px;
	overflow:hidden;
	clear:both;
}

#FooterWrapper h3 {
	font-size:1em;
	color:#FFF;
	padding-bottom:20px;
	clear:both;
	font-weight:bold;
}

#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterProductBox01 li {
	width:50%;
	height:85px;
	float:left;
	color:#FFF;
	padding-bottom:5px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterWrapper li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	transition: all  0.3s ease;
	overflow:hidden;
}

#FooterWrapper li a:hover {
	opacity:0.7;
}

#FooterProductBox01 li .ProductImg {
	float:left;
	width:100px;
}

#FooterWrapper li h4 {
	font-size:1em;
	padding-top:5px;
}

#FooterWrapper li h4 strong {
	background:url(../img/footer_seisan_end_icon.png) no-repeat right;
	padding-right:48px;
}

#FooterWrapper li p {
	font-size:0.8em;
	padding-top:5px;
}

#FooterWrapper li .ProductImg img {
	max-width:90%;
}

#FooterProductLeft {
	width:100%;
	float:none;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-bottom:15px;
}

#FooterProductLeft li,
#FooterProductRight li {
	width:50%;
	height:75px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterProductLeft li .ProductImg,
#FooterProductRight li .ProductImg {
	float:left;
	width:70px;
}


#FooterProductLeft li h4,
#FooterProductRight li h4 {
	padding-top:0px;
	font-size:0.85em;
}

#FooterProductRight {
	width:100%;
	padding-top:25px;
	clear:both;
	float:none;
	overflow:hidden;
}

#FooterCopyright {
	width:90%;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:20px;
	margin:auto;
}

#FooterCopyright h2 {
	float:none;
	text-align:center;
	padding-bottom:5px;
}

#FooterCopyright p {
	float:none;
	color:#CCC;
	text-align:center;
	font-size:0.55em;
}

/* 下にスクロール */
#ScrollIcon {
	margin-left:-9999px;
}

}

/* スマホ用（4.7インチ以上） */
@media only screen and (max-width: 414px) {
header {
	height:60px;
	position:fixed;
	width:100%;
	box-sizing:border-box;
	z-index:1000;
	top:0;
	left:0;
}

header h1 {
	line-height:60px;
}

header h1 img {
	height:20px;
}
header a:hover {
	opacity:1
}
header h2,
header ul,
#MainNavi {
	display:none;
}

#SubNavi {
	display:block;
}

#SubNavi ul {
	display:none;
}

#topCont {
	padding-top:70px;
}

#topCont h2 {
	padding:10px;
	text-align:center;
}

#topYubi {
	position:absolute;
	top:130px;
	right:-10px;
	z-index:1;
	opacity:0.5;
	width:50%;
}

.ContBox {
	padding:10px;
	padding-bottom:20px;
}

.ContBox h2 {
	font-size:1.5em;
	line-height:1.4;
}

.ContBox h2 strong {
	font-size:0.3em;
	display:inline-block;
	padding:2px;
	line-height:1.2em;
	padding-left:5px;
	padding-right:5px;
}

.ContBox h2 span {
	font-weight:300;
}

.ContBox p {
	font-family: 'Lato', sans-serif;
	font-size:0.6em;
	font-weight:400;
	line-height:1.7;
}

.ContBox .small {
	font-size:0.5em !important;
}

.Caption {
	font-size:0.5em;
	line-height:1.5;
}

.MoreBtn {
	padding-top:25px;
	padding-bottom:25px;
	width:40%;
	font-family: 'Lato', sans-serif;
}

.MoreBtn a {
	display:block;
	font-size:0.7em;
	font-weight:500;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#FFF;
}

.MoreBtn a span {
	display:none;
}

/* デザイン */
#design h2 span {
	display:inline;
}

#design h2 {
	padding-bottom:15px;
	padding-left:0
}

#design p {
	padding-left:0;
	width:52%;
}

#design .Caption {
	padding-left:0
}

#design .MoreBtn {
	padding-left:0
}

/* ナビゲーション　*/
#navi {
	text-align:center;
	background:#FFF url(../img/navi_BG.png) no-repeat 0 60px;
	background-size:100%;
}

#navi p {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

#navi .MoreBtn {
	padding-bottom:0;
}

#naviSlider {
	max-width:100%;
	margin:auto;
}

/* スライダー */
.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -30px 0;
}

.bx-wrapper .bx-controls-direction a {
	display:none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -10px !important;
}

/* テレビ・AV機能 */
#media {
	background:#CBCCCC url(../img/media_BG_sp.jpg) no-repeat 0 0;
	background-size:90%;
}

#media h2 {
	padding-bottom:5px;
	padding-left:48%;
}

#media h2 strong {
	background:#000;
	color:#FFF;
}

#media p {
	padding-left:48%
}

#media .MoreBtn {
	padding-left:48%;
	padding-top:10px;
	padding-bottom:10px;
}

/* ラインナップ */
#LineupBox01,
#LineupBox02 {
	padding-top:0px;
}

/* 製品ラインアップ */
#LineupBox02 .lineupLeft,
#LineupBox02 .lineupCenter,
#LineupBox02 .lineupRight {
	height:auto;
	box-sizing:border-box;
	border-right:0;
}

#LineupBox02 .lineupCenter {
	width:auto;
}

#LineupBox02 .lineupLeft img,
#LineupBox02 .lineupCenter img,
#LineupBox02 .lineupRight img {
	position:static;
	display:block;
	padding-left:0;
	padding-right:0;
	box-sizing:border-box;
	margin:auto;
	left:auto;
}

#LineupBox02 .LineupLink {
	margin:auto;
	position:static;
	bottom:0;
	left:5%;
}


#lineup {
	padding-top:20px;
	padding-bottom:20px;
}

#lineup img {
	width:80%;
}

#LineupBox01 {
	width:100%;
	overflow:hidden;
	margin:auto;
	padding-bottom:20px;
	clear:both;
}

#LineupBox02 {
	width:100%;
	overflow:hidden;
	margin:auto;
	padding-bottom:20px;
	clear:both;
	border-top:1px solid #CCC;
}

.lineupLeft {
	float:none;
	border-right:0;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
}

.lineupCenter {
	float:none;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
}

.lineupRight {
	float:none;
	text-align:center;
	padding-top:20px;
}

#LineupBox01 .lineupLeft {
	width:100%;
	margin:auto;
}

#LineupBox01 .lineupRight {
	width:100%;
	margin:auto;
}

#LineupBox02 .lineupLeft {
	width:100%;
	margin:auto;
}

#LineupBox02 .lineupCenter {
	width:100%;
	margin:auto;
}

#LineupBox02 .lineupRight {
	width:100%;
	margin:auto;
}

#lineup .LineupLink {
	width:60%;
	padding-top:15px;
	margin:auto;
}

#lineup .LineupLink a {
	display:block;
	font-size:0.85em;
	font-weight:500;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#FFF;
}

#lineup .LineupLink a.soon {
	background:#999 url(../img/more_link_arrow.png) no-repeat 96%;
}

/* ページの先頭に戻る */
#BackToTop {
	bottom: 10px;
	right: 10px;
}

#BackToTop a {
	width: 50px;
	height: 50px;
	background:url(../img/backtotop_icon.png) no-repeat;
	background-size:cover;
	opacity:1;
}

/* フッターリンク */
#FooterLink {
	font-size:0.75em;
	color:#FFF;
	padding:15px;
	background:#FFF;
	border-top:1px solid #CCC;
	overflow:hidden;
}

#FooterLink a {
	display:block;
	text-align:left;
	background:url(../img/list_link_arrow.png) no-repeat left;
	padding-left:12px;
	line-height:1.8;
}

/* フッター製品 */
#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterWrapper {
	background:#222;
	padding-top:30px;
	overflow:hidden;
	clear:both;
}

#FooterWrapper h3 {
	font-size:1em;
	color:#FFF;
	padding-bottom:20px;
	clear:both;
	font-weight:bold;
}

#FooterProductBox01 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
}

#FooterProductBox02 {
	width:94%;
	margin:auto;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-top:30px;
}

#FooterProductBox01 li {
	width:50%;
	height:85px;
	float:left;
	color:#FFF;
	padding-bottom:5px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterWrapper li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	transition: all  0.3s ease;
	overflow:hidden;
}

#FooterWrapper li a:hover {
	opacity:1;
}

#FooterProductBox01 li .ProductImg {
	float:left;
	width:70px;
}

#FooterWrapper li h4 {
	font-size:0.8em;
	padding-top:5px;
}

#FooterWrapper li h4 strong {
	background:url(../img/footer_seisan_end_icon.png) no-repeat right;
	background-size:30px;
	padding-right:32px;
}

#FooterWrapper li p {
	font-size:0.5em;
	padding-top:5px;
}

#FooterWrapper li .ProductImg img {
	max-width:90%;
}

#FooterProductLeft {
	width:100%;
	float:none;
	overflow:hidden;
	border-bottom:1px solid #444;
	padding-bottom:15px;
}

#FooterProductLeft li,
#FooterProductRight li {
	width:50%;
	height:75px;
	float:left;
	color:#FFF;
	padding-bottom:25px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterProductLeft li .ProductImg,
#FooterProductRight li .ProductImg {
	float:left;
	width:60px;
}


#FooterProductLeft li h4,
#FooterProductRight li h4 {
	padding-top:0px;
	font-size:0.85em;
}

#FooterProductRight {
	width:100%;
	padding-top:25px;
	clear:both;
	float:none;
	overflow:hidden;
}

#FooterCopyright {
	width:90%;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:20px;
	margin:auto;
}

#FooterCopyright h2 {
	float:none;
	text-align:center;
	padding-bottom:5px;
}

#FooterCopyright h2 img {
	height:16px;
}

#FooterCopyright p {
	float:none;
	color:#CCC;
	text-align:center;
	font-size:0.55em;
}

.SP {
	display:block;
}

.PC {
	display:none;
}

.blur {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  opacity:0.5;
}
}

/* スマホ用（4インチ以下） */
@media only screen and (max-width: 320px) {
#FooterProductBox01 li {
	width:50%;
	height:85px;
	float:left;
	color:#FFF;
	padding-bottom:5px;
	overflow:hidden;
	box-sizing:border-box;
}

#FooterWrapper li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	transition: all  0.3s ease;
	overflow:hidden;
}

#FooterProductBox01 li .ProductImg {
	float:left;
	width:50px;
}

#FooterWrapper li h4 {
	font-size:0.7em;
	padding-top:5px;
}

#FooterProductLeft li .ProductImg,
#FooterProductRight li .ProductImg {
	float:left;
	width:50px;
}
}