@charset "shift_jis";
/*==============================================
common
============================================= */
.bnr .item,
.forSp {
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

/*==============================================
ŠÅ”Â
============================================= */
#mainContents {
background: #0b0b0b url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/title_bg.webp) center top no-repeat;
    font-family: "Yu Gothic Medium", "ŸàƒSƒVƒbƒN Medium", YuGothic, "ŸàƒSƒVƒbƒN‘Ì", "ƒ�ƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
    font-feature-settings: "palt"1;
	width: 100%;
}

/*---- .title ----*/
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/title01.jpg) center top no-repeat;
margin: 0 auto 55px;
text-indent: -999em;
font-size: 0;
width: 988px;
height: 596px;
z-index: 1;
}
.lead {
    width: 930px;
    line-height: 2.0;
    margin: 55px auto 0;
    color: #fff;
    font-size: 17px;
}
.lead a {
transition: .2s;
font-weight: bold;
}
.lead a:link,
.lead a:visited {
color: #348fdf;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #82c2f9;
}
.menu {
background: #1b1b1b; box-sizing: border-box;
width: 100%;
margin: 65px auto 0;
padding: 50px 0 40px;
}
.menu ul {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/menu_bg.png) left top 10px no-repeat;
box-sizing: border-box;
width: 930px;
margin: 0 auto;
padding-left: 120px;
}

.menu li a {
display: block;
color: #fff;
font-size: 16px;
padding: 10px 0 18px 25px;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.15em;
    font-feature-settings: "palt"1;
transition: 0.2s;
}
.menu li a:hover {
opacity: 0.7;
}

/*==============================================
bnr
============================================= */
.topbnr {
width: 930px;
margin: 45px auto 50px;
}
.bnr {
overflow: hidden;
}
.topbnr .item01 a {
display: block;
width: 445px;
height: 144px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr01.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .item01  {
width: 445px;
height: 144px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr01_over.webp) no-repeat;
margin: 0 auto;
float: left;
}
.topbnr .item02 a {
display: block;
width: 445px;
height: 144px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr02.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.topbnr .item02  {
width: 445px;
height: 144px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr02_over.webp) no-repeat;
margin: 0 auto;
float: right;
}


.innerbnr {
background: #252526 url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr_bg.gif) center top no-repeat;
width: 100%;
margin: 80px auto 0;
padding: 43px 0;
}
.innerbnr .bnr {
width: 930px;
margin: 0 auto;
}
.innerbnr .item01 a {
display: block;
width: 445px;
height: 144px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr01.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .item01  {
width: 445px;
height: 144px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr01_over.webp) no-repeat;
margin: 0 auto;
float: left;
}
.innerbnr .item02 a {
display: block;
width: 445px;
height: 144px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr02.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.innerbnr .item02  {
width: 445px;
height: 144px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/bnr02_over.webp) no-repeat;
margin: 0 auto;
float: right;
}

.item01 a:hover,
.item02 a:hover {
opacity: 0;
}
/*==============================================
#mainContents
============================================= */

.paragraph h2 {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/title_line.gif) top center no-repeat;
box-sizing: border-box;
color: #fff;
font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.1em;
    font-feature-settings: "palt"1;
font-size: 38px;
line-height: 1.3;
text-align: center;
width: 930px;
margin: 0 auto;
padding: 120px 0 0;
}
.paragraph h2 b {
color: #c39646;
display: block;
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}


.paragraphIn {
width: 930px;
margin: -20px auto 0;
}
.paragraph p {
color: #d5d5d5;
font-size: 18px;
line-height: 1.9;
margin-top: 70px;
}
.paragraph p + p {
margin-top: 30px;
}

p.sTxt {
display: block;
font-size: 12px;
line-height: 1.7;
text-indent: -12px;
margin-left: 12px;
margin-top: 20px;
}
.paragraph p b {
color: #fff;
    font-weight: bold;
}



/*---- .imgBox ----*/
.imgBox {
width: 100%;
margin: 70px auto 0;
}

.imgBox .imagesClear a {
display: block;
width: 49%;
float: left;
}
.imgBox .imagesClear a + a {
display: block;
width: 49%;
float: right;
}
.imgBox .imagesClear + .imagesClear {
margin-top: 20px;
}

/*---- .imgBoxB ----*/
.imgBoxSp,
.imgBoxB {
width: 750px;
margin: 70px auto 0;
}
.imgBoxB p.cap {
margin-top: 15px !important;
}

