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


/* ==================================================== */
/* C O N T E N T */
/* ==================================================== */
/* showroom */
#content .feature img.adjust{
margin-left: -10px;
}

/* showroom */
#content .feature .ginza-showroom{
padding: 15px 0 0;
text-align: center;
}
#content .feature .ginza-showroom dt{
font-size: 24px;
margin: 0 auto 30px;
line-height: 1.1;
/* background: url(../img/issue4/sttl_09.png) no-repeat 0 0; */
}
#content .feature .ginza-showroom dt a{
color: #FFF;
}
#content .feature .ginza-showroom dt span{
font-size: 13px;
color: #a18c3e;
}
#content .feature .ginza-showroom dt a:hover span{
color: #a18c3e;
text-decoration: underline;
}
#content .feature .ginza-showroom dd{
font-size: 16px;
}

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

#content .feature .break {
margin-bottom: 80px;
padding: 0 0 87px;
background: url(../img/img_dec_01.png) no-repeat center bottom;
}


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

/* ISUUE 3 */

/* ==================================================== */
/* title 
---------------------------------------- */
.issue3 #content .feature .txt_01{
width: 604px;
height: 76px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue3/txt_01.png) no-repeat 0 0;
}
.issue3 #content .feature #sec-02 .txt_02{
width: 596px;
height: 75px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue3/txt_02.png) no-repeat 0 0;
}
.issue3 #content .feature .txt_03{
width: 401px;
height: 81px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue3/txt_03.png) no-repeat 0 0;
}
.issue3 #content .feature .txt_04{
width: 324px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue3/txt_04.png) no-repeat 0 0;
}
.issue3 #content .feature .txt_05{
width: 427px;
height: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue3/txt_05.png) no-repeat 0 0;
}
.issue3 #content .feature .txt_09{
width: 155px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue3/txt_09.png) no-repeat 0 0;
}
.issue3 #content .feature .txt_10{
width: 492px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: url(../img/issue3/txt_10.png) no-repeat 0 0;
}

.issue3 #content .feature .product-detail{
padding-top: 35px;
}


/* --
---------------------------------------- */


/* --
---------------------------------------- */



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

/* ISSUE 4 */

/* ==================================================== */
/* title 
---------------------------------------- */
.issue4 .txt-zx1{
width: 448px;
height: 76px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_02.png) no-repeat 0 0;
}
.issue4 .txt-billy{
width: 452px;
height: 76px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_03.png) no-repeat 0 0;
}
.issue4 .txt-colurful{
width: 622px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_04.png) no-repeat 0 0;
}
.issue4 .txt-arrange{
width: 496px;
height: 73px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_05.png) no-repeat 0 0;
}
.issue4 .txt-mj{
width: 710px;
height: 117px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_06.png) no-repeat 0 0;
}
.issue4 .txt-hires{
width: 332px;
height: 34px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_07.png) no-repeat 0 0;
}
.issue4 .txt-ex{
width: 321px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue4/sttl_09.png) no-repeat 0 0;
}


.issue4 #content .feature h4.txt-another{
width: 424px;
height: 34px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue4/sttl_08.png) no-repeat 0 0;
}


/* choice */
.issue4 #sec-01 .choice{
margin-bottom: 20px;
}
.issue4 #sec-01 .choice .column{
width: 380px;
}
.issue4 #sec-01 .choice .column p{
font-size: 10px;
}
.issue4 #sec-01 .choice p{
margin: 0 0 7px;
padding: 0;
}

/* float-unit */
.issue4 #content .feature .float-unit{
float: left;
width: 228px;
margin: 7px 25px 15px 10px;
font-size: 10px;
line-height: 1.5;
}
.issue4 #content .feature .float-unit p{
margin: 0 0 7px;
padding: 0;
}
.issue4 #content .feature .float-unit.right{
float: right;
margin: 7px 10px 15px 25px;
}

.issue4 #content .feature p.img-items{
padding-top: 20px;
}

/* ginza-showroom */
/*
.issue4 #content .feature .ginza-showroom dt{
width: 625px;
height: 32px;
margin: 0 auto 60px;
background: url(../img/issue4/sttl_09.png) no-repeat 0 0;
}
*/

/* mj-new */
.issue4 .grid2col.mj-new{
margin-bottom: 10px;
}
.issue4 .grid2col.mj-new .column{
width: 356px;
margin-right: 30px;
}
.issue4 .grid2col.mj-new .column.last{
margin-right: 0;
}
.issue4 .grid2col.mj-new p{
padding: 0;
}
.issue4 .grid2col.mj-new p.more{
font-size: 12px;
margin-top: -10px;
padding: 0;
}


/* .mj-mora */
.issue4 .mj-mora{
font-size: 12px;
text-align: center;
}
.issue4 .mj-mora p{
width: 328px;
margin: 0 auto;
}
.issue4 .mj-mora img{
padding-top: 5px;
}


/* product-unit */
.issue4 #product-unit .column{
width: 400px;
}
.issue4 #product-unit .column.right{
position: relative;
}
.issue4 #product-unit .column ul{
position: absolute;
top: 260px; left: 30px;
}
.issue4 #product-unit .column ul li{
float: left;
margin-right: 10px;
}

.issue4 #content .feature dl.hires-soundsource dt{
font-size: 12px;
margin-bottom: 7px;
}