@charset "shift-jis";
/* 1. Base Setting / Common Parts
---------------------------------------------------------*/
html { margin: 0px; padding: 0px; height: 100%; }

body { color: #232323; font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-size: 14px; text-align: center; margin: 0px; padding: 0px; background-color: #f0f0f0; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

ul, li { list-style: none; list-style-image: none; text-align: left; }

ul { margin: 0px; padding: 0px; }

p { text-align: left; line-height: 1.6em; }

sub, sup { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 10px; }

sub { top: .25ex; }

sup { bottom: 5px; }

img { vertical-align: top; }

section { text-align: left; }

.section-content { width: 1200px; margin-left: auto; margin-right: auto; }

.child-section:after { content: ''; display: block; clear: both; }

.sp { display: none; }

@media only screen and (max-width: 740px) { section { position: relative; }
  .section-content { width: 100%; }
  #pagetop { padding-top: 20px; padding-bottom: 20px; }
  .sp { display: block; } }
.link-button { text-align: center; margin-top: 30px; margin-bottom: 30px; }

.button { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

.btn-frame { display: inline-block; width: 280px; height: 60px; color: #4d4d4d; font-size: 20px; line-height: 60px; border: 1px solid #4d4d4d; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.btn-frame i { width: 0; height: 0; display: block; position: absolute; top: 50%; right: 10%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #4d4d4d; }

.btn-menu { display: block; width: 100%; height: 100%; color: #232323; font-size: 16px; font-weight: bold; line-height: 54px; text-indent: 8px; }

.btn-menu:hover { text-decoration: none; }

.btn-link { display: block; width: 100%; height: 40px; color: white; font-size: 14px; font-weight: bold; line-height: 42px; text-indent: 10px; background-image: url(../imgs/common/icon_new_window_white.png); background-position: 95% center; background-repeat: no-repeat; }

.btn-detail { background-color: #f6bb42; }

.btn-detail2 { background-color: #a5d11e; }

.btn-sonystore { background-color: #232323; }

.btn-link-explain { display: block; width: 100%; height: 40px; color: white; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center; background-color: #232323; background-image: url(../imgs/common/icon_new_window_white.png); background-position: 95% center; background-repeat: no-repeat; }
.btn-link-explain.insite-link { background-image: none; position: relative; }
.btn-link-explain.insite-link i { width: 0; height: 0; display: block; position: absolute; top: 50%; right: 20%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid white; }

.btn-next-page { display: block; width: 500px; height: 70px; color: #232323; font-size: 22px; font-weight: bold; line-height: 72px; text-align: center; background-color: #13d1bd; position: relative; }
.btn-next-page i { width: 0; height: 0; display: block; position: absolute; top: 50%; right: 20%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #232323; }

.btn-lineup-page { display: block; width: 500px; height: 70px; color: #232323; font-size: 22px; font-weight: bold; line-height: 72px; text-align: center; background-color: #f6bb42; position: relative; }
.btn-lineup-page i { width: 0; height: 0; display: block; position: absolute; top: 50%; right: 12%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #232323; }

.btn-prev-page { display: block; width: 500px; height: 70px; color: white; font-size: 22px; font-weight: bold; line-height: 72px; text-align: center; background-color: #7c7c7c; position: relative; }
.btn-prev-page i { width: 0; height: 0; display: block; position: absolute; top: 50%; left: 22%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 7px solid white; }

.btn-prev-directory { display: block; width: 500px; height: 70px; color: white; font-size: 21px; font-weight: bold; line-height: 72px; text-align: center; background-color: #7c7c7c; position: relative; }
.btn-prev-directory i { width: 0; height: 0; display: block; position: absolute; top: 50%; left: 10%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 7px solid white; }

.btn-frame:hover, .btn-link:hover, .btn-link-explain:hover, .btn-next-page:hover, .btn-lineup-page:hover, .btn-prev-page:hover, .btn-prev-directory:hover, .btn-pagetop:hover { opacity: 0.6; text-decoration: none; }

@media only screen and (max-width: 740px) { .link-button { margin-top: 20px; margin-bottom: 20px; }
  .btn-frame { width: 95%; height: 36px; font-size: 13px; font-weight: bold; line-height: 34px; }
  .btn-frame i { right: 30%; }
  .btn-link { height: 30px; font-size: 12px; line-height: 30px; background-size: 10px 8px; }
  .btn-link-explain { height: 36px; font-size: 12px; line-height: 34px; background-size: 10px 8px; }
  .btn-next-page { width: 100%; height: 50px; font-size: 16px; line-height: 50px; }
  .btn-lineup-page { width: 100%; height: 50px; font-size: 16px; line-height: 50px; }
  .btn-lineup-page i { right: 10%; }
  .btn-prev-page { width: 100%; height: 50px; font-size: 16px; line-height: 50px; }
  .btn-prev-directory { width: 100%; height: 50px; font-size: 14px; line-height: 50px; }
  .btn-prev-directory i { left: 5%; }
  .btn-pagetop { display: inline-block; width: 65%; height: 36px; color: #656565; font-size: 13px; font-weight: bold; line-height: 32px; text-indent: 10px; border: 2px solid #aaaaaa; position: relative; }
  .btn-pagetop i { width: 0; height: 0; display: block; position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 7px solid #656565; }
  .btn-frame:hover, .btn-link:hover, .btn-link-explain:hover, .btn-next-page:hover, .btn-lineup-page:hover, .btn-prev-page:hover, .btn-prev-directory:hover, .btn-pagetop:hover { opacity: 1.0; text-decoration: none; } }
.score { color: #3f3f3f; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-weight: bold; text-align: center; }

.score-number { letter-spacing: 0.045em; }

.rating span { display: inline-block; }

.star-full { background-image: url(../imgs/common/star/l_full.png); }

.star-none { background-image: url(../imgs/common/star/l_none.png); }

.star-per1 { background-image: url(../imgs/common/star/l_per1.png); }

.star-per2 { background-image: url(../imgs/common/star/l_per2.png); }

.star-per3 { background-image: url(../imgs/common/star/l_per3.png); }

.star-per4 { background-image: url(../imgs/common/star/l_per4.png); }

.star-per5 { background-image: url(../imgs/common/star/l_per5.png); }

.star-per6 { background-image: url(../imgs/common/star/l_per6.png); }

.star-per7 { background-image: url(../imgs/common/star/l_per7.png); }

.star-per8 { background-image: url(../imgs/common/star/l_per8.png); }

.star-per9 { background-image: url(../imgs/common/star/l_per9.png); }

.star-m-full { background-image: url(../imgs/common/star/m_full.png); }

.star-m-none { background-image: url(../imgs/common/star/m_none.png); }

.star-m-per1 { background-image: url(../imgs/common/star/m_per1.png); }

.star-m-per2 { background-image: url(../imgs/common/star/m_per2.png); }

.star-m-per3 { background-image: url(../imgs/common/star/m_per3.png); }

.star-m-per4 { background-image: url(../imgs/common/star/m_per4.png); }

.star-m-per5 { background-image: url(../imgs/common/star/m_per5.png); }

.star-m-per6 { background-image: url(../imgs/common/star/m_per6.png); }

.star-m-per7 { background-image: url(../imgs/common/star/m_per7.png); }

.star-m-per8 { background-image: url(../imgs/common/star/m_per8.png); }

.star-m-per9 { background-image: url(../imgs/common/star/m_per9.png); }

.star-s-full { background-image: url(../imgs/common/star/s_full.png); }

.star-s-none { background-image: url(../imgs/common/star/s_none.png); }

.star-s-per1 { background-image: url(../imgs/common/star/s_per1.png); }

.star-s-per2 { background-image: url(../imgs/common/star/s_per2.png); }

.star-s-per3 { background-image: url(../imgs/common/star/s_per3.png); }

.star-s-per4 { background-image: url(../imgs/common/star/s_per4.png); }

.star-s-per5 { background-image: url(../imgs/common/star/s_per5.png); }

.star-s-per6 { background-image: url(../imgs/common/star/s_per6.png); }

.star-s-per7 { background-image: url(../imgs/common/star/s_per7.png); }

.star-s-per8 { background-image: url(../imgs/common/star/s_per8.png); }

.star-s-per9 { background-image: url(../imgs/common/star/s_per9.png); }

.content-note { margin-top: 10px; }
.content-note p { color: #656565; font-size: 12px; line-height: 1.8em; }

#link-to-next-page { margin-top: 30px; padding-left: 10px; padding-right: 10px; }
#link-to-next-page a { margin-left: auto; margin-right: auto; }

#easynavi-content-first-control { display: block; }

#easynavi-content-second-control { display: none; }

@media only screen and (max-width: 740px) { .content-note { padding-left: 10px; padding-right: 10px; }
  .content-note p { font-size: 11px; line-height: 1.6em; }
  .star-m-full { background-image: url(../imgs/common/star/l_full.png); }
  .star-m-none { background-image: url(../imgs/common/star/l_none.png); }
  .star-m-per1 { background-image: url(../imgs/common/star/l_per1.png); }
  .star-m-per2 { background-image: url(../imgs/common/star/l_per2.png); }
  .star-m-per3 { background-image: url(../imgs/common/star/l_per3.png); }
  .star-m-per4 { background-image: url(../imgs/common/star/l_per4.png); }
  .star-m-per5 { background-image: url(../imgs/common/star/l_per5.png); }
  .star-m-per6 { background-image: url(../imgs/common/star/l_per6.png); }
  .star-m-per7 { background-image: url(../imgs/common/star/l_per7.png); }
  .star-m-per8 { background-image: url(../imgs/common/star/l_per8.png); }
  .star-m-per9 { background-image: url(../imgs/common/star/l_per9.png); }
  .star-s-full { background-image: url(../imgs/common/star/m_full.png); }
  .star-s-none { background-image: url(../imgs/common/star/m_none.png); }
  .star-s-per1 { background-image: url(../imgs/common/star/m_per1.png); }
  .star-s-per2 { background-image: url(../imgs/common/star/m_per2.png); }
  .star-s-per3 { background-image: url(../imgs/common/star/m_per3.png); }
  .star-s-per4 { background-image: url(../imgs/common/star/m_per4.png); }
  .star-s-per5 { background-image: url(../imgs/common/star/m_per5.png); }
  .star-s-per6 { background-image: url(../imgs/common/star/m_per6.png); }
  .star-s-per7 { background-image: url(../imgs/common/star/m_per7.png); }
  .star-s-per8 { background-image: url(../imgs/common/star/m_per8.png); }
  .star-s-per9 { background-image: url(../imgs/common/star/m_per9.png); } }
/* 2. Common Layout
---------------------------------------------------------*/
header { height: 70px; background-color: #232323; }

.temp-header { width: 1200px; margin-left: auto; margin-right: auto; text-align: left; padding-top: 26px; padding-left: 10px; }
.temp-header img { width: 92px; height: auto; }

#site-title { height: 130px; }

#site-title-container { height: 130px; position: static; background-color: #f0f0f0; }

#site-title-sub { padding-top: 25px; }
#site-title-sub img { height: 23px; width: auto; }

#site-title-main { padding-top: 12px; }

#btn-header-menu { display: none; }

#footer-container { width: 1200px; height: 1040px; margin-left: auto; margin-right: auto; background-image: url(../imgs/common/_temp_footer.png); background-position: center top; background-repeat: no-repeat; }

#footer-content { display: none; }

@media only screen and (max-width: 740px) { header { position: relative; z-index: 2000; }
  .temp-header { width: 100%; padding-left: 10px; }
  #site-title { height: 55px; position: relative; z-index: 2000; }
  #site-title-container { width: 100%; height: 55px; position: static; }
  #site-title-container.under-border { border-bottom: 1px solid #e5e5e5; }
  #site-title-sub { padding-top: 12px; }
  #site-title-sub img { height: 12px; width: auto; }
  #site-title-main { padding-top: 0px; }
  #site-title-main img { height: 15px; width: auto; }
  #btn-header-menu { display: block; width: 24px; height: 18px; position: absolute; top: 20px; right: 3%; bottom: 0; z-index: 2000; -webkit-transition: none; transition: none; }
  #btn-header-menu i, #btn-header-menu i:after, #btn-header-menu i:before, #btn-header-menu:after, #btn-header-menu:before { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  #btn-header-menu i:after, #btn-header-menu i:before, #btn-header-menu:after { content: ""; height: 3px; background: #232323; -webkit-transition: .15s; transition: .15s; }
  #btn-header-menu:after { top: 7px; }
  #btn-header-menu i:after { top: 14px; }
  #btn-header-menu.active:before { border-bottom-width: 1px; }
  #btn-header-menu.active:after { opacity: 0; }
  #btn-header-menu.active i:before { top: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #btn-header-menu.active i:after { top: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  footer { height: auto; background-image: none; }
  #footer-container { width: 100%; height: auto; margin-left: 0px; margin-right: 0px; padding-top: 180%; padding-bottom: 180%; background-image: url(../imgs/sp/_temp_footer.jpg); background-size: cover; } }
/* 3. Contents Layout
---------------------------------------------------------*/
#page-menu { float: left; width: 215px; position: relative; }
#page-menu ul { width: 215px; margin-bottom: 20px; }
#page-menu li { width: 100%; height: 52px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: content-box; -webkit-box-sizing: content-box; }
#page-menu li:first-child { border-top: 1px solid #e5e5e5; }
#page-menu a { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: white; }

#page-menu-review a { border-right: 6px solid #13d1bd; }
#page-menu-review a.selected { background-color: #13d1bd; }
#page-menu-review a:hover { background-color: #13d1bd; }

#page-menu-easynavi a { border-right: 6px solid #f6bb42; }
#page-menu-easynavi a.selected { background-color: #f6bb42; }
#page-menu-easynavi a:hover { background-color: #f6bb42; }

#page-content { float: right; width: 920px; padding-bottom: 100px; }

.page-content-title { text-align: center; margin-bottom: 15px; }

.arrow { display: block; width: 0; height: 0; margin-left: auto; margin-right: auto; }

.arrow-down { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid; }

.page-content-subtitle { margin-bottom: 30px; }
.page-content-subtitle p { color: #5b5b5b; font-size: 15px; line-height: 1.8em; text-align: center; }

#page-menu-top { display: none; }

@media only screen and (max-width: 740px) { #page-menu, #page-menu-top { display: none; float: none; width: 100%; position: absolute; z-index: 1000; }
  #page-menu ul, #page-menu-top ul { width: 100%; margin-bottom: 10px; }
  #page-menu li, #page-menu-top li { width: 100%; height: 52px; border-left: none; border-right: none; border-bottom: 1px solid #e5e5e5; box-sizing: content-box; -webkit-box-sizing: content-box; }
  #page-menu li:first-child, #page-menu-top li:first-child { border-top: 1px solid #e5e5e5; }
  #page-menu a, #page-menu-top a { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: white; }
  #page-menu-container { width: 100%; }
  #page-menu-review a { border-right: 6px solid #13d1bd; }
  #page-menu-review a.selected { background-color: #13d1bd; }
  #page-menu-review a:hover { background-color: #13d1bd; }
  #page-menu-easynavi a { border-right: 6px solid #f6bb42; }
  #page-menu-easynavi a.selected { background-color: #f6bb42; }
  #page-menu-easynavi a:hover { background-color: #f6bb42; }
  #page-menu-close a { color: #e5e5e5; font-size: 15px; text-align: center; text-indent: 20px; background-color: #7c7c7c; position: relative; }
  #page-menu-close span { display: block; width: 24px; height: 18px; position: absolute; top: 19px; left: 50%; margin-left: -50px; z-index: 10; }
  #page-menu-close span:after { top: 7px; opacity: 0; }
  #page-menu-close span:before { border-bottom-width: 1px; }
  #page-menu-close i, #page-menu-close i:after, #page-menu-close i:before { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  #page-menu-close i:after, #page-menu-close i:before { content: ""; height: 2px; background: #e5e5e5; }
  #page-menu-close i:before { top: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #page-menu-close i:after { top: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  #page-content { float: none; width: 100%; padding-bottom: 10px; }
  .page-content-title { margin-bottom: 10px; }
  .arrow-down { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; }
  .page-content-subtitle { margin-bottom: 15px; }
  .page-content-subtitle p { font-size: 13px; line-height: 1.6em; text-align: justify; padding-left: 10px; padding-right: 10px; }
  .page-content-subtitle p br { display: none; }
  #menu-cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: #dfdfdf; display: none; } }
.rnWrap a:hover { opacity: 0.7; }

.inner { max-width: 1200px; width: 97%; margin-right: auto; margin-left: auto; }
.inner p { text-align: center; }

.rnWrap .contentsArea { width: 100%; padding-bottom: 100px; }

.rnWrap .contentsArea .inner { background: #fff; padding-bottom: 32px; }

@media screen and (max-width: 640px) { .rnWrap { padding-bottom: 37px; }
  .rnWrap .contentsArea { padding-bottom: 10px; }
  .inner { max-width: 93.1%; width: 93.1%; margin-right: auto; margin-left: auto; }
  .rnWrap .contentsArea .inner { padding-bottom: 16px; } }
/** for common banner area on Footer  */
.ft_banner { text-align: center; }

.ft_banner p img { height: auto; }

.ft_banner ul { text-align: center; margin: 14px auto 40px -1%; }
.ft_banner ul:after { content: ''; display: block; clear: both; }

.ft_banner ul li { float: left; /* display: inline-block; */ /* vertical-align: top; */ margin-left: 1%; width: 24%; height: auto; }
.ft_banner ul li.col1 { float: none; /* display: inline-block; */ /* vertical-align: top; */ margin-left: 1%; width: 99%; height: auto; }

.ft_banner ul li a { display: block; }

.ft_banner ul li a img { width: 100%; height: auto; vertical-align: top; }

@media screen and (max-width: 740px) { .ft_banner p.spcontents img { width: 90%; }
  .ft_banner p.pccontents img { width: 55%; }
  .ft_banner ul { width: 104%; margin: 14px auto 15px -4%; }
  .ft_banner ul li { margin-left: 4%; margin-bottom: 15px; width: 46%; }
  .ft_banner ul li { margin-left: 4%; margin-bottom: 15px; width: 96%; } }
/** for common banner area on Footer  */
.pk_footer { width: 100%; background-color: white; /*background: #060709;*/ }

.pk_footer .ft_banner { /*background: #0d0f13;*/ }

.pk_footer .ft_banner.inner { padding-top: 48px; padding-bottom: 50px; padding-left: 1.5%; padding-right: 1.5%; }

.pk_footer .social { background: #1f2024; padding-top: 20px; padding-bottom: 20px; }

.pk_footer .enquate { padding-top: 56px; background: #eaeaea; padding-bottom: 50px; }

.pk_footer .sony_hires { background: #1f2024; padding-top: 70px; padding-bottom: 70px; }

.pk_footer .copyright { background: #1f2024; padding-top: 0px; padding-bottom: 70px; }

@media screen and (max-width: 740px) { .pk_footer { width: 100%; padding-top: 0; }
  .pk_footer .ft_banner.inner { padding-top: 22px; padding-bottom: 0px; padding-left: 3.5%; padding-right: 3.5%; max-width: 100%; width: 93%; }
  .pk_footer .social { padding-top: 22px; }
  .pk_footer .social { padding-bottom: 37px; }
  .rnWrap { padding-bottom: 0px; }
  .pk_footer .sony_hires { padding-top: 30px; padding-bottom: 30px; }
  .pk_footer .copyright { padding-bottom: 30px; } }
/** for common social share area on Footer  */
.social { text-align: center; border: 1px solid #474948; }

.social .inner { width: 100%; }

.social ul { text-align: center; }

.social ul li { display: inline-block; vertical-align: top; text-align: center; }

.social li.share-twitter { width: 110px; }

.social li.share-facebook { width: 110px; }

.social li.share-mixi { width: 85px; text-align: center; }

.social li.share-youtube { width: 130px; }

@media screen and (max-width: 740px) { .social { text-align: left; }
  .social ul li { text-align: left; }
  .social li.share-mixi { width: 85px; text-align: left; } }
/** for common enquete area on Footer  */
.enquate { text-align: center; padding-bottom: 16px; }

.enquate .inner { width: 100%; }
.enquate .inner p { text-align: center; }

.enquate .lbl img { max-width: 100%; }

.enquate ul { text-align: center; margin-top: 28px; }

.enquate ul li { display: inline-block; vertical-align: top; }

.enquate ul li:first-child { margin-right: 10px; }

@media screen and (max-width: 740px) { .enquate { display: none; } }
@media screen and (max-width: 740px) { .sony_hires img { width: 80%; } }
@media screen and (max-width: 740px) { .copyright img { width: 70%; } }

@media screen and (max-width: 740px) { .product_banner { text-align: left; }
  .product_banner ul li { text-align: left; }
  .product_banner li.share-mixi { width: 85px; text-align: left; } }
/** for common enquete area on Footer  */
.product_banner { text-align: center; padding-bottom: 0px; }

.product_banner .inner { width: 100%; }
.product_banner .inner p { text-align: center; }

.product_banner .lbl img { max-width: 100%; }

.product_banner ul { text-align: center; margin-top: 30px; }

.product_banner ul li { display: inline-block; vertical-align: top; margin-bottom: 15px; margin-right: 10px; margin-left: 10px}