@charset "UTF-8";
/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */
body,html{
color: #FFF;
background: #fff;
line-height: 1.6;
font-size: 14px;
-webkit-tap-highlight-color: rgba(90, 90, 90, 0.7);
}
#wrapper{
width: auto;
margin: 0 auto;
}
#header{
margin: 0 auto 20px;
padding: 50px 0 0;
}
#cont-wrap{
margin: 0 0 30px;
}
#content{
margin: 0 auto;
}
#footer{
padding: 30px 0 0;
}


/* ==================================================== */
/* S T Y L E */
/* ==================================================== */
/* Head
---------------------------------------- */
/* img float left */
/* img float right */
img.img-l,
img.img-r{
display: block;
float: none;
margin: 0 auto 20px !important;
}

#content .feature h4{
margin-bottom: 30px;
padding: 0 0 0 12px;
border-left: 2px solid #FFF;
}

#content .duality{
width: auto !important;
height: auto !important;
text-indent: 0;
overflow: auto;
background-image: none !important;
line-height: 1.5;
font-size: 21px;
font-family: "Hiragino Mincho Pro", serif !important;
}

/* issue1 , issue2 only */
.issue1 #content .feature h4,
.issue2 #content .feature h4{
margin-bottom: 45px;
padding: 130px 0 0;
background-size: 9px auto;
background-position: center 40px;
}

/* Form (for Safari Lion placeholder)
---------------------------------------- */
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: transparent;
}

/* grid2col */
div.grid2col{
margin-bottom: 30px;
}
div.grid2col div.column{
float: none;
}

img{
max-width: 100%;
height: auto;
}

/* Show Small View */
.show-sml{
display: block;
}

/* ==================================================== */
/* H E A D E R */
/* ==================================================== */
#header .headbar{
margin: 0 10px 20px;
padding: 0 0 10px;
}
.s5-container {
  padding: 0;	
}

#header h1,
#header p{
margin: 0 0 8px;
}
#header h1{
text-align: right;
}

#header .logo_sony{
float: left;
width: 70px;
padding: 6px 0 0;
}
#header .logo_sony img{
vertical-align: top;
}
h1 .month{
width: 20%;
max-width: 60px;
padding: 0;
}

#header .hnav{
float: right;
width: 145px;
padding: 0 0 0;
}
#header .hnav img{
vertical-align: top;
}

#header .ttl-block{
clear: both;
height: auto;
margin: 0 10px;
padding: 35px 0 20px;
border-bottom: 1px solid #FFF;
}
#header .ttl-block .primary{
width: auto;
margin: 0 2px 20px 0;
}
#header .ttl-block .secondary{
float: none;
width: auto;
margin: 0 22px 0 22px;
text-align: center;
}
#header .ttl-block h1{
margin-left: 15px;
margin-right: 15px;
}
#header .ttl-block .cap{
margin: 0 25px 15px;
text-align: center;
}
#header .ttl-block .lnav {
float: none;
width: 165px;
height: 44px;
margin: 25px auto 0;
}
#header .ttl-block .secondary p img{
width: 55px;
}
#header .ttl-block .secondary p.latest img{
width: 130px;
}


/* ==================================================== */
/* C O N T E N T */
/* ==================================================== */
#content .section{

}

#content #billboard{
margin: 0 10px 20px;
}
#content #billboard h2{
float: none;
width: auto;
margin: 0 0 3px 0; 
}
#content #billboard .lnav{
float: none;
width: auto;
margin: 0 auto;
}
#content #billboard .lnav ul{
margin: 0;
}
#content #billboard .lnav li{
margin-bottom: 1px;
background: #1a1a1a;
}
#content #billboard .lnav li a{
display: block;
text-align: center;
}
#content #billboard .lnav li img{
width: 210px;
}

#content .content-caption{
margin: 0 15px;
font-size: 14px;
}


#content .feature{
padding: 20px 15px;
background: #121007;
}
#content .feature h3{
margin-bottom: 20px;
}
#content .feature p{
padding: 0;
}
#content .feature p img{
margin-left: 0;
}


/* caption block
---------------------------------------- */
#content .cap-block{
display: block;
margin-bottom: 20px;
}
#content .cap-block.left,
#content .cap-block.right{
float: none;
margin: 0 auto;
}
#content .cap-block p{
margin: 0 0 10px;
padding: 0;
}
#content .cap-block .cap-block-note{
color: #ccc;
text-align: right;
font-size: 12px;
}


