@charset "UTF-8";

.l_half {
	letter-spacing: -0.5em;
}

/*----------------------
 title
---------------------*/

#title {
	width:100%;
	height:100px;
	background-color:#EFEFEF;
	_margin-top:0;
}
#title h2 {
	text-align:center;
	padding-top:32px;
}

/*----------------------
 categoryNav
---------------------*/

#categoryNav {
	width:100%;
	background-color:#EFEFEF;
}
#categoryNav ul {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	height:60px;
	overflow:hidden;
	margin:0 auto;
}
#categoryNav li {
	float:left;
	background-color:#FFF;
}
#categoryNav .current {
	margin-top:-60px;
}
#categoryNav ul.product_name {
	height: 15px;
}
#categoryNav ul.product_name li {
	background: none;
}

/*----------------------
 mainImg
---------------------*/

#mainImg {
	width:100%;
}
#mainImg {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	margin:0 auto;
}
#mainImg img {
	width: 100%;
	height: auto;
}

/*----------------------
 pageNav
---------------------*/

.pageNav {
	width: 100%;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","Osaka","verdana","arial","sans-serif";
}
.pageNav ul {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	height:70px;
	overflow:hidden;
	margin: 0 auto;
}
.pageNav li {
	border-right: solid 1px #eee;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	float:left;
	background-color:#FFF;
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	line-height: 70px;
	font-size: 13px;
	color: #fff;
	background: #990000;
	letter-spacing: 0.05em;
}
.pageNav li.l2 {
	line-height: 20px;
}
.pageNav li.l2.current {
	padding-top: 14px;
}
.pageNav li a {
	display: block;
	color: #000;
	background: #fff;
	text-decoration: none;
}
.pageNav li.l2 a {
	padding-top: 14px;
	height: 70px;
}
.pageNav .pageNavFirst {
	border-left: solid 1px #eee;
}
#pageNavFooter {
	background-color:#EFEFEF;
	padding-bottom: 105px;
}
.pageNavBtm {
	background-color:#EFEFEF;
}


/*----------------------
 interview
---------------------*/

