@charset "UTF-8";
/*
/ Otona no Sony / smaillview issue 201408 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 */
#content .feature .break {
margin-bottom: 50px !important;
padding-bottom: 63px !important;
background-size: 9px auto;
}


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

/* ISUUE 11 */

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

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


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


/* caption-block
---------------------------------------- */
.issue11 .cap-block.cap01{
width: auto;
}
.issue11 .cap-block.cap02{
width: auto;
}


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


/* pt-outline 
---------------------------------------- */
.issue11 #content .feature .pt-outline{
width: auto;
margin: 0 0 30px 0;
padding: 20px 15px 20px;
border: 1px solid #5a5852;
/* font-size: 12px; */
}
.issue11 #content .feature .pt-outline .note{
color: #FFF;
}

/* event-gospellers
---------------------------------------- */
.issue11 #content .feature .grid2col.event-gospellers .column{
width: auto;
}
.issue11 #content .feature .grid2col.event-gospellers .first{
width: auto;
padding: 0 10px;
}
.issue11 #content .feature .grid2col.event-gospellers p{
padding: 0;
}

/* hdd-audio
---------------------------------------- */
.issue11 #content .feature .grid2col.hdd-audio .column{
width: auto;
}
.issue11 #content .feature .grid2col.hdd-audio .first{
width: auto;
text-align: center;
}
.issue11 #content .feature .grid2col.hdd-audio p{
padding: 0;
}

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

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


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

/* ISUUE 12 */

/* ==================================================== */
/* title
---------------------------------------- */
.issue12 #content .feature h4.sub-title{
padding: 0;
border-left: none;
}

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


/* more-info
---------------------------------------- */
.issue12 #content .feature .more-info{
margin: 30px 0 40px;
padding: 50px 0 30px;
border-top: 1px solid #5a5852;
}
.issue12 #content .feature .more-info .column{
width: auto;
}
.issue12 #content .feature .more-info .column.full{
/* margin-top: 15px; */
}
.issue12 #content .feature .more-info .column.right{
margin-left: 0;
}
.issue12 #content .feature .more-info dl{
/* font-size: 12px; */
}
.issue12 #content .feature .more-info dl p{
padding: 0;
}

/* event-gospellers
---------------------------------------- */
.issue12 #content .feature .grid2col.event-gospellers .column{
width: auto;
}
.issue12 #content .feature .grid2col.event-gospellers .first{
width: auto;
}


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