@charset "utf-8";

/*
//
// products style css / Updating 16.12.2015
// /products/g30/musicserver/index.html
//
*/

.content_links li.active img {
    opacity: 0.5!important;
}
dl.notes dt {
	width: 3%;
    padding-right: 2%;
    float: left;
    clear: left;
}
dl.notes dd {
	float: left;
	width: 95%;
}
dl.notes dd a.e-onkyo_link:after {
	content: "" attr(href) "";
}
#musicserver h1,
#musicserver h2 {
    line-height:0;
}

#musicserver .kvArea {
    position: relative;
    width: 100%;
}
#musicserver .kvArea figure {
    margin:0;
}
#musicserver .kvArea .onSlash {
    bottom: -25px;
    left: 50%;
    margin-left: -19px;
    position: absolute;
}
#musicserver h1 {
    text-align:center;
}
#musicserver h1 sup {
    top: -1.5em;
    font-size: 1em;
    margin-left: 0.2em;
}
@media only screen and (max-width:640px) {

    #musicserver h1 {
        position: relative;
    }
    #musicserver h1 sup {
        position: absolute;
        bottom: 2.8em;
        left: 50%;
        transform: translateX(6.5em);
        font-size: 2.8vw;
        top: auto;
    }
}


#musicserver h2 {
    padding:40px 0 20px 0;
    border-bottom:1px solid #E4E4E4;
}
#musicserver h2 span {
    font-size: 120%;
    margin: 0 0 0 10px;
    vertical-align: 8px;
}
#musicserver h2 span.vAlign3 {
    vertical-align:3px;
}
#musicserver h3 {
    margin:0 0 20px;
    text-align:center;
}
#musicserver .lineH0 {
    line-height:0;
}
#musicserver .lineH0 a {
    display:block;
}
#musicserver .headding {
    font-size: 170%;
    margin: 30px 0 0;
    text-align: center;
	line-height: 1.8;
}
#musicserver .read {
    line-height: 200%;
    margin-top: 20px;
    text-align: center;
}