#interview {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	margin:0 auto;
}
#interview .lead {
	margin:30px 0 30px 0;
	font-size: 13px;
}
#interview .lead.mr-btm-l {
	margin-bottom: 40px;
}
#interview .profileContainer {
	width:100%;
	margin-top: 42px;
}
#interview .profileContainer .lead {
	float:left;
	width:500px;
}
#interview .profileContainer .profile {
	float:right;
	margin:25px 0;
}
#interview .profileContainer .txt {
	margin:22px 0 30px 0;
	font-size: 13px;
}
#interview .profileContainer .txt p {
	margin-bottom:1.4em;
}
#interview .profileContainer .txt .img {
	text-align:center;
	float:right;
	margin-left:20px;
}
#interview .profileContainer .border-block {
	border: solid 1px #ccc;
	padding: 20px;
	margin-bottom: 60px;
	width: 938px;
}
#interview .profileContainer .border-block .block-l {
	width: 468px;
	border-right: solid 1px #ccc;
	float: left;
}
#interview .profileContainer .border-block .block-r {
	width: 449px;
	padding-left: 20px;
	float: left;
}
.sp-br {
	display: none;
}
#interview .profileContainer .border-block .name {
	font-weight: bold;
}
#interview .profileContainer .border-block .block-l dt {
	float: left;
	width: 179px;
}
#interview .profileContainer .border-block .block-l dd {
	float: left;
	width: 289px;
}
#interview .profileContainer .border-block .block-r dt {
	float: left;
	width: 169px;
}
#interview .profileContainer .border-block .block-r dd {
	float: left;
	width: 279px;
}
#interview .profileContainer .profile.single {
	float:none;
	margin:25px 0 0px 0;
}
#interview .profileContainer .profile li {
	width:420px;
	height:90px;
	background-color:#fef0f0;
	margin-bottom:1px;
	overflow:hidden;
}
#interview .profileContainer .profile.single li {
	width:420px;
	height:auto;
	background-color:#fef0f0;
	margin-bottom:1px;
	overflow:hidden;
}
#interview .profileContainer .profile li .img {
	float:left;
	width:100px;
	margin-right:10px;
}
#interview .profileContainer .profile li .img img {
	width:100%;
	height:auto;
}
#interview .profileContainer .profile li .txt {
	margin-top:10px;
}
#interview .profileContainer .profile.single li .txt {
	margin:5px 0;
}
#interview .profileContainer .profile li .office {
	font-size:10px;
	line-height:1.6;
	margin:0 0 4px 0;
}
#interview .profileContainer .profile li .name {
	font-weight:bold;
	font-size:14px;
}
#interview .profileContainer .profile.single li .name {
	margin-right: 15px;
	margin-left: 15px;
}
#interview .section {
	clear:both;
	border-top:#b2b2b2 1px dotted;
	padding:30px 0 0 0;
	*padding-top:10px;
}
#interview.manufacturer .section {
	border-top:none;
}
#interview.manufacturer .section:first-child {
	background:url(../images/common_line.gif) center bottom no-repeat;
	margin-bottom:45px;
	padding-bottom:20px!important;
}
#interview.manufacturer .section.line_out {
	background: none !important;
}
#interview .section .block img {
	display: block;
}
#interview .section .img-l {
	float:left;
	margin:0 30px 30px 0;
}
#interview .section .img-l.right-none {
	margin-right: 0;
}
#interview .section .img-l.mr-btm-l {
	margin-bottom: 45px;
}
#interview .section .img-l.mr-btm-l2 {
	margin-bottom: 75px;
}
#interview .section .img-r {
	float:right;
	margin:0 0 30px 30px;
}
#interview .section .img-r.left-none {
	margin-left: 0;
}
#interview .section .img-r.mr-left-l {
	margin-left: 55px;
}
#interview .section .img-r.mr-btm-l {
	margin-bottom: 45px;
}
#interview .section .img-r.mr-btm-l2 {
	margin-bottom: 75px;
}
#interview .section .img-r.mr-top-s {
	margin-top: 23px;
}
#interview .section .img-r.btm-none, #interview .section .img-l.btm-none {
	margin-bottom: 0;
}
#interview .section .img-a img {
	margin:0 0 30px 0;
}
#interview .section .img-a img:first-child {
	margin:0 20px 0 0;
}
#interview .section .heading {
	color:#990000;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:30px;
}
#interview.manufacturer .section .heading {
	text-align:center;
}
#interview .section .com {
	vertical-align: super;
	font-size: 12px;
}
#interview .section .intro {
	margin-bottom:30px;
	font-size: 13px;
}
#interview .section a {
	color: #000;
	display: inline-block;
	text-decoration: none;
	border-bottom: solid 1px #000;
	margin: 0 2px;
}
#interview .section a:hover {
	color: #666;
	border-color: #666;
}
#interview .section a .icon {
	display: inline-block;
}
#interview .section a .icon > img {
	display: block;
	width: 100%;
	height: auto;
}
#interview .section .q {
	color:#990000;
	font-size:14px;
	margin-bottom:15px;
}
#interview .section .q.indent {
	padding-left: 2em;
	text-indent: -2em;
}
#interview .section .music_tit {
	font-size:14px;
	margin-bottom:15px;
	color: #990000;
	font-weight: bold;
}
#interview .section .name {
	font-weight:bold;
	margin-right:10px;
	font-size: 14px;
}
#interview .section .ans {
	margin-bottom:20px;
	font-size: 14px;
}
#interview .section .clearboth {
	clear: both;
}
#interview .section .ans.mr-btm-l {
	margin-bottom: 30px;
}
#interview .section .ans.cb {
	clear: both;
}
#interview .section .note {
	color: #666666;
	font-size: 12px;
}
#interview .section .note.indent {
	padding-left: 1em;
	text-indent: -1em;
}
#interview .section .note.indent.mb-none {
	margin-bottom: 0;
}
#interview .section .productInfo {
	position:relative;
	*position:static;
	height:270px;
}
#interview .section .productInfo div {
	cursor:pointer;
}
#interview .section .productInfo .btn {
	position:absolute;
	left:30px;
	top:220px;
	height:30px;
	overflow:hidden;
	*display:none;
}
#interview .section .note {
	margin-bottom:30px;
}

/*----------------------
 info
---------------------*/

#info {
	width:100%;
	margin: 0 auto;
}
#info .ttl {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	height:15px;
	margin:0 auto;
}
#info .content {
	background-color:#EFEFEF;
}
#info .contentInner {
	width:100%;
	max-width: 1200px;
	min-width: 980px;
	margin:0 auto;
	padding:40px 0;
}
#info .content .img {
	width:200px;
	float:left;
}
#info .content .news {
	margin:0 0 0 230px;
}
#info .content .news .heading {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
}
#info .content .news .txt {
	margin-bottom:20px;
}
#info .content .news .name {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

/*----------------------
 pageTop
---------------------*/

#pageTop {
	width:100%;
	background-color:#EFEFEF;
	height:51px;
	height:48px\9;
	*height:70px;
	_height:30px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#pageTop {
	height:48px;
}
}
#pageTop .btn {
	text-align:center;
	height:30px;
	overflow:hidden;
}
#pageTop .btn a {
	margin:0;
	padding:0;
}

