@charset "UTF-8";
/*
/ Otona no Sony / issue 201405 css
/
/ contact: hello[at]anga.me
*/

/* ==================================================== */
/* C O N T E N T */
/* ==================================================== */
#content .feature a h4{
color: #FFF;
}

#content .feature img.adjust{
margin-left: 0 !important;
}

/* showroom */
#content .feature .ginza-showroom{
padding: 13px 0 0;
text-align: center;
}
#content .feature .ginza-showroom dt{
margin: 0 0 20px;
font-size: 16px;
line-height: 1.3;
}
#content .feature .ginza-showroom dt span{
font-size: 12px;
}
#content .feature .ginza-showroom dd{
font-size: 12px;
}

#content .feature .ginza-showroom .notice{
font-size: 10px;
}

/* float-unit */
.issue6 #content .feature .float-unit{
float: none;
display: block;
width: 160px;
margin: 0 auto;
padding: 20px 0 30px;
}

/*
#content .feature .float-unit p{
margin: 0 0 10px;
padding: 0;
}
*/

#content .feature .break {
margin-bottom: 50px !important;
padding-bottom: 63px !important;
background-size: 9px auto;
}


/* ==================================================== */

/* ISUUE 7 */

/* ==================================================== */

#content .feature .mov-area iFrame{
width: 100%;
}


#content .feature .product-detail dl dt{
text-align: left;
}

/* related-blk */
.issue7 #content .related-blk{
/*
margin-bottom: 60px;
padding: 30px 0 10px;
*/
font-size: 14px;
}
.issue7 #content .related-blk .column{
width: auto;
}
.issue7 #content .related-blk .column.left{
width: auto;
}
.issue7 #content .related-blk p{
/* padding: 0; */
}
/*
.issue7 #content .related-blk p.note{
color: #FFF;
font-size: 12px;
}
*/


/* product-unit */
.issue7 #content #product-unit{
margin: 0 0 30px;
padding: 15px;
background: #FFF;
}
.issue7 #product-unit h5{
height: 33px;
background: url(../img/issue7/logo_4k.png) no-repeat right top;
background-size: 80px auto;
text-align: left;
}
.issue7 #product-unit h5 img{
max-width: 170px;
width: 80%;
}

.issue7 #product-unit ul{
margin: 0 0 0;
}
.issue7 #product-unit ul li{
float: none;
margin: 0;
text-align: center;
}
.issue7 #product-unit ul li:first-child{
margin-left: 0;
}



/* ==================================================== */

/* ISUUE 8 */

/* ==================================================== */
/* float-unit */
.issue8 #content .feature .float-unit{
/* float: none; */
width: 235px;
}

/* more-info */
.issue8 #content .feature .more-info{
margin: 0 10px 30px;
padding: 25px 0 5px;
border-top: 1px solid #2a2820;
border-bottom: 1px solid #2a2820;
font-size: 12px;
}
.issue8 #content .feature .more-info .column{
float: none;
width: auto;
}
.issue8 #content .feature .more-info .column dt{
margin: 0 0 20px;
}
.issue8 #content .feature .more-info .column p{
padding: 0;
line-height: 1.6;
}
.issue8 #content .feature .more-info .column.right{
margin-left: 0;
}

/* hires-related */
.issue8 #content .feature .hires-related{
margin-left: 0;
}
.issue8 #content .feature .hires-soundsource{
width: auto;	
}
.issue8 #content .feature .mora{
width: auto;	
}
.issue8 #content .feature .hires-related dl dt{
font-size: 12px;
}

/* #product-unit  */
.issue8 #content #product-unit{
margin: 0 0 30px;
}
.issue8 #content #product-unit .column{
width: auto;
height: auto;
padding: 0 0 10px;
background: #fff url(../img/issue8/img_prpduct_02.png) no-repeat 0 0;
background-size: 100% auto;
text-align: left;
}
.issue8 #content #product-unit .column.right{
/* width: 405px; */
background: #fff;
}
.issue8 #product-unit .column h5{
margin: 18px 0 15px;
padding: 15px 0 0 10px;
}
.issue8 #product-unit .column ul.product-name{
width: auto;
margin: 0px 0 10px 10px;
}
.issue8 #product-unit .column ul.product-name li{
float: none;
width: 50%;
margin: 0 0 10px;
}
.issue8 #product-unit .column ul.product-name li img{
/* width: 30%; */
}
.issue8 #product-unit .column ul.product-name li:first-child{
margin: 0 0 15px 0;
padding-bottom: 35px;
background: url(../img/issue8/txt_xba-h3_bg2.png) no-repeat left bottom;
background-size: 16px auto;
}
.issue8 #product-unit .column ul.product-name li.nw{
margin-left: 0;
}

.issue8 #product-unit .column p.product-note{
margin: 0 10px;
}

.issue8 #product-unit .column.right ul{
margin: 0 0 0 10px;
}
.issue8 #product-unit .column.right ul li{
width: 46%;
float: left;
}
.issue8 #product-unit .column.right ul li:first-child{
margin-right: 10px;
}