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


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

/* 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;
}
#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;
}

/* lnav
---------------------------------------- */
#header .ttl-block .lnav{
float: right;
width: 165px;
height: 44px;
margin: 0;
}
#header .ttl-block .lnav li{
float: left;
margin: 0;
}

#header .ttl-block .lnav .first{
width: 83px;
background: url(../img/btn_lnav.png) no-repeat 0 -44px;
}
#header .ttl-block .lnav .secondary{
width: 82px;
background: url(../img/btn_lnav.png) no-repeat -83px 0;
}
#header .ttl-block .lnav li a,
#header .ttl-block .lnav li span{
display: block;
width: 100%;
height: 44px;
text-indent: -9999px;
overflow: hidden;
}

.issue13 #header .ttl-block .lnav .secondary a:hover{
background: url(../img/btn_lnav.png) no-repeat -83px -44px;
}
.issue14_ #header .ttl-block .lnav .first a:hover{
background: url(../img/btn_lnav.png) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}

.issue13 #header .ttl-block .lnav .first{
background: url(../img/btn_lnav.png) no-repeat 0 0;
}
.issue14_ #header .ttl-block .lnav .secondary{
background: url(../img/btn_lnav.png) no-repeat -83px -44px;
}




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

/* ISUUE 13 */

/* ==================================================== */
/* style
---------------------------------------- */
.issue13 #content .feature .note-mora{
margin-top: -10px;
padding: 10px;
/*
border: 1px solid #5a5852;
font-size: 12px;
*/
}
.issue13 #content .feature .note-mora p{
padding: 15px;
border: 1px solid #5a5852;
font-size: 12px;
}

/*
.issue13 #content .feature .image-notice{
margin-top: -5px;
color: #CCC;
text-align: right;
font-size: 12px;
}
*/

/* title 
---------------------------------------- */
.issue13 #content .feature .txt-01{
width: 472px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue13/txt_01.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-02{
width: 478px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_02.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-03{
width: 416px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_03.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-04{
width: 450px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_04.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-05{
width: 426px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_05.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-06{
width: 575px;
height: 73px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_special_01.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-07{
width: 712px;
height: 73px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_special_02.png) no-repeat 0 0;
}
.issue13 #content .feature .txt-08{
width: 714px;
height: 31px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue13/txt_special_03.png) no-repeat 0 0;
}


/* product-unit
---------------------------------------- */
.issue13 #content #product-unit{
margin: 60px -20px 30px; 
padding: 20px 19px;
background: #FFF;
}
.issue13 #product-unit h5{
height: 54px;
margin: 0;
background: url(../img/img_hi-res.png) no-repeat right top;
}
.issue13 #product-unit h5 img{
vertical-align: top;
}
.issue13 #product-unit ul{
margin: 0;
}
.issue13 #product-unit ul li{
float: left;
margin: 0 0 0 18px;
}
.issue13 #product-unit ul li:first-child{
margin-left: 0;
}


/* more-info
---------------------------------------- */
.issue13 #content .feature .more-info.grid2col{
margin: 0 0 0 0;
padding: 40px 0 0;
border-top: 1px solid #5a5852;
}
.issue13 #content .feature .more-info .column{
width: 180px;
}
.issue13 #content .feature .more-info .column.last{
width: 544px;
margin-left: 16px;
}
.issue13 #content .feature .more-info .column p{
padding: 0;
line-height: 1.5;
font-size: 12px;
}

/* exclusive-release
---------------------------------------- */
.issue13 #content .feature .exclusive-release{
background: #2a2820;
margin-bottom: 60px;
padding: 16px 16px 0;
}
.issue13 #content .feature .exclusive-release h5{
margin-left: -7px;
color: #a18c3f;
font-size: 18px;
font-weight: bold;
}
.issue13 #content .feature .exclusive-release p{
padding: 0;
}


/* disc-archive */
.issue13 #content .feature .disc-archive li{
float: left;
width: 170px;
margin: 0 15px 20px 0;
line-height: 1.4;
font-size: 11px;
}
.issue13 #content .feature .disc-archive li.last{
margin-right: 0;
}
.issue13 #content .feature .disc-archive li p{
margin-bottom: 9px;
}
.issue13 #content .feature .disc-archive li .disc-title{
min-height: 37px;
}


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


