@charset "utf-8";



*{

	margin:0;

	padding:0;

	box-sizing:border-box;

}



ol, ul{

	list-style-type:none;

}

img{

	vertical-align:top;

	width:100%;

	height:auto;

}



body{

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

}



.img_r{

	float:right;

}



#wrap{

	position:relative;

	max-width:100%;

	width:100%;

	overflow:hidden;

}



/* header */

header{

	width:100%;

	margin:0 auto;

	padding:10px 3.125%;

}

header #header_logo{

	width:158px;

}

header #navi_icon{

	position:absolute;

	right:3.125%;

	top:8px;

	display:block;

	width:30px;

	height:30px;

	cursor:pointer;

}



/* nav */

nav{

	position:absolute;

	top:50px;

	right:-90%;

	width:90%;

	padding:10px;

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

	color:#fff;

	font-size:10px;

	z-index:10;

}

nav a{

	color:#fff;

	text-decoration:none;

	font-weight:bold;

}

nav dt{

	font-weight:bold;

}

nav dd{

	margin:0 10px;

	border-bottom:1px dotted #fff;

	line-height:25px;

}



#contents{

	width:100%;

	margin:0 auto;

}

.inner{

	width:100%;

	margin:0 auto;

}

.btn_detail{

	display:block;

	width:175px;

	margin:0 auto;

}



/* Main Visual*/

#visual_img{

	width:100%;

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

	background-size:cover;

	text-align:center;

}

#visual_img a{

	display:inline-block;

	width:50%;

}





/* SITUATION NAVI */

#situation_nav{

	padding:12px 5% 18px;

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

}

#situation_nav ul{

	width:100%;

	margin:0 auto;

	overflow:hidden;

}

#situation_nav li{

	float:left;

	width:33.3%;

	padding-bottom:5%;

}

#situation_nav li:first-child{

	margin-left:0;

}



/* CONCEPT */

#concept{

	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%;

	padding-top:10%;

	

	display:none;

}



.situation .modal .modal_inner{

	position:relative;

	width:93.75%;

	margin:0 auto;

	padding-bottom:4%;

	background-color:#fff;

	border-radius:6px;

	text-align:center;

}

.situation .modal .modal_inner ul.items{

	display:inline-block;

	margin:0 auto;

	overflow:hidden;

	text-align:center;

}

.situation .modal .modal_inner ul.items li{

	float:left;

	width:33.33%;

}

.situation#situation03 .modal .modal_inner ul.items { width:80%; margin:0 auto; }

.situation#situation03 .modal .modal_inner ul.items li{ width:50%; }

.situation#situation06 .modal .modal_inner ul.items li{ width:25%; }



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

	margin-left:0;

}

.situation .modal .modal_inner .close{

	position:absolute;

	top:-7px;

	right:-7px;

	width:24px;

	height:24px;

	cursor:pointer;

}



.situation .box{

	padding-bottom:3.5%;

	color:#fff;

}

.situation .box a.btn{

	display:block;

	width:68.75%;

	margin:0 auto;

}

.situation h2{

	width:100%;

}

.situation .box .inner{}

.situation .box .inner .text{

	padding:3.125% 4.6875%;

	font-size:11px;

	line-height:1.45;

}

.situation .box .inner .img{}



#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 */

#function{

	padding:5% 0 1%;

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

}

#function h2{

	width:90.625%;

	margin:0 auto;

	padding-bottom:4.5%;

}

#function .inner{

	width:90.625%;

	margin:0 auto;

}

#function ul{

	width:100%;

}

#function ul li{

	padding-bottom:4.5%;

}



#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 */

#products{

	padding:0 0 6.25%;

	font-size:11px;

	line-height:17px;

}

#products h3{

	padding-bottom:10%;

}

#products h2{

	margin-bottom:0;

}

#product01{

	width:90.625%;

	margin:0 auto;

	padding:30px 0 5%;

	border-bottom:2px solid #000;

}

#product01 .img_r{

	display:none;

}

#product02{

	width:90.625%;

	margin:0 auto;

	padding:5% 0 0;

}

#products h4{

	margin-bottom:10px;

	font-size:13px;

	line-height:19px;

	

}

#products ul li{

	margin-bottom:4px;

}

#products .img{

	margin-top:60px;

}



/* OPTION */

#option ul{

	width:75%;

	margin:0 auto;

}

#option ul li{

	margin-bottom:40px;

	text-align:center;

}



/* マイク増設 */

#microphone{

	padding-bottom:50px;

}

#microphone .inner{

	width:90.625%;

	margin:0 auto;

}

#microphone li:first-child{

	margin-bottom:20px;

	padding-bottom:20px;

	border-bottom:2px solid #a1a0a0;

}



/* ACCESSORIES */

#accessories ul{

	width:75%;

	margin:0 auto;

}

#accessories ul li{

	margin-bottom:40px;

	text-align:center;

}



/* よくある質問 */

#qanda{

	padding-bottom:30px;

}

#qanda .inner{

	width:90.625%;

	margin:0 auto;

}

#qanda h3{

	margin-bottom:25px;

	text-align:center;

}

#qanda dl{

	margin:0 auto 15px;

}

#qanda dt, #qanda dd{

	position:relative;

	background-color:#fff;

	border:1px solid #595757;

}

#qanda dt img, #qanda dd img{

	position:absolute;

	left:10px;

	top:50%;

	width:29px;

	height:29px;

	margin-top:-14px;

}

#qanda dt{

	padding:15px 80px 15px 40px;

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

	font-size:11px;

	line-height:14px;

	font-weight:bold;

	cursor:pointer;

}

#qanda dt:after{

	content:"";

	position:absolute;

	right:10px;

	top:50%;

	width:55px;

	height:25px;

	margin-top:-12px;

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

	background-size:55px 25px;

}

#qanda dt.open:after{

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

	background-size:55px 25px;

}

#qanda dd{

	display:none;

	border-top:none;

	font-size:11px;

	line-height:14px;

}

#qanda dd p{

	position:relative;

	padding:15px 20px 15px 40px;

	

}



/* パンくずリンク */

#history{

	width:90.625%;

	margin:0 auto 5px;

	font-size:11px;

}

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



/* フッター */

footer{

	padding:20px 0;

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

	text-align:center;

	color:#fff;

}

footer #pagetopbtn{

	position:fixed;

	right:5px;

	bottom:20px;

	width:62px;

	

	display:none;

}

footer #footer_products_name{

	width:255px;

	margin:0 auto 16px;

}

footer #footer_logo{

	width:175px;

	margin:0 auto 16px;

}

footer address{

	font-size:10px;

	font-style:normal;

}