@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 !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;
}

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

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



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

/* ISUUE 5 */

/* ==================================================== */
/* title 
---------------------------------------- */
.issue5 #content .feature .txt-search{
width: 620px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue5/txt_01.png) no-repeat 0 0;
}
.issue5 #content .feature .txt-izu{
width: 660px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue5/txt_02.png) no-repeat 0 0;
}
.issue5 #content .feature .txt-presence{
width: 501px;
height: 73px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue5/txt_03.png) no-repeat 0 0;
}
.issue5 #content .feature .txt-frano{
width: 575px;
height: 73px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue5/txt_04.png) no-repeat 0 0;
}
.issue5 #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;
}
.issue5 #content .feature .txt-experience{
width: 324px;
height: 31px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/txt_experience.png) no-repeat 0 0;
}
.issue5 #content .feature .txt_10{
width: 492px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: url(../img/issue5/txt_10.png) no-repeat 0 0;
}
.issue5 #content .feature .txt-place{
width: 538px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/txt_experience_02.png) no-repeat 0 0;
}

/* etc */
.issue5 #content .feature .product-detail{
padding-top: 35px;
}


/* related-blk */
.issue5 #content .related-blk{
margin-bottom: 60px;
padding: 30px 0 10px;
border-top: 1px solid #2a2820;
border-bottom: 1px solid #2a2820;
font-size: 16px;
}
.issue5 #content .related-blk .column.left{
width: 171px;
}
.issue5 #content .related-blk dl{
margin: 0;
}
.issue5 #content .related-blk dl p{
padding: 0;
}


/* product-unit */
.issue5 #product-unit .column{
width: 394px;
height: 312px;
background: #FFF;
}
.issue5 #product-unit .column h5{
margin: 20px 0 20px 20px;
}
.issue5 #product-unit .column ul.product-name{
margin: 0 0 0 20px;
}
.issue5 #product-unit .column ul.product-name li{
margin: 0 0 20px;
}
.issue5 #product-unit .column p.product-note{
margin: 0 0 0 20px;
}

.issue5 #product-unit .column.right{
width: 406px;
height: 312px;
position: relative;
background: url(../img/issue5/img_prpduct_02.png) no-repeat 0 0;
}
.issue5 #product-unit .column.right ul{
margin: 66px 0 0;
/*
position: absolute;
top: 260px; left: 0px;
*/
}
.issue5 #product-unit .column.right ul li{
float: left;
margin-right: 10px;
}


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


/* coming */
.issue5 .coming .column.right{
background: url(../img/issue5/img_announcement.png) no-repeat 0 0;
}


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



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

/* ISSUE 6 */

/* ==================================================== */
/* title 
---------------------------------------- */
.issue6 #content .feature .txt-bad{
width: 608px;
height: 32px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_01.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-whisper{
width: 485px;
height: 48px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_02.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-lip{
width: 469px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_03.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-lab{
width: 531px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_04.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-human{
width: 551px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_05.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-mj-hires{
width: 475px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_06.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-hires{
width: 318px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_hires.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-xscape{
width: 708px;
height: 115px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_07.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-place{
width: 538px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/txt_experience_02.png) no-repeat 0 0;
}
.issue6 #content .feature .txt-sml{
width: 530px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue6/txt_08.png) no-repeat 0 0;
}



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


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

/* hires-related */
.issue6 #content .feature .prm-xscape span{
font-size: 12px;
}

/* more-info */
.issue6 #content .feature .more-info{
margin: 0 15px 50px;
padding: 30px 0 5px;
border-top: 1px solid #2a2820;
border-bottom: 1px solid #2a2820;
font-size: 12px;
}
.issue6 #content .feature .more-info .column{
width: 183px;
}
.issue6 #content .feature .more-info .column p{
padding: 0;
}
.issue6 #content .feature .more-info .column.right{
width: 545px;
}

/* coming */
.issue6 .coming .column.right{
background: url(../img/issue6/img_announcement.png) no-repeat 0 0;
}

/* headphone-xba */
.issue6 .headphone-xba{

}
.issue6 .headphone-xba .column{
width: 261px;
}
.issue6 .headphone-xba .column.right{
width: 400px;
}

/* #product-unit  */
.issue6 #product-unit{
margin-bottom: 10px !important;
}
.issue6 #product-unit .column{
width: 395px;
height: 312px;
background: #FFF;
}
.issue6 #product-unit .column.right{
width: 405px;
position: relative;
background: url(../img/issue6/img_prpduct_02.png) no-repeat 0 0;
}
.issue6 #product-unit .column h5{
margin: 18px 0 20px 20px;
}
.issue6 #product-unit .column ul.product-name{
margin: 0px 0 30px 20px;
}
.issue6 #product-unit .column ul.product-name li{
float: left;
}
.issue6 #product-unit .column p.product-note{
margin: 0 0 0 20px;
}

.issue6 #product-unit .column.right ul{
margin: 67px 0 0;
}
.issue6 #product-unit .column.right ul li{
float: left;
}
.issue6 #product-unit .column.right ul li:first-child{
margin-right: 10px;
}