/*---- img‹¤’Ê�@----*/
.sTitle {
margin-top: 100px;
}
.sTitle + .photoTitle,
.sTitle + p,
.sTitle + .imgBoxB,
.sTitle + .imgBox {
margin: 45px auto 0;
}
.sTitle h3 {
color: #fff;
font-size: 29px;
line-height: 1.5;
text-align: center;
font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.15em;
    font-feature-settings: "palt"1;
}
.paragraph p.cap {
font-size: 14px;
line-height: 1.7;
}
.imgBoxSp img,
.imgBoxB img,
.imgBox img {
width: 100%;
}
.imgBox03 p.cap,
.movBox p.cap,  
.imgBox p.cap,
.imgBoxSp p.cap,
.imgBox .imagesClear + p.cap {
margin-top: 15px !important;
}
.imgBox .imagesClear p.cap {
display: block;
width: 48%;
float: right;
margin-top: 0 !important;
}
.photoTitle {
box-sizing: border-box;
text-align: center;
margin: 70px auto 0;
}
.photoTitle02,
#article03 .photoTitle {
width: 750px;
box-sizing: border-box;
margin: 70px auto 0;
}
.photoTitle02 strong,
.photoTitle strong {
color: #fff;
font-size: 21px;
font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.1em;
    font-feature-settings: "palt"1;
}
.imgBox strong {
color: #fff;
display: block;
font-size: 21px;
font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.1em;
    font-feature-settings: "palt"1;
	text-align: center;
	margin-bottom: 15px;
}
.photoTitle02 + .imgBoxSp,
.photoTitle02 + .imgBox03,
.photoTitle + .imgBox,
.photoTitle + .imgBoxB,
.photoTitle + .imgBoxSp,
.photoTitle + .imgBoxSp02 {
margin-top: 15px;
}
.imgBox03,
.imgBoxSp {
width: 750px;
margin: 0 auto;
}
#article04 .imgBoxSp {
width: 750px;
margin: 70px auto 0;
}
.imgBoxSp a {
display: block;
width: 180px;
float: left;
margin-right: 10px;
}
.imgBoxSp a:nth-last-of-type(1) {
display: block;
width: 180px;
float: left;
margin-right: 0px;
}

.imgBox03 a {
border: #e1e1e1 solid 1px;
display: block;
width: 239px;
float: left;
}
.imgBox03 a + a {
margin-left: 12px;
}
.imgBox03 img,
.imgBoxSp img {
width: 100%;
}

.imagesClear {
overflow: hidden;
}

/*---- .txtLink ----*/
.txtLink {
display: block;
width: 600px;
margin: 40px auto 0;
}
.txtLink + .txtLink  {
display: block;
width: 600px;
margin: 15px auto 0;
}
.txtLink a {
background: #18222e;
border: #2e4c6d solid 1px;
border-radius: 5px;
color: #d2d2d4;
display: block;
text-align: center;
font-size: 14px;
padding: 10px 0;
transition: 0.2s;
}
.txtLink a:hover {
background: #253950;
border: #518ccf solid 1px;
border-radius: 5px;
color: #d2d2d4;
display: block;
}

/*==============================================
.productBox
============================================= */
#matome {
margin-bottom: 120px;
}

.productBox {
background: #2c2c2c;
width: 100%;
}
.productTitle strong {
color: #fff;
display: block;
font-size: 23px;
font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.2em;
    font-feature-settings: "palt"1;
	text-align: center;
	padding: 130px 0 40px;
}

.productItem01 a {
display: block;
width: 956px;
height: 197px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/product_bnr01.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.productItem01 {
width: 956px;
height: 197px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/product_bnr01_over.webp) no-repeat;
margin: 0 auto 10px;
}
.productItem02 a {
display: block;
width: 956px;
height: 197px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/product_bnr02.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.productItem02 {
width: 956px;
height: 197px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/05_sony/product_bnr02_over.webp) no-repeat;
margin: 0 auto;
}

.productItem02 a:hover,
.productItem01 a:hover {
opacity: 0;
}
/*==============================================
.releasedate
============================================= */
.releasedate {
color: #fff;
font-size: 11px; 
width: 930px;
margin: 0 auto; 
text-align: right;
padding: 90px 0 120px;
}