/* coming
---------------------------------------- */
.issue13 #content .coming .column.right{
background: url(../img/issue13/img_announcement.png) no-repeat 0 0;
}
.issue13 #content .coming .column.right h4{
height: 50px;
margin: 0;
}
.issue13 #content .coming .column.right dl{
height: 176px;
margin: 0;
}
.issue13 #content .coming .column.right .mailmag{
visibility: visible;
height: 75px;
background: #000;
}
.issue13 #content .coming .column.right .mailmag a{
display: block;
visibility: visible;
width: 190px;
height: 75px;
background: url(../img/issue13/img_announcement.png) no-repeat 0 -226px;
text-indent: -9999px;
}


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

/* ISUUE 14 ※削除記事*/

/* ==================================================== */
/* style 
---------------------------------------- */
/*
.issue12 #content .feature .sub-title{
margin-bottom: 30px;
padding-top: 40px;
}
*/


/* overwrite
---------------------------------------- */
.issue14_ #content .feature .questionnaire-02{
margin-bottom: 0;
padding-bottom: 20px;
border-bottom: 1px solid #5a5852;
}


/* title 
---------------------------------------- */
.issue14_ #content .feature .txt-01{
width: 452px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue14/txt_01.png) no-repeat 0 0;
}
.issue14_ #content .feature .txt-02{
width: 528px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue14/txt_02.png) no-repeat 0 0;
}
.issue14_ #content .feature .txt-03{
width: 538px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue14/txt_03.png) no-repeat 0 0;
}
.issue14_ #content .feature .txt-04{
width: 504px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue14/txt_04.png) no-repeat 0 0;
}
.issue14_ #content .feature .txt-4k{
width: 155px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/txt_4k.png) no-repeat 0 0;
}


/* product-unit
---------------------------------------- */
.issue14_ #content #product-unit{
margin: 60px -20px 30px; 
padding: 20px 19px;
background: #FFF;
}
.issue14_ #product-unit h5{
height: 54px;
margin: 0 0 10px;
background: url(../img/logo_4k.png) no-repeat right top;
}
.issue14_ #product-unit h5 img{
vertical-align: top;
}
.issue14_ #product-unit ul{
margin: -20px 0 0;
}
.issue14_ #product-unit ul li{
float: right;
margin: 0 0 0 0;
}
.issue14_ #product-unit ul li:first-child,
.issue14_ #product-unit ul li.first{
margin-left: 22px;
}


/* more-info
---------------------------------------- */
.issue14_ #content .feature .more-info{
margin: 0 0 40px;
padding: 50px 0 30px;
/* border-top: 1px solid #5a5852; */
}
.issue14_ #content .feature .more-info .logo-twh{
margin-bottom: 30px;
}
.issue14_ #content .feature .more-info .column{
width: 340px;
}
.issue14_ #content .feature .more-info .column.full{
width: auto;
margin-top: 15px;
}
.issue14_ #content .feature .more-info .column.right{
margin-left: 30px;
}
.issue14_ #content .feature .more-info dl{
font-size: 12px;
}
.issue14_ #content .feature .more-info dl dt.howto{
height: 17px;
padding-top: 18px;
}
.issue14_ #content .feature .more-info dl p{
padding: 0;
}


/* coming
---------------------------------------- */
.issue14_ #content .coming .column.right{
background: url(../img/issue14/img_announcement.png) no-repeat 0 0;
}
.issue14_ #content .coming .column.right h4{
height: 50px;
margin: 0;
}
.issue14_ #content .coming .column.right dl{
height: 176px;
margin: 0;
}
.issue14_ #content .coming .column.right .mailmag{
visibility: visible;
height: 75px;
background: #000;
}
.issue14_ #content .coming .column.right .mailmag a{
display: block;
visibility: visible;
width: 190px;
height: 75px;
background: url(../img/issue14/img_announcement.png) no-repeat 0 -226px;
text-indent: -9999px;
}