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


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

/* month */
h1 .month{
padding: 0 0 7px 6px;
}

/* cap-block */
#content .cap-block .cap-block-note{
padding: 5px 0;
color: #EEE;
}
#content .cap-block.center{
display: block;
width: 700px;
margin: 0 auto;
}
#content .cap-block.center740{
display: block;
width: 740px;
margin: 0 auto;
}
#content .cap-block.center640{
display: block;
width: 640px;
margin: 0 auto;
}


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

/* back-issue */
#content .back-issue{
}

/* font small size  */
#content span.size-small{
padding: 0 2px;
font-size: 14px;
}


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

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

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


/* Backnumber 
---------------------------------------- */
#content .backnumber-select{
margin: 0 0 20px 15px;
}
#content .backnumber-select li{
float: left;
margin: 0 0 0 25px;
}
#content .backnumber-select li:first-child{
margin: 0;
}
#content .about-backnumber{
padding: 10px 15px;
background: #211d0d;
}



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

/* ISUUE 19 */

/* ==================================================== */
/* style 
---------------------------------------- */
/* grid2col soundtrack-uc */
.issue18 #content .feature .grid2col.soundtrack-uc .column{
width: 227px;
}
.issue18 #content .feature .grid2col.soundtrack-uc .column.second{
width: 512px;
margin-left: 20px;
}
.issue18 #content .feature .grid2col.soundtrack-uc .column p{
padding: 0;
}
.issue18 #content .feature .grid2col.soundtrack-uc .column p.cap{
margin: 0 0 5px;
}
.issue18 #content .feature .grid2col.soundtrack-uc .column .note{
margin: -20px 0 0;
color: #FFF;
font-size: 12px;
}

/* note-unit  */
/*
.issue18 #content .feature .note-unit{
width: 508px;
padding: 10px 15px 5px;
background: #211d0d;
font-size: 12px;
}
.issue18 #content .feature .note-unit p{
padding: 0;
}
*/


/* overwrite
---------------------------------------- */


/* title 
---------------------------------------- */
.issue18 #content .feature .txt-01{
width: 351px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue18/txt_01.png) no-repeat 0 0;
}
.issue18 #content .feature .txt-02{
width: 354px;
height: 116px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_02.png) no-repeat 0 0;
}
.issue18 #content .feature .txt-03{
width: 372px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_03.png) no-repeat 0 0;
}
.issue18 #content .feature .txt-04{
width: 324px;
height: 116px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_04.png) no-repeat 0 0;
}
.issue18 #content .feature .txt-05{
width: 465px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_05.png) no-repeat 0 0;
}
.issue18 #content .feature .txt-06{
width: 327px;
height: 115px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_06.png) no-repeat 0 0;
}
/*
.issue18 #content .feature .txt-07{
width: 490px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue18/txt_otona.png) no-repeat 0 0;
}
*/
.issue18 #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;
}
.issue18 #content .feature .txt-mysony{
width: 486px;
height: 115px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/txt_mysony.png) no-repeat 0 0;
}



/* product-unit
---------------------------------------- */
.issue18 #content #product-unit{
margin: 60px -20px 30px; 
padding: 20px 19px;
background: #FFF;
}
.issue18 #product-unit h5{
height: 54px;
margin: 0 0 10px;
background: url(../img/img_hi-res.png) no-repeat right top;
}
.issue18 #product-unit h5 img{
vertical-align: top;
}
.issue18 #product-unit ul{
margin: -20px 0 0;
}
.issue18 #product-unit ul li{
float: left;
margin: 0 0 0 20px;
}
.issue18 #product-unit ul li:first-child,
.issue18 #product-unit ul li.first{
margin-left: 0;
}
.issue18 #product-unit .product-notice{
margin: 3px 0 0;
padding: 0;
color: #333;
text-align: right;
font-size: 12px;
}
.issue18 #product-unit ul.nw1-related {
margin: 11px 0 0;
}
.issue18 #product-unit ul.nw1-related li{
float: left;
margin: 0;
}
.issue18 #product-unit ul.nw1-related li:first-child{
margin-right: 1px;
}



