@charset "utf-8";



*{

	margin:0;

	padding:0;

	box-sizing:border-box;

}



ol, ul{

	list-style-type:none;

}

img{

	vertical-align:top;

}



body{

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.img_r{

	float:right;

}



#wrap{

	position:relative;

	max-width:1260px;

	min-width:980px;

	margin:0 auto;

	padding-top:59px;

	overflow:hidden;

}



/* header */

header{

	position:fixed;

	left:0;

	top:0;

	width:100%;

	height:59px;

	background-color:#fff;

	z-index:15;

}

header .inner{

	position:relative;

	width:960px;

	margin:0 auto;

	padding:8px 0;

}

header #navi_icon{

	position:absolute;

	right:0;

	top:8px;

	cursor:pointer;

}



/* nav */

nav{

	position:fixed;

	top:59px;

	right:-50%;

	width:50%;

	padding:10px;

	background-color:rgba(0, 0, 0, 0.9);

	color:#fff;

	z-index:10;

}

nav a{

	color:#fff;

	text-decoration:none;

	font-weight:bold;

}

nav dt{

	font-weight:bold;

}

nav dd{

	margin:0 30px;

	border-bottom:1px dotted #fff;

	line-height:40px;

}



/* #contents and inner-objects */

#contents{

	max-width:1260px;

	margin:0 auto;

}

.inner{

	width:960px;

	margin:0 auto;

}

a:hover img{

	opacity:0.7;

}



/* Main Visual*/

#visual_img{

	max-width:1260px;

	min-width:960px;

	height:560px;

	margin:0 auto;

	padding:20px 0;

	background:url(../img/pc/visual_bg.jpg) no-repeat center top;

	text-align:center;

}



/* SITUATION NAVI */

#situation_nav{

	padding:12px 0 18px;

	background:url(../img/pc/titlebar_bg.png) repeat center top;

}

#situation_nav ul{

	width:955px;

	margin:0 auto;

	overflow:hidden;

}

#situation_nav li{

	float:left;

	margin-left:11px;

}

#situation_nav li:first-child{

	margin-left:0;

}



/* CONCEPT */

#concept{

	height:720px;

	padding-top:80px;

	background:url(../img/pc/concept_bg.jpg) no-repeat center top;

	text-align:center;

}



/* SITUATION */

.situation{

	position:relative;

	overflow:hidden;

	background-color:#000;

}

.situation.open .default{

	-webkit-filter: blur(10px);

	-moz-filter: blur(10px);

	-ms-filter: blur(10px);

	-o-filter: blur(10px);

	filter: blur(10px);

}

.situation .modal{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	

	display:none;

}

.situation .modal .modal_inner{

	position:absolute;

	left:50%;

	top:50%;

	width:880px;

	height:650px;

	margin-left:-440px;

	margin-top:-325px;

	background-color:#fff;

	border-radius:10px;

	text-align:center;

}

.situation .modal .modal_inner ul.items{

	display:inline-block;

	margin:0 auto;

	overflow:hidden;

}

.situation .modal .modal_inner ul.items li{

	float:left;

	margin-left:12px;

}

.situation .modal .modal_inner ul.items li:first-child{

	margin-left:0;

}

.situation .modal .modal_inner .close{

	position:absolute;

	top:-20px;

	right:-20px;

	cursor:pointer;

}



.situation .box{

	color:#fff;

}

.situation .box a.btn{

	display:inline-block;

	color:#fff;

}

.situation h2{

	position:relative;

	width:960px;

	height:500px;

	margin:0 auto;

}

.situation h2 img{

	position:absolute;

	left:50%;

	top:0;

	margin-left:-630px;

}

.situation .box .inner{

	display:table;

	width:960px;

	padding-bottom:14px;

}

.situation .box .inner .text{

	display:table-cell;

	width:435px;

	vertical-align:middle;

	font-size:0.98em;

	line-height:1.875;

}

.situation .box .inner .img{

	display:table-cell;

	width:525px;

	text-align:right;

}

