@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{
margin-left: 0;
}
@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 15px;
}
#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 17 */

/* ==================================================== */
/* style
---------------------------------------- */
/*
.issue16 #header .hnav{
float: right;
width: 195px;
padding: 2px 0 0;
}
*/

/* alpha-area-list */
.issue16 #content .feature .alpha-area-list{
margin: 0 0;
}
.issue16 #content .feature .alpha-area-list li{
display: inline-block;
width: 85px;
margin: 0 4px 14px;
padding: 0;
}


/* product-unit
---------------------------------------- */
.issue16 #content #product-unit{
margin: 0 0 30px; 
padding: 15px;
background: #FFF;
}
.issue16 #product-unit h5{
height: 45px;
margin: 0 0 10px;
background: url(../img/logo_4k.png) no-repeat right 0;
background-size: 90px auto;
text-align: left;
}
@media screen and (max-width: 350px) {
	.issue16 #product-unit h5{
		height: 25px;
		background-size: 55px auto;
	}
}

.issue16 #product-unit h5 img{
width: 70%;
max-width: 303px;
min-width: 200px;
}

.issue16 #product-unit ul{
margin: 0;
}
.issue16 #product-unit ul li{
float: none;
margin: 0 0 20px;
}
.issue16 #product-unit ul li:last-child{
margin-bottom: 0;
}


/* more-info
---------------------------------------- */
/*
.issue16 #content .feature .more-info.grid2col{
margin: 0;
padding: 40px 0 0;
}
.issue16 #content .feature .more-info .column{
width: auto;
}
.issue16 #content .feature .more-info .column.last{
width: auto;
margin-left: 0;
}
.issue16 #content .feature .more-info .column p{
padding: 0;
line-height: 1.5;
font-size: 12px;
}
*/

/* Xperia™ Tablet
---------------------------------------- */
.issue16 #content .grid2col.col-tablet{
margin-left: 0;
}
.issue16 #content .grid2col.col-tablet .column{
width: auto;
}
.issue16 #content .grid2col.col-tablet .column p{
padding: 0;
}
.issue16 #content .grid2col.col-tablet .column.second{
margin-left: 0;
}



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

/* ISUUE 18 */

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

/* style 
---------------------------------------- */
/* grid2col soundtrack-uc */
.issue17 #content .feature .grid2col.soundtrack-uc .column{
width: auto;
}
.issue17 #content .feature .grid2col.soundtrack-uc .column.second{
width: auto;
margin-left: 0;
}
.issue17 #content .feature .grid2col.soundtrack-uc .column p{
padding: 0;
}
.issue17 #content .feature .grid2col.soundtrack-uc .column p.cap{
margin: 0 0 5px;
text-align: center;
}
.issue17 #content .feature .grid2col.soundtrack-uc .column p.cap img{
width: 200px;
height: auto;
}
.issue17 #content .feature .grid2col.soundtrack-uc .column .note{
margin: 0 0 0;
color: #FFF;
font-size: 12px;
}


/* grid2col about-tablet */
.issue17 #content .feature .grid2col.about-tablet{
margin: 0 0 20px;
}
.issue17 #content .feature .grid2col.about-tablet .column{
margin: 0 0 0;
width: auto;
text-align: center;
}
.issue17 #content .feature .grid2col.about-tablet .column:first-child{
margin: 0 0 20px;
}
.issue17 #content .feature .grid2col.about-tablet .column.second{
margin-left: 0;
}

/* grid2col hires-campaign */
.issue17 #content .feature .grid2col.hires-campaign .column{
width: auto;
}
.issue17 #content .feature .grid2col.hires-campaign .column:first-child{
padding: 0 30px;
}
.issue17 #content .feature .grid2col.hires-campaign .column.second{
width: auto;
margin-top: 0;
margin-left: 0;
}
.issue17 #content .feature .grid2col.hires-campaign .column p{
padding: 0;
font-size: 13px;
}
.issue17 #content .feature .grid2col.hires-campaign .column p strong{
font-size: 16px;
font-weight: normal;
}
.issue17 #content .feature .grid2col.hires-campaign .column p.term{
font-size: 11px;
}