.foot_productx3 {
	/*background: url('../interview/images/foot_product_x3.jpg') 0 0 no-repeat;*/
	width: 100%;
	max-width: 1200px;
	min-width: 980px;
	position: relative;
	margin-bottom: 30px;
	margin-top: 25px;
}
.foot_productx3.mr-top-none {
	margin-top: 0;
}
.foot_productx3 .bg img {
	width: 100%;
}
.foot_productx3 .pc,
.foot_productx3 .pc { display: block; }
.foot_productx3 .sp,
.foot_productx3 .sp { display: none; }

.foot_productx3 .foot_product {
	position: absolute;
	bottom: 20.3125%;
	right: 27.083%;
}
.foot_productx3 .foot_product.long {
	right: 67px;
}
.foot_productx3 .foot_store {
	position: absolute;
	bottom: 20.3125%;
	right: 4.1666%;
}
.foot_productx3 .foot_product, .foot_productx3 .foot_store {
	width: 21.25%;
}
.foot_productx3 .foot_product img, .foot_productx3 .foot_store img {
	width: 100%;
	height: auto;
	display: block;
}

#interview .section.nob {
	border-top: none !important;
}

@media screen and (max-width: 640px) {
.foot_productx3 {
	/*background: url('../interview/images/foot_product_x3_sp.jpg') 0 0 no-repeat;*/
	max-width: 600px;
	min-width: 0;
	width: 90%;
	margin: 0 5%;
	position: relative;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}
.foot_productx3 .pc,
.foot_productx3 .pc { display: none; }
.foot_productx3 .sp,
.foot_productx3 .sp { display: block; }
.foot_productx3 .foot_product {
	position: absolute;
	bottom: 10%;
	right: auto;
	left: 10%;
}
.foot_productx3 .foot_product.long {
	left: 6.6%;
	width: 86.8%;
	max-width: 100%;
}
.foot_productx3 .foot_store {
	position: absolute;
	bottom: 10%;
	right: 10%;
}
.foot_productx3 .foot_product,
.foot_productx3 .foot_store {
	max-width: 35%;
	width: 100%;
}
}
@media screen and (max-width: 640px) {

/*----------------------
 title
---------------------*/

#title {
	width:100%;
	height:auto;
	margin-top:0;
	padding-top:2em;
}
#title h2 {
	text-align:center;
	padding-top:0;
	padding-bottom:1.5em;
}
#title h2 img {
	width:auto;
	height:19px;
}

/*----------------------
 mainImg
---------------------*/

#mainImg {
	width:100%;
	min-width: 0;
}
#mainImg img {
	width:100%;
	height:auto;
}

/*----------------------
 interview
---------------------*/

#interview {
	width:100%;
	min-width: 0;
}
#interview div {
	float:none!important;
}
#interview img {
	float:none!important;
	max-width:100%!important;
	height:auto!important;
}
#interview .copy {
	font-size:16px;
	width:90%;
	margin:1em auto 0;
}
#interview .copy_x3 {
	background: #990000;
	font-size:16px;
	width:95%;
	color: #fff;
	padding: 2.5%;
	margin-bottom:1em;
}
#interview .lead {
	width:90%;
	margin:1em auto;
}
#interview .profileContainer {
	width:90%;
	margin:1em auto 0;
}
#interview .profileContainer .lead {
	float:none;
	width:auto;
}
#interview .profileContainer .profile {
	float:none;
	margin:1em 0;
}
#interview .profileContainer .profile li {
	width:100%;
	height:auto;
}
#interview .profileContainer .profile li .img {
	float:left!important;
	width:24%;
	height:auto;
	margin-right:.5em;
}
#interview .profileContainer .profile li .img img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#interview .profileContainer .profile li .txt {
	width:100%;
	height:auto;
	margin:.5em 1em 0 0;
}
#interview .profileContainer .profile li .office {
	font-size:9px;
	line-height:1.3;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