#musicserver .tabAcc {
    cursor:pointer;
}
#musicserver .tabAcc .inner {
    position: relative;
    width: 100%;
}
#musicserver .tabAcc .inner .listBc {
    width:100%;
}
#musicserver .tabAcc .inner .tab_name {
    left: 10%;
    position: absolute;
    top: 15%;
    width: 80%;
}
#musicserver .tabAcc .inner .tab_name img {
    width: 14.4%;
    display:block;
}
#musicserver .tabAcc .inner .tab_name span {
    display: block;
    font-size: 140%;
    line-height: 150%;
    margin: 5px 0 0;
}
#musicserver .tabContent .tabTitle p.main_tit {
    margin-bottom: 20px;
    font-size: 150%;
}
#musicserver .parts_image {
    margin:30px 0 0;
}
#musicserver .inner p.asta {
	margin-top: 16%;
}
#musicserver .lisrArrow {
    display: none;
    line-height: 0;
    position: relative;
    text-align: center;
    top: 1px;
}
#musicserver .tabContent {
    display:none;
    clear:both;
    padding:40px;
    border: 1px solid #dfdfdf;
    margin-bottom:15px;
}
#musicserver .col3-resp{
    margin-bottom:10px;
}
#musicserver .tabContent .inner .col1-resp,
#musicserver .tabContent .inner .col2-resp,
#musicserver .tabContent .inner .col3-resp,
#musicserver .tabContent .inner .col4-resp {
    margin-top:30px;
    margin-bottom:0;
}
#musicserver .tabContent .inner .col1-resp p,
#musicserver .tabContent .inner .col2-resp p,
#musicserver .tabContent .inner .col3-resp p {
    font-size:110%;
    line-height:200%;
}
#musicserver .tabContent .tabTitle .gray-belt {
    overflow:hidden;
}
#musicserver .tabContent .tabTitle .gray-belt span {
    background: #666;
    color: #fff;
    float: left;
    font-size: 130%;
    margin: 0 0 25px;
    padding: 5px 15px;
}
#musicserver .tabContent .tabTitle p {
    font-size:120%;
}
#musicserver .tabContent .tabTitle h2 {
    border: medium none;
    display: inline;
    font-size: 200%;
    line-height: 160%;
    margin: 0 10px 0 0;
    padding: 0;
}
#musicserver .tabContent .tabTitle span {
    font-size:120%;
    display:block;
}
#musicserver .tabContent .tabTitle .pc_inline {
    display:inline;
}
#musicserver .col1-resp.pcs-3 .co3-1 {
	width: 65.007%;
}
#musicserver .col1-resp.pcs-3 .co3-2,
#musicserver .col1-resp.pcs-3 .co3-3 {
	width: 30.725%;
	float: right;
	margin-right: 0;
}
#musicserver .col1-resp.pcs-3 .co3-3 {
	 margin-top: 2.2%;
}
#musicserver .col2-resp.pcs-2 .co2-1 {
	width: 39.622%;
}
#musicserver .col2-resp.pcs-2 .co2-2 {
	width: 55.873%;
	float: right;
}
#musicserver .specification_detail {
    margin:40px 0 0;
}
#musicserver .specification_detail dl.detail {
    float: left;
    width: 37%;
}
#musicserver .specification_detail .pc_width_free {
    width: 142%;
}
#musicserver .specification_detail dl.detail > p {
    font-size: 140%;
    margin-bottom: 5px;
}
#musicserver .specification_detail dt {
    display:inline;
    border-bottom:1px solid #E0E0E0;
    padding:0 0 5px;
}
#musicserver .specification_detail dt span {
    border-left:3px solid #B2B2B2;
    padding:0 0 0 7px;
    font-size: 140%;
    line-height: 200%;
}
#musicserver .specification_detail dd {
    margin: 10px 0 25px;
}
#musicserver .specification_detail dd span.pd-l {
	padding-left: 83px;
}
#musicserver .specification_detail .price_detail {
    width:63%;
    float:right;
	text-align: right;
}
#musicserver .specification_detail .price_detail .name {
    line-height: 0;
}
#musicserver .specification_detail .price_detail .price,
#musicserver .specification_detail .price_detail figure {
	width: 100%;
	max-width: 556px;
}
#musicserver .specification_detail .g30l_add {
	width: 100%;
	max-width: 394px;
}

#musicserver .specification_detail .price_detail .price {
    margin: 10px 0 0 10px;
    font-size: 15.6px;
    clear: right;
    float: right;
    text-align: left;
}
#musicserver .specification_detail .price_detail .price + img {
    margin: 30px 0;
}
#musicserver .specification_detail .price_detail figure {
	margin: 0;
	float: right;
	text-align: left;
}
#musicserver .specification_detail .price_detail span.comingup {
	font-size: 130%;
	vertical-align: bottom;
}
#musicserver .specification_detail .price_detail .g30l_add span.comingup {
	font-size: 48%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#musicserver .specification_detail .price_detail figure img {
   height: 24px;
   vertical-align: middle;
}
#musicserver .specification_detail .col2-resp {
    margin-bottom:0;
    margin-top:25px;
}

#musicserver .specification_detail .g30l_add {
	border: 1px solid #E4E4E4;
	padding: 20px;
	margin-top: 50px;
	box-sizing: border-box;
	float: right;
	text-align: left;
    font-size: 13.2px;
	line-height: 200%;
}
#musicserver .specification_detail .g30l_add .above {
	padding-bottom: 4%;
}
#musicserver .specification_detail .g30l_add .above p + p {
	margin-top: 3%;
}
#musicserver .specification_detail .g30l_add .above .spec_img02 {
	clear: both;
	padding: 20px 0 10px;
}
#musicserver .specification_detail .g30l_add .above .spec_img02 > img {
	width: 100%;
	vertical-align: bottom;
}
#musicserver .specification_detail .g30l_add .above p.price {
	margin: 0;
	margin-top: 1%;
}
#musicserver .specification_detail .g30l_add p.g30l_tit {
    font-size: 250%;
    font-family: 'DIN Regular';
}
#musicserver .specification_detail .g30l_add p.g30l_tit sup{
    font-size: .4em;
    top: -0.3em;
}