#situation01 .box{

	background: #db0010;

	background: -moz-linear-gradient(left,  #db0010 0%, #910002 100%);

	background: -webkit-linear-gradient(left,  #db0010 0%,#910002 100%);

	background: linear-gradient(to right,  #db0010 0%,#910002 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0010', endColorstr='#910002',GradientType=1 );

}

#situation02 .box{

	background: #c2b500;

	background: -moz-linear-gradient(left,  #c2b500 0%, #786f00 100%);

	background: -webkit-linear-gradient(left,  #c2b500 0%,#786f00 100%);

	background: linear-gradient(to right,  #c2b500 0%,#786f00 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2b500', endColorstr='#786f00',GradientType=1 );

}

#situation03 .box{

	background: #733783;

	background: -moz-linear-gradient(left,  #733783 0%, #560758 100%);

	background: -webkit-linear-gradient(left,  #733783 0%,#560758 100%);

	background: linear-gradient(to right,  #733783 0%,#560758 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#733783', endColorstr='#560758',GradientType=1 );

}

#situation04 .box{

	background: #008fd6;

	background: -moz-linear-gradient(left,  #008fd6 0%, #0071b7 100%);

	background: -webkit-linear-gradient(left,  #008fd6 0%,#0071b7 100%);

	background: linear-gradient(to right,  #008fd6 0%,#0071b7 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fd6', endColorstr='#0071b7',GradientType=1 );

}

#situation05 .box{

	background: #399b2b;

	background: -moz-linear-gradient(left,  #399b2b 0%, #065e13 100%);

	background: -webkit-linear-gradient(left,  #399b2b 0%,#065e13 100%);

	background: linear-gradient(to right,  #399b2b 0%,#065e13 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#399b2b', endColorstr='#065e13',GradientType=1 );

}

#situation06 .box{

	background: #f4b200;

	background: -moz-linear-gradient(left,  #f4b200 0%, #a75700 100%);

	background: -webkit-linear-gradient(left,  #f4b200 0%,#a75700 100%);

	background: linear-gradient(to right,  #f4b200 0%,#a75700 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b200', endColorstr='#a75700',GradientType=1 );

}



#function{

	min-height:540px;

	padding:54px;

	background:url(../img/pc/function_bg.jpg) no-repeat center bottom;

	text-align:center;

}

#function h2{

	margin-bottom:60px;

}

#function ul{

	width:960px;

	margin:0 auto;

	overflow:hidden;

}

#function ul li{

	float:left;

	width:310px;

	margin:0 15px 30px 0;

	overflow:hidden;

	font-size:14px;

	line-height:20px;

	text-align:left;

}

#function ul li:nth-child(3n){

	margin-right:0;

}

#function ul li img{

	float:left;

	margin-right:5px;

}



#products h2,

#option h2,

#microphone h2,

#accessories h2,

#qanda h2{

	margin-bottom:30px;

	background:url(../img/pc/titlebar_bg.png) repeat center top;

	text-align:center;

}



/* PRODUCTS */

#product01{

	width:960px;

	margin:0 auto 20px;

	padding:0 0 40px;

	border-bottom:2px solid #000;

}

#product01 h3{

	position:relative;

	margin-bottom:70px;

}

#product01 h3 a{

	position:absolute;

	left:360px;

	top:290px;

}



#product02{

	width:960px;

	margin:0 auto;

	padding:0 0 40px;

}

#product02 h3{

	position:relative;

	margin-bottom:70px;

}

#product02 h3 a{

	position:absolute;

	left:360px;

	bottom:0;

}

#products h4{

	margin-bottom:25px;

	font-size:22px;

	line-height:32px;

	

}

#products ul li{

	margin-bottom:8px;

	font-size:16px;

	line-height:24px;

}

#products .img{

	margin-top:60px;

}



/* OPTION */

#option ul{

	width:960px;

	margin:0 auto;

	padding:30px 0 10px;

	overflow:hidden;

}

#option ul li{

	float:left;

	width:300px;

	margin-right:30px;

	margin-bottom:40px;

	text-align:center;

}

#option ul li:nth-child(3n){

	margin-right:0;

}



/* マイク増設 */

#microphone{

	padding-bottom:50px;

}

#microphone li:first-child{

	margin-bottom:20px;

	padding-bottom:20px;

	border-bottom:2px solid #a1a0a0;

}



/* ACCESSORIES */

#accessories ul{

	width:960px;

	margin:0 auto;

	padding:30px 0 10px;

	overflow:hidden;

}

#accessories ul li{

	float:left;

	width:300px;

	margin-right:30px;

	margin-bottom:40px;

	text-align:center;

}

#accessories ul li:nth-child(3n){

	margin-right:0;

}



/* よくある質問 */

#qanda{

	padding-bottom:30px;

}

#qanda h3{

	margin-bottom:44px;

	text-align:center;

}

#qanda dl{

	width:960px;

	margin:0 auto 20px;

}

#qanda dt, #qanda dd{

	position:relative;

	background-color:#fff;

	border:1px solid #595757;

}

#qanda dt img, #qanda dd img{

	position:absolute;

	left:20px;

	top:20px;

}

#qanda dt{

	padding:27px 200px 27px 80px;

	background:url(../img/pc/qanda_q_bg.png) repeat left top;

	font-size:20px;

	line-height:26px;

	font-weight:bold;

	cursor:pointer;

}

#qanda dt:after{

	content:"";

	position:absolute;

	right:20px;

	top:50%;

	width:105px;

	height:36px;

	margin-top:-18px;

	background:url(../img/pc/qanda_icon_open.png) no-repeat 0 0;

}

#qanda dt.open:after{

	background:url(../img/pc/qanda_icon_close.png) no-repeat 0 0;

}

#qanda dd{

	display:none;

	border-top:none;

}

#qanda dd p{

	padding:29px 20px 29px 80px;

	

}



/* パンくずリンク */

#history{

	width:960px;

	margin:0 auto 10px;

	font-size:13px;

}

#history li{

	display:inline-block;

}

#history a{ color:inherit; text-decoration:none; }

#history a:hover{ color:inherit; text-decoration:underline; }



/* フッター */

footer{

	position:relative;

	padding:20px 0;

	background:url(../img/pc/titlebar_bg.png) repeat center top;

	text-align:center;

	color:#fff;

	z-index:20;

}

footer .inner{

	position:relative;

}

footer #pagetopbtn{

	position:fixed;

	left:50%;

	bottom:20px;

	margin-left:410px;



	display:none;

}

footer #footer_logo{

	margin:70px 0 40px

}

footer address{

	font-size:12px;

	font-style:normal;

}