/* note-unit  */
.issue17 #content .feature .note-unit{
width: auto;
padding: 10px 15px 5px;
background: #211d0d;
font-size: 12px;
}
.issue17 #content .feature .note-unit p{
padding: 0;
}
.issue17 #content .feature .note-unit p .img-l{
float: left;
margin: 0 15px 15px 0 !important;
}



/* product-unit
---------------------------------------- */
.issue17 #content #product-unit{
margin: 40px 0 40px; 
padding: 20px 19px;
background: #FFF;
}
.issue17 #product-unit h5{
height: 54px;
margin: 0 0 10px;
padding: 0 40px 0 0;
background: url(../img/img_hi-res.png) no-repeat right 0;
background-size: 36px auto;
text-align: left;
line-height: 1.4;
}
.issue17 #product-unit h5 img{
display: none;
/* vertical-align: top; */
}
.issue17 #product-unit h5 .show-sml{
display: inline;
padding: 2px 5px;
background: #000;
font-size: 11px;
}

.issue17 #product-unit ul{
margin: 0 0 0;
}
.issue17 #product-unit ul li{
float: none;
margin: 0 0 20px;
}
.issue17 #product-unit ul li:first-child,
.issue17 #product-unit ul li.first{
margin-left: 0;
}
.issue17 #product-unit .product-notice{
margin: 3px 0 0;
padding: 0;
color: #333;
text-align: right;
font-size: 12px;
}
.issue17 #product-unit ul.nw1-related {
margin: 11px auto 0;
max-width: 371px;
}
.issue17 #product-unit ul.nw1-related li{
float: left;
margin: 0;
}
@media screen and (max-width: 340px) {
	.issue17 #product-unit ul.nw1-related li{
		width: 124px;
		height: auto;
	}
}
.issue17 #product-unit ul.nw1-related li:first-child{
margin-right: 1px;
}



/* more-info
---------------------------------------- */
.issue17 #content .feature .more-info{
margin: 0 0 40px;
padding: 50px 0 30px;
border-top: 1px solid #5a5852;
}
.issue17 #content .feature .more-info dl{
margin: 0 0 20px;
}
.issue17 #content .feature .more-info dl dt{
float: left;
width: 110px;
padding: 0 10px 0 0;
}

/*
.issue17 #content .feature .more-info dl{
margin: 0 0 50px;
font-size: 12px;
}
.issue17 #content .feature .more-info dl dt{
float: left;
width: 146px;
}
.issue17 #content .feature .more-info dl p{
margin: 0 0 10px;
padding: 0;
}
*/

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


/* Backnumber 
---------------------------------------- */
/* 共通化　150115 */
/*
.issue17 #content .backnumber-select{
margin-left: 0;
}
@media screen and (min-width: 435px) {
	.issue17 #content .backnumber-select{
	width: 435px;
	margin-left: auto;
	margin-right: auto;
	}
}
.issue17 #content .backnumber-select li{
float: left;
width: 135px;
margin: 0 0 10px 15px;
}
.issue17 #content .backnumber-select li:first-child{
margin: 0;
}
.issue17 #content .backnumber-select li.last{
margin: 0;
}
@media screen and (min-width: 435px) {
	.issue17 #content .backnumber-select li{
	margin-left: 0;
	margin-right: 15px !important;
	}
	.issue17 #content .backnumber-select li.last{
	margin-left: 0;
	margin-right: 0 !important;
	}
}
*/


/* hires-related
---------------------------------------- */
.issue17 #content .feature .hires-related{
margin-left: 0;
}
.issue17 #content .feature .hires-soundsource,
.issue17 #content .feature .mora{
width: auto;	
}
.issue17 #content .feature .hires-related dl dt{
/* font-size: 12px; */
}