#musicserver .specification_detail .g30l_add .below {
	padding-top: 4%;
	border-top: 1px solid #E4E4E4;
}
#musicserver .specification_detail .g30l_add .below p + p {
	margin-top: 3%;
}
#musicserver .specification_detail .g30l_add .below p:last-child {
	font-size: 12px;
    line-height: 1.8;
}
/*content_links*/
#musicserver .content_links {
    margin:0 0 40px;
}
#musicserver .content_links ul {
    overflow:hidden;
}
#musicserver .content_links li {
    float: left;
    margin-left: 1.7%;
    width: 49.1%;
    color:#666;
}
#musicserver .content_links li a {
    color:#666;
    text-decoration:none;
}
#musicserver .content_links li:first-child {
    margin-left:0;
}
#musicserver .content_links li img {
    width:100%;
    display:block;
    margin:0 0 10px;
}
#musicserver .content_links li span {
    display: block;
    font-size: 170%;
}
/*movie*/
#musicserver .movie {
    text-align:center;
}
#musicserver .notes {
    margin:30px 0 0;
	padding-left: 1.7%;
}
#musicserver .notes ul li:before {
	content: '◎ ';
}
#musicserver .notes ul li.asta:before {
	content:'※';
}
#musicserver .notes ul li.star:before {
	content:'★';
}
#musicserver .notes ul li {
	text-indent: -1.7%;
}
#musicserver span.order {
	display: inline !important;
	background-color: #c4c4c4;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px !important;
    vertical-align: bottom;
	margin-left: 10px;
}
#musicserver .g30l_add span.order {
	vertical-align: text-top;
}

#musicserver .specification_detail .price_detail figure.vgpmark {
    display: block;
    float: right;
    margin-top: 5%;
}
#musicserver .specification_detail .price_detail figure.vgpmark img {
    width: 58.5%;
    height: auto;
}
.m12 {
    margin: 12% 0 12%;
}
.co2-1 .pdf_img {
    width: 13px !important;
}
.co2-1 .pdf_color {
    color: #3e6fcf;
}
.co2-1 .pdf_color:hover {
    color: #3e6fcf !important;
    text-decoration: underline;
}

@media only screen and (max-width:840px) {
    #musicserver .tabAcc .inner .tab_name {
        left: 5%;
        top: 10%;
        width: 90%;
    }
    #musicserver .tabAcc .inner .tab_name span {
        font-size: 110%;
        line-height: 140%;
        margin: 5px 0 0;
    }
}
@media only screen and (max-width:670px) {
	dl.notes dd br.mobile-only {
	display: block !important;
}
}
@media only screen and (max-width:640px) {
    .m12 {
        margin: 2% 0;
    }
    .sp_mB40 {
        margin-bottom:40px !important;
    }
    #musicserver .kvArea .onSlash {
        bottom: -12px;
        margin-left: -9px;
        width: 18px;
    }
   /* #musicserver h1 img {
        width:252px;
    }*/
    #musicserver h2.title-parts img {
        width: 52px;
    }
    #musicserver h2.title-specification img {
        width: 115px;
    }
    #musicserver h2.title-gallery img {
        width:68px
    }
    #musicserver h2 {
        padding: 0 0 12px;
    }
    #musicserver h3 {
        background: #efefef;
        padding: 20px;
        margin:0;
    }
    #musicserver h3.title-r1 img {
        width:211px;
    }
    #musicserver .specification_detail {
        margin: 13px 0 0;
    }
	#musicserver .specification_detail dd span.pd-l24 {
	padding-left: 70px;
	}
    #musicserver .specification_detail .price_detail .name img {
        width:202px;
    }
    #musicserver .specification_detail .price_detail .price {
