@charset "UTF-8";
/*
/ Otona no Sony / smaillview issue 201410 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;
}

/* cap-block */
#content .cap-block{
text-align: center;
}
#content .cap-block .cap-block-note{
font-size: 11px;
}
#content .cap-block.center{
width: auto;
}
#content .cap-block.center740{
width: auto;
}
#content .cap-block.center640{
width: auto;
}
#content .cap-block iframe{
width: auto;
height: auto;
}


/* 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 */
#content .feature .break {
margin-bottom: 50px !important;
padding-bottom: 63px !important;
background-size: 9px auto;
}


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

/* ISUUE 15 */

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

/* product-unit
---------------------------------------- */
.issue14 #content #product-unit{
margin: 0 0 30px; 
padding: 15px;
background: #FFF;
}
.issue14 #product-unit h5{
height: 54px;
margin: 0 0 10px;
background: url(../img/img_hi-res.png) no-repeat right 0;
text-align: left;
}
.issue14 #product-unit h5 img{
display: none;
}
.issue14 #product-unit h5 span.show-sml{
display: inline-block;
padding: 5px 8px;
color: #FFF;
background: #000;
font-size: 10px;
}

.issue14 #product-unit ul{
margin: 0;
}
.issue14 #product-unit ul li{
float: none;
margin: 0 0 20px;
}
.issue14 #product-unit ul li:last-child{
margin-bottom: 0;
}

/* more-info
---------------------------------------- */
/*
.issue14 #content .feature .more-info.grid2col{
margin: 0;
padding: 40px 0 0;
}
.issue14 #content .feature .more-info .column{
width: auto;
}
.issue14 #content .feature .more-info .column.last{
width: auto;
margin-left: 0;
}
.issue14 #content .feature .more-info .column p{
padding: 0;
line-height: 1.5;
font-size: 12px;
}
*/

/* Xperia™ Tablet
---------------------------------------- */
.issue14 #content .grid2col.col-tablet{
margin-left: 0;
}
.issue14 #content .grid2col.col-tablet .column{
width: auto;
}
.issue14 #content .grid2col.col-tablet .column p{
padding: 0;
}
.issue14 #content .grid2col.col-tablet .column.second{
margin-left: 0;
}

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


/* coming
---------------------------------------- */
.issue14 #content .coming .column.right{
background-image: none;
}
.issue14 #content .coming .column.right h4{
height: auto;
}
.issue14 #content .coming .column.right dl{
height: auto;
}
.issue14 #content .coming .column.right dl dt{
padding: 10px 0 0;
}
.issue14 #content .coming .column.right dl dd{
padding: 0;
}
.issue14 #content .coming .column.right dl dd p{
padding: 0;
}

.issue14 #content .coming .column.right .mailmag{
visibility: visible;
height: auto;
padding: 10px 10px 0;
background: inherit;
}
.issue14 #content .coming .column.right .mailmag a{
display: block;
visibility: visible;
width: auto;
height: auto;
background-image: none;
text-indent: inherit;
}
.issue14 #content .coming .column.right .mailmag a span{
padding-right: 21px;
background: url(../img/icn_newwin.png) no-repeat right center;
}



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

/* ISUUE 16 */

/* ==================================================== */
/* hnav */
.issue15 #header .hnav{
width: 180px;
}

/* product-unit 
---------------------------------------- */
.issue15 #content #product-unit{
margin: 0 0 20px; 
padding: 15px 10px;
/* background: #FFF; */
}
.issue15 #content #product-unit h5{
height: 54px;
margin: 0;
/* background: url(../img/img_hi-res.png) no-repeat right top; */
background-size: 70px auto;
text-align: left;
}
.issue15 #content #product-unit h5 img{
min-width: 150px;
max-width: 190px;
width: 70%;
}
.issue15 #content #product-unit ul{
margin: -20px 0 5px;
}
.issue15 #content #product-unit ul li{
float: none;
margin: 0 0 0;
}
.issue15 #content #product-unit ul li:first-child{
margin: 10px 0 4px;
}


/* more-info
---------------------------------------- */
.issue15 #content .feature .more-info{
margin: 0 0 40px;
padding: 50px 0 30px;
border-top: 1px solid #5a5852;
}
.issue15 #content .feature .more-info dl{
font-size: 12px;
}
.issue15 #content .feature .more-info dl p{
padding: 0;
}


/* redleaves spots
---------------------------------------- */
.issue15 .feature .redleaves-spots{
width: auto;
margin: 0 auto 20px;
text-align: center;
}
.issue15 .feature .redleaves-spots dt{
margin: 0;
clear: both;
}
.issue15 .feature .redleaves-spots dd{
float: left;
width: 172px;
height: 65px;
line-height: 1.4;
margin: 0 0 5px;
padding: 38px 0 0;
background: url(../img/issue15/bg_redleaves.png) no-repeat center center;
font-size: 13px;
font-weight: bold;
}.issue15 .feature .redleaves-spots dd.center{
margin-right: 0;
margin-left: 0;
}

@media screen and (max-width: 320px) {
.issue15 .feature .redleaves-spots dd,
.issue15 .feature .redleaves-spots dd.center{
float: none;
width: 172px;
margin: 0 auto;
}
}



/* coming
---------------------------------------- */
.issue15 #content .coming .column.right{
background-image: none;
}
.issue15 #content .coming .column.right h4{
height: auto;
}
.issue15 #content .coming .column.right dl{
height: auto;
}
.issue15 #content .coming .column.right dl dt{
padding: 10px 0 0;
}
.issue15 #content .coming .column.right dl dd{
padding: 0;
}
.issue15 #content .coming .column.right dl dd p{
padding: 0;
}
.issue15 #content .coming .column.right .mailmag{
visibility: visible;
height: auto;
padding: 10px 10px 0;
background: inherit;
}
.issue15 #content .coming .column.right .mailmag a{
display: block;
visibility: visible;
width: auto;
height: auto;
background-image: none;
text-indent: inherit;
}
.issue15 #content .coming .column.right .mailmag a span{
padding-right: 21px;
background: url(../img/icn_newwin.png) no-repeat right center;
}