/* product-detail
---------------------------------------- */
#content .feature .product-detail{
padding: 100px 0 0;
background-size: 9px auto;
background-position: center 40px;
}
#content .feature .product-detail .column{
width: auto;
margin: 0 0 30px;
}
#content .feature .product-detail .primary{
margin-right: 0;
}
#content .feature .product-detail dl dt{
text-align: center;
}


/* questionnaire-02
---------------------------------------- */
#content .feature .questionnaire-02 p:last-child{
text-align: left;
}


/* place-otonano-sony
---------------------------------------- */
#content .feature .place-otonano-sony{
width: 70%;
margin: 0 auto 20px;
border: 1px solid #333;
}
#content .feature .place-otonano-sony ul{
margin: 0;
}
#content .feature .place-otonano-sony ul li{
float: none;
width: auto;
margin: 0;
padding: 20px 0 0;
border-right: none;
border-bottom: 1px solid #333;
}
#content .feature .place-otonano-sony ul li.last{
border: none;
}
#content .feature .place-otonano-sony ul li p.name{
height: auto;
margin: 0 0 10px;
}

/* Store List */
#content .feature ul.store-list{
margin: 0;
text-align: center;
}
#content .feature ul.store-list li{
float: none;
margin: 0 0 10px 0;
/* width: 360px; */
}


/* product-unit
---------------------------------------- */
#content #product-unit{
margin: 0 20px 30px;
text-align: center;
}
#content #product-unit .column{
background: #FFF;
}
#content p.attention {
padding: 10px 15px;
}


/* whats-4k
---------------------------------------- */
#content .feature .whats-4k p.align-c{
text-align: left;
}

/* private-theater
---------------------------------------- */
#content .feature .grid2col.private-theater{
margin: -20px 0 0;
}
#content .feature .grid2col.private-theater .column{
width: auto;
}
#content .feature .grid2col.private-theater .column:first-child{
width: auto;
margin: 0 25px 20px;
}
#content .feature .grid2col.private-theater p{
padding: 0;	
}


/* archives
---------------------------------------- */
#content .archives{
position: relative;
height: 48px;
margin: 0 15px;
border: 1px solid #FFF;
border-left: none;
border-right: none;
background: none;
}
#content .archives p{
display: inline-block;
}
#content .archives .goto-list{
position: absolute;
top: 10px; left: 0;
width: 100%;
margin: 0 auto;
padding: 0 0 0;
text-align: center;
}
#content .archives .goto-list img{
width: 210px;
}
#content .archives .next{
position: absolute;
top: 8px; right: 0;
width: 44px;
text-align: right;
}
#content .archives .prev{
position: absolute;
top: 8px; left: 0;
width: 44px;
text-align: left;
}



/* coming
---------------------------------------- */
#content .coming{
margin: 0 15px 30px;
}
#content .coming .column{
width: auto;
}
#content .coming .column.right{
width: auto;
height: auto;
margin: 0;
border: 1px solid #a18c3f;
background: none;
font-family: "Hiragino Mincho Pro", serif !important;
}

#content .coming .column.right h4,
#content .coming .column.right dl,
#content .coming .column.right p{
visibility: visible;
}

#content .coming .column.right h4{
padding: 10px 0 10px 10px;
border-bottom: 1px solid #a18c3f;
color: #a18c3f;
}
#content .coming .column.right dl{
padding: 0 10px 10px 10px;
border-bottom: 1px solid #a18c3f;
}
#content .coming .column.right dl dt{
font-size: 18px;
}
#content .coming .column.right p{
padding: 0 10px 0 10px;
}
#content .coming .column.right p strong{
font-size: 18px;
font-weight: normal;
}



/* ==================================================== */
/* F O O T E R */
/* ==================================================== */
#footer .questionnaire{
float: none;
width: 250px;
margin: 0 auto 30px;
text-align: center;
}
#footer .questionnaire img{
vertical-align: middle;
margin-bottom: 10px;
}
#footer .questionnaire a{
padding: 0;
}

#footer .sns{
float: none;
width: auto;
margin: 0 15px 0;
padding: 5px 0 0;
}
#footer .sns ul li{
float: left;
width: 110px;
height: 26px;
}
#footer .sns ul li.fb{
margin-top: 0;
}

#footer .easter{
padding: 150px 0 30px;
}

.s4k #footer .easter .copy{
/* .shires #footer .easter .copy{ */
padding-top: 50px;
background-size: 50px auto;
}
.shires #footer .easter .copy{
padding-top: 85px;
background: url(../img/logo_hires_ms.png) no-repeat center top;
background-size: 86% auto;
font-size: 10px;
}