/* more-info
---------------------------------------- */
.issue18 #content .feature .more-info{
margin: 0 0 40px;
padding: 50px 0 30px;
border-top: 1px solid #5a5852;
}
.issue18 #content .feature .more-info dl{
margin: 0 0 50px;
font-size: 12px;
}
.issue18 #content .feature .more-info dl dt{
/*
float: left;
width: 146px;
*/
}
.issue18 #content .feature .more-info dl p{
margin: 0 0 10px;
padding: 0;
}

/* grid2col  Info-Lower */
.issue18 #content .grid2col.info-lower{
clear: both;
}
.issue18 #content .grid2col.info-lower .column{
width: 360px;
}
.issue18 #content .grid2col.info-lower .column.second{
margin-left: 20px;
}
.issue18 #content .grid2col.info-lower .column p{
padding: 0;
font-size: 12px;
}



/* Backnumber 
---------------------------------------- */
/* 共通化　150115 */
/*
.issue18 #content .backnumber-select{
margin: 0 0 20px 15px;
}
.issue18 #content .backnumber-select li{
float: left;
margin: 0 0 0 25px;
}
.issue18 #content .backnumber-select li:first-child{
margin: 0;
}
.issue18 #content .about-backnumber{
padding: 10px 15px;
background: #211d0d;
}
*/


/* hires-related
---------------------------------------- */
.issue18 #content .feature .hires-related.triple{
margin-left: 10px;
}
.issue18 #content .feature .hires-related.triple .column{
width: 215px;
float: left;
}
.issue18 #content .feature .hires-related.triple .hires-soundsource{
margin: 0 40px 0 5px;
}
.issue18 #content .feature .hires-related.triple .mora{
margin: 0 40px 0 0;
}
.issue18 #content .feature .hires-related.triple .press{
margin: 0 5px 0 0;
}
.issue18 #content .feature .hires-related.triple dl dt{
font-size: 11px;
}


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


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

/* ISUUE 19 */

/* ==================================================== */
/* header 
---------------------------------------- */
/* title block img adjust*/
.issue19 #header .ttl-block .issue{
padding-bottom: 1px;
}

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

/* alpha-area-list */
.issue19 #content .feature .alpha-area-list{
}
.issue19 #content .feature .alpha-area-list li{
display: inline-block;
padding: 0 6px;
}

.issue19 #content .feature .mov-area{
float: left;
width: 370px;
margin: 0 20px 20px 0;
}

/* title 
---------------------------------------- */
.issue19 #content .feature .txt-01{
width: 714px;
height: 74px;
margin-left: auto;
margin-right: auto;
background: url(../img/issue19/txt_01.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-02{
width: 553px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_02.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-03{
width: 559px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_03.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-04{
width: 606px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_04.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-05{
width: 741px;
height: 116px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_05.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-06{
width: 699px;
height: 116px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_06.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-07{
width: 658px;
height: 21px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_07.png) no-repeat 0 0;
}
.issue19 #content .feature .txt-08{
width: 532px;
height: 74px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/issue19/txt_08.png) no-repeat 0 0;
}


/* 4k */
.issue19 #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;
}
.issue19 #content .feature .txt-mysony{
width: 486px;
height: 115px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background: url(../img/txt_mysony.png) no-repeat 0 0;
}

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

/* clone only */
.issue19 #content .product-unit-clone{
margin: 0 0 30px; 
padding: 20px 19px;
background: #FFF;
}



/* more-info
---------------------------------------- */
.issue19 #content .feature .more-info{
margin: 0 0 0 0;
padding: 40px 0 0;
border-top: 1px solid #5a5852;
}
.issue19 #content .feature .more-info p{
padding: 0;
line-height: 1.5;
font-size: 12px;
}
.issue19 #content .feature .more-info .note-innocence{
min-height: 132px;
padding: 10px 20px;
border: 1px solid #5a5852;
}
.issue19 #content .feature .more-info .note-innocence p{
padding: 25px 0 0 0;
}
.issue19 #content .feature .more-info .note-innocence p img{
margin: -25px 20px 0 0;
}


/* .video-list
---------------------------------------- */
.issue19 #content .feature .video-list{
font-size: 12px;
}
.issue19 #content .feature .video-list li{
float: left;
width: 220px;
height: 270px;
margin: 0 10px 10px 0;
padding: 9px;
border: 1px solid #5a5852;
}
.issue19 #content .feature .video-list li.last{
margin: 0 0 10px;
}
.issue19 #content .feature .video-list li img{
padding: 0 0 5px;
}


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