/*    font-size: 110%;*/
        font-size: 90%; /* 2016-08-04 */
    margin: 1% 0 0 0;
    text-align: center;
    }
	#musicserver .specification_detail .price_detail .price + img {
	margin-top: 0;
}
    #musicserver .headding {
        font-size: 100%;
        margin: 13px 0 6px;
		line-height: 1.7;
    }
    #musicserver .read {
        line-height: 160%;
        margin: 0 15px;
        text-align: left;
    }
	#musicserver dl.notes {
    font-size: 85%;
	}
	dl.notes dt {
	width: 5%;
	padding-right: 2%;
	}
	dl.notes dd {
    width: 93%;
}
	#musicserver dl.notes a {
    font-size: 125%;
    margin-left: -7%;
}
#musicserver .specification_detail .price_detail .g30l_add span.comingup {
	display: block;
    text-align: center;
}
@media only screen and (max-width:320px) {
	#musicserver dl.notes a {
    font-size: 105%;
}
}
    #musicserver .tabAcc .inner .listBc {
        display:none;
    }
    #musicserver .tabAcc .inner .tab_name {
        overflow: hidden;
        padding: 20px;
        position: static;
        width: auto;
        background:url(/products/common/images/sp_open.png) 93% center no-repeat;
        background-size: 4% auto;
    }
    #musicserver .tab_active .inner .tab_name {
        background:url(/products/common/images/sp_close.png) 93% center no-repeat;
        background-size: 4% auto;
    }
    #musicserver .tabAcc .inner .tab_name img {
        float: left;
        width: 8%;
    }
    #musicserver .tabAcc .inner .tab_name span {
        float: right;
        margin: 0;
        padding: 0 21% 0 0;
        width: 80%;
    }
    #musicserver .tabContainer {
        margin-bottom:0;
    }
    #musicserver .tabAcc,
    #musicserver .tabContent {
        background:#efefef;
        border:none;
    }
    #musicserver .tabAcc {
        margin:1px 0 0;
    }
    #musicserver .tabContent {
        padding:0 10px 10px;
        margin-bottom:0;
    }
	#musicserver .tabContent .tabTitle p {
    font-size: 110%;
}
	#musicserver .tabContent .tabTitle p.main_tit {
    margin-bottom: 5%;
    font-size: 135%;
	}
    #musicserver .tabContent .tabTitle h2 {
        font-size: 150%;
        line-height: 120%;
    }
    #musicserver .tabContent .tabTitle .pc_inline {
        display: block;
    }
    #musicserver .tabContent .inner {
        padding:10px;
        background:#ffffff;
    }
    #musicserver .tabContent .inner .col1-resp,
    #musicserver .tabContent .inner .col2-resp,
    #musicserver .tabContent .inner .col3-resp,
    #musicserver .tabContent .inner .col2-resp_rs {
        margin:10px 0 0;
    }
    #musicserver .tabContent .inner .col1-resp p,
    #musicserver .tabContent .inner .col2-resp p,
    #musicserver .tabContent .inner .col3-resp p {
        line-height:160%;
    }
	#musicserver .inner p.asta {
    margin-top: 5%;
	}
    #musicserver .lisrArrow {
        display:none !important;
    }
    #musicserver .col2-resp {
        margin-top:0 !important;
    }
    #musicserver .col3-resp .co3-1,
    #musicserver .col3-resp .co3-2,
    #musicserver .col3-resp .co3-3,
	#musicserver .col1-resp.pcs-3 [class^=co3] {
        float:none;
        margin-right:0;
        width:100%;
    }
	#musicserver .col1-resp.pcs-3 [class^=co3] {
	margin-bottom: 10px;
	}
    #musicserver .col2-resp .co2-1,
    #musicserver .col2-resp .co2-2,
	#musicserver .col2-resp.pcs-2 [class^=co2] {
        float:none;
        width:100%;
        margin:0;
    }
    #musicserver .col2-resp .co2-1 img,
    #musicserver .col2-resp .co2-2 img,
    #musicserver .col3-resp .co3-1 img,
    #musicserver .col3-resp .co3-2 img,
    #musicserver .col3-resp .co3-3 img {
        width:100%;
    }
    #musicserver .col2-resp .co2-1,
    #musicserver .col2-resp .co2-2,
    #musicserver .tabContent .col3-resp .co3-1,
    #musicserver .tabContent .col3-resp .co3-2,
    #musicserver .tabContent .col3-resp .co3-3,
	#musicserver .col2-resp.pcs-2 [class^=co2] {
        margin-top:10px;
     }
    #musicserver .specification_detail dl.detail,
    #musicserver .specification_detail .price_detail,
	#musicserver .specification_detail .price_detail .price,
	#musicserver .specification_detail .price_detail figure,
	#musicserver .specification_detail .g30l_add,
	#musicserver .specification_detail .pc_width_free {
        width:100%;
        float:none;
		max-width: 100%;
    }
	#musicserver .specification_detail .g30l_add {
    line-height: 180%;
	font-size: 12px;
}
#musicserver .specification_detail .g30l_add p.g30l_tit {
    text-align: center;
    font-size: 215%;
}
#musicserver .specification_detail .g30l_add .below p:last-child {
    font-size: 10px;
    line-height: 1.6;
}
#musicserver .specification_detail .price_detail span.comingup {
    font-size: 13px;
}
	#musicserver .specification_detail .pc_width_free {
	border-bottom: none;
	}
	#musicserver .specification_detail .price_detail figure {
    float: none;
    text-align: center;
}
#musicserver .specification_detail .price_detail figure span {
	display: block;
	padding: 1% 0 0 0;
}
	#musicserver .specification_detail .price_detail figure img {
    height: 7.48vw;
}
    #musicserver .specification_detail dt {
        border-bottom: none;
    }
    #musicserver .specification_detail dt span {
        font-size:125%;
    }
    #musicserver .specification_detail .detail dd {
        font-size: 83%;
        line-height: 160%;
        margin: 0 0 15px;
        padding: 0 0 10px;
    }
    #musicserver .specification_detail dd {
        border-bottom: 1px dashed #cbcbcb;
        margin: 10px 0 15px;
        padding: 0 0 15px;
    }
    #musicserver .specification_detail .price_detail {
        margin:30px 0 0;
    }
    #musicserver .specification_detail .price_detail .price_content {
        text-align:center;
    }

    /*content_other*/
    #musicserver .content_links li img {
        display:none;
    }
    #musicserver .content_links li {
        border-bottom:1px solid #efefef;
        float:none;
        width:auto;
        margin:0;
    }
    #musicserver .content_links li.active {
        padding:10px;
        opacity:0.6;
    }
    #musicserver .content_links li a {
        display:block;
        padding:10px 40px 10px 10px;
        background:url(/products/common/images/sp_right_arrow.png) 95% center no-repeat;
        background-size:2.5% auto;
    }
    #musicserver .content_links li span {
        display: inline;
        font-size:100%;
    }
    #musicserver .movie {
        margin:0 38px;
    }

    #musicserver .specification_detail .price_detail .vgp_area {
        padding: 10%;
    }
    #musicserver .specification_detail .price_detail figure.vgpmark img {
        width: 100%;
    }

}

.sectionTitle {
    font-family: 'DIN Regular';
    font-size: 36px;
    padding: 60px 0 20px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 50px;
    line-height: 1;
}

#musicserver h2.sectionTitle span {
    font-size: 16px;
    padding-left: 10px;
    vertical-align: baseline;
    margin: auto;
}

.goods_name {
    color: #656565;
    text-align: left;
    font-size: 300%;
    font-family: 'DIN Regular';
}

.goods_name span {
    display: inline-block;
    font-size: 45%;
    padding-top: 3%;
}

p.specificationTtl {
    font-size: 150%;
    line-height: 200%;
    font-weight: bold;
}