@charset "UTF-8";
/*
/ Otona no Sony / smaillview issue 201410 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;
}

/* cap-block */
#content .cap-block{
text-align: center;
}
#content .cap-block .cap-block-note{
font-size: 11px;
}
#content .cap-block.center{
width: auto;
}
#content .cap-block.center740{
width: auto;
}
#content .cap-block.center640{
width: auto;
}
#content .cap-block iframe{
width: auto;
height: auto;
}


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

/* back-issue */
#content .back-issue{
margin: 0 15px 20px;
}


/* Backnumber 
---------------------------------------- */

#content .backnumber-select{
width: 285px;
margin: 0 auto;
}
@media screen and (min-width: 435px) {
	#content .backnumber-select{
	width: 435px;
	margin-left: auto;
	margin-right: auto;
	}
}
#content .backnumber-select li{
float: left;
width: 135px;
margin: 0 0 10px 5px;
}
#content .backnumber-select li:first-child{
margin: 0;
}
#content .backnumber-select li.last{
margin: 0;
}
@media screen and (min-width: 435px) {
	#content .backnumber-select li{
	margin-left: 0;
	margin-right: 15px !important;
	}
	#content .backnumber-select li.last{
	margin-left: 0;
	margin-right: 0 !important;
	}
}



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

/* ISUUE 21 */

/* ==================================================== */
/* hnav */
.issue19 #header .hnav{
width: 70%;
min-width: 210px;
padding: 1px 0 0;
text-align: right;
}
.issue19 #header .hnav img{
width: 100%;
max-width: 280px;
}

/* style 
---------------------------------------- */

/* grid2col half---------------------------------------- */
.issue20 #content .grid2col.half{
clear: both;
}
.issue20 #content .grid2col.half .column{
width: auto;
}
.issue20 #content .grid2col.half .column.second{
width: auto;
margin-left: 0;
margin-top: 10px;
}

/* mov-area 
---------------------------------------- */

.issue20 #content .feature .mov-area {
margin: 0 0 30px 0;
}
.issue20 #content .feature .mov-area .note{
text-align: left;
}
#content iframe{
width: 280px;
height: auto;
margin: 0 auto;
}
@media screen and (min-width: 420px) {
	#content iframe{
	width: 390px;
	height: auto;
	margin: 0 auto;
	}
}


/* product-unit
---------------------------------------- */
.issue20 #content #product-unit{
margin: 40px 0 30px;
padding: 20px 15px 10px;
background: #FFF;
}
.issue20 #content .product-unit-clone{
margin: 40px 10px 20px;
padding: 20px 15px 10px;
background: #FFF;
}
.issue20 #product-unit h5,
.issue20 .product-unit-clone h5{
height: 30px;
margin: 0;
padding: 0 40px 0 0;
background: url(../img/logo_4k.png) no-repeat right 2px;
background-size: 75px auto;
text-align: left;
line-height: 1.4;
}
.issue20 #product-unit h5 img,
.issue20 .product-unit-clone h5 img{
width: 82%;
max-width: 330px;
}

.issue20 #product-unit ul,
.issue20 .product-unit-clone ul{
margin: 0 0 0;
}
.issue20 #product-unit ul li,
.issue20 .product-unit-clone ul li{
float: none;	
margin: 0 0 20px;
text-align: center;
}
.issue20 #product-unit ul li:first-child,
.issue20 #product-unit ul li.first{
margin-left: 0;
}
.issue20 #product-unit ul li.second img,
.issue20 .product-unit-clone ul li.second img{
margin-top: 0;
}


/* more-info
---------------------------------------- */
.issue20 #content .more-info.grid2col{
clear: both;
}
.issue20 #content .more-info.grid2col .column{
width: auto;
}
.issue20 #content .more-info.grid2col .column:first-child{
margin-bottom: 15px;
}
.issue20 #content .more-info.grid2col .column.second{
width: auto;
}
.issue20 #content .more-info.grid2col .column p{
padding: 0;
font-size: 12px;
}



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

/* ISUUE 22 */

/* ==================================================== */
/* style 
---------------------------------------- */
#content #billboard .lnav li{
margin-bottom: 1px;
}


/* Music Pickpu 
---------------------------------------- */
.issue21 #content .feature .music-pickpu{
margin: 0 auto 10px;
}
.issue21 #content .feature .music-pickpu-box2{
width: 274px;
margin: 0 auto;
}
.issue21 #content .feature .music-pickpu-box3{
width: 274px;;
margin: 0 auto;
}
.issue21 #content .feature .music-pickpu .show-pc{
display: none;
}
.issue21 #content .feature .music-pickpu h5{
/* line-height: 1.5; */
margin: 0 0 20px;
font-size: 18px;
font-family: "Hiragino Mincho Pro", serif;
text-align: left;
text-decoration: underline;
}
.issue21 #content .feature .music-pickpu h6{
/* line-height: 1.5; */
margin: 0 0 20px;
font-size: 15px;
font-family: "Hiragino Mincho Pro", serif;
text-align: left;
}
.issue21 #content .feature .music-pickpu .column{
float: left;
width: 129px;
margin: 0 4px 15px;
}
.issue21 #content .feature .music-pickpu .column.first{
margin: 0 4px 10px;
}
.issue21 #content .feature .music-pickpu .column>p{
/*
padding: 0;
*/
margin: 0;
}
.issue21 #content .feature .music-pickpu .column .pickpu-name{
line-height: 1.2;
/*
display: block;
padding: 8px 0 0;
font-size: 10px;
*/
}
.issue21 #content .feature .music-pickpu .column .pickpu-name.adjust{
/* height: 50px; */
}


/* product-unit
---------------------------------------- */
.issue21 #content #product-unit{
margin: 40px 0 30px;
padding: 20px 15px 10px;
background: #FFF;
}
.issue21 #content .product-unit-clone{
margin: 40px 10px 20px;
padding: 20px 15px 10px;
background: #FFF;
}
.issue21 #product-unit h5,
.issue21 .product-unit-clone h5{
height: 35px;
margin: 0;
padding: 0 35px 0 0;
background: url(../img/img_hi-res.png) no-repeat right 0;
background-size: 32px auto;
text-align: left;
line-height: 1.4;
}
.issue21 #product-unit h5 img,
.issue21 .product-unit-clone h5 img{
width: 95%;
max-width: 358px;
}

.issue21 #product-unit ul,
.issue21 .product-unit-clone ul{
margin: -10px 0 15px;
}
.issue21 #product-unit ul li,
.issue21 .product-unit-clone ul li{
float: none;	
margin: 0;
text-align: center;
}
.issue21 #product-unit ul li:first-child,
.issue21 #product-unit ul li.first{
margin-left: 0;
margin-bottom: 20px;
}
.issue21 #product-unit ul li.second img,
.issue21 .product-unit-clone ul li.second img{
margin-top: 0;
}


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


/* Next Otona no Sony
---------------------------------------- */
.issue21 #content .feature #sec-next{
}
.issue21 #content .feature #sec-next .next-detail{
width: 88%;
margin: 0 0 20px;
padding: 0 6% 10px;
}


/* hires-related
---------------------------------------- */
.issue21 #content .feature .hires-related.triple{
margin-left: 0;
}
.issue21 #content .feature .hires-related.triple .column {
float: none;
width: auto;
margin: 0 0 15px;
}