#interview .profileContainer .profile li .name {
	font-size:12px;
	line-height:1.4;
	margin:.1em 0 0 0;
}
#interview .profileContainer .profile.single li {
	width: auto;
}
#interview .profileContainer .txt {
	margin:1em 0 0 0;
}
#interview .profileContainer .txt .img {
	float:none;
	margin:0 0 .5em 0;
}
#interview .profileContainer .border-block {
	padding: 15px;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#interview .profileContainer .border-block .block-l {
	width: 90%;
	border-right: none;
	border-bottom: solid 1px #ccc;
	float: none;
	padding-bottom: 15px;
}
#interview .profileContainer .border-block .block-r {
	width: 100%;
	padding-left: 0;
	padding-top: 15px;
	float: none;
}
#interview .profileContainer .border-block .block-l dt {
	float: none;
	width: 100%;
}
#interview .profileContainer .border-block .block-l dd {
	float: none;
	width: 100%;
}
#interview .profileContainer .border-block .block-r dt {
	float: none;
	width: 100%;
}
.pc-br {
	display: none;
}
.sp-br {
	display: block;
}
#interview .profileContainer .border-block .block-r dd {
	float: none;
	width: 100%;
}
#interview .section {
	width:90%;
	margin:0 auto;
	padding:1.5em 0 .5em;
}
#interview.manufacturer .section:first-child {
	margin-bottom:0!important;
	padding-bottom:0!important;
}
#interview .section div {
	width:100%!important;
}
#interview .section .block img {
	display: inline;
}
#interview .section .img-l,
#interview .section .img-r,
#interview .section .img-a {
	text-align:center;
	margin:0 0 1em 0;
}
#interview .section .img-r.btm-none, #interview .section .img-l.btm-none {
	margin-bottom: 1em;
}
#interview .section .img-r.mr-left-l {
	margin-left: 0;
}
#interview .section .img-l.mr-btm-l {
	margin-bottom: 1em;
}
#interview .section .img-r.mr-btm-l {
	margin-bottom: 1em;
}
#interview .section .img-l.mr-btm-l2 {
	margin-bottom: 1em;
}
#interview .section .img-r.mr-btm-l2 {
	margin-bottom: 1em;
}
#interview .section .heading {
	color:#990000;
	margin:.5em 0 1.5em;
	text-align:center;
	font-size:13px;
}
#interview .section .com {
	font-size: 10px;
	display: inline-block;
	transform: scale(0.8);
}
#interview .section .intro {
	margin-bottom:1em;
}
#interview .section .q {
	font-size:12px;
	line-height:1.5;
	margin-bottom:1em;
}
#interview .section .music_tit {
	font-size:12px;
	margin-bottom:.5em;
	color: #990000;
	font-weight: bold;
}
#interview .section .name {
	font-size:12px;
	margin-right:.5em;
	font-size: auto;
}
#interview .section .ans {
	font-size:12px;
	margin-bottom:1em;
	font-size: auto;
}
#interview .section .ans.mr-btm-l {
	margin-bottom: 1em;
}
#interview .section .productInfo {
	margin:0 auto 1.8em;
	height:auto;
}
#interview .section.hearing {
	margin:1em auto 0;
}
#interview .section.eng {
	margin:1em auto;
	padding-bottom:0;
}
#interview .section.eng .profile {
	margin:1em auto;
}


/*----------------------
 info
---------------------*/

#info {
	width:100%;
	margin:1em auto 0;
}
#info .ttl {
	width:100%;
	min-width: 0;
	height:10px;
}
#info .ttl img {
	width:90px;
	height:10px;
}
#info .contentInner {
	width:90%;
	min-width: 0;
	margin:0 auto;
	padding:2em 0 0;
}
#info .content .img {
	width:35%;
	margin:0 5% 0 0;
}
#info .content .img img {
	width:100%!important;
	margin:0 auto;
}
#info .content .news {
	margin:0 0 0 40%;
}
#info .content .news .txt {
	margin-bottom:1em;
}
#info .content .news .name {
	margin-bottom:.5em;
}
.bnr {
	padding: 23px 0;
	background: #efefef;
}
.bnr img {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 13px;
	box-sizing: border-box;
	height: auto;
}

/*----------------------
 footerNav
---------------------*/

#footerNav {
	width:94%;
	background:url(../images/mq_panel_bg2.gif) 0 0 repeat;
	margin:2em auto;
}
#footerNav li {
	width:94%;
	height:auto;
	margin:0 auto;
	padding:0;
}
#footerNav li:first-child {
	padding-top:.6em;
}
#footerNav img {
	width:100%;
	height:auto;
	-moz-box-shadow: 0 0 1px #CCC;
	-webkit-box-shadow: 0 0 1px #CCC;
}
#footerNav.manufacturer {
	padding-top:.5em;
}
#footerNav.manufacturer li {
	width:94%;
	height:auto;
	background:url(../images/link_arrow.gif) 96% center no-repeat;
	background-color:#FFF;
	-moz-box-shadow: 0 0 1px #CCC;
	-webkit-box-shadow: 0 0 1px #CCC;
	margin:1em auto;
	padding:0;
}
#footerNav.manufacturer .current {
	color:#FFF;
	background:none;
	background-color:#990000;
}
#footerNav.manufacturer li div {
	font-size:14px;
	margin:0;
	padding:1em 0 1em 1.5em;
	font-weight:bold;
}




}