@charset 'utf-8';

/*
 * きっと、星のせいじゃない PC main.css
 */

body {
  min-width: 980px;

  color: #383838;
  background: #eaf6f9;
}

/*
 *  ----------------------------------- main
 */

#main {
  position: relative;

  width: 980px;
  height: 890px;
  margin: 0 auto;
  padding: 0;

  background: url('../images/main_bg.jpg') no-repeat top center;
}

/*
 *  ----------------------------------- SNS
 */
#snsarea {
  position: absolute;
  top: 15px;
  right: 26px;

  height: 36px;
}

#snsarea li {
  float: left;

  margin-right: 14px;
}

#snsarea .gpl {
  margin-right: 0;
}

/*
 *  ----------------------------------- main element
 */

.title-fios {
  position: absolute;
  top: 186px;
  right: 26px;
}

.catch1 {
  position: absolute;
  top: 46px;
  right: 0;
}

.catch2 {
  overflow: hidden;

  height: 0;

  white-space: nowrap;
  text-indent: 100%;
}

/*
 *  -----------------------------------  bnr-campaign
 */
#bnr-campaign {
  position: absolute;
  top: 375px;
  right: 26px;

  width: 462px;
}

#bnr-campaign ul {
  overflow: hidden;
}

#bnr-campaign li {
  width: 224px;
}

.bnr_l {
  float: left;
}

.bnr_r {
  float: right;
}

/*
 *  ----------------------------------- release
 */
#release {
  position: absolute;
  top: 457px;

  clear: both;
  overflow: hidden;

  width: 980px;
  height: 434px;
  padding-top: 79px;

  background: url('../images/release_bg.png') no-repeat top center;
}

#digital {
  float: left;

  width: 446px;
  margin-left: 14px;

  background: url('../images/digital_bg.jpg') no-repeat top center;
}

#phygical {
  position: relative;

  float: right;

  width: 490px;
  margin-right: 14px;

  background: url('../images/phygical_bg.jpg') no-repeat top center;
}

#digital,
#phygical {
  height: 321px;
  padding-top: 14px;
}

#digital h2,
#phygical h2 {
  margin-bottom: 14px;

  text-align: center;
}

#digital > div {
  margin-right: auto;
  margin-left: auto;
}

#ec-dhd {
  width: 418px;
  margin-bottom: 13px;
}

#aboutdhd {
  position: relative;

  width: 402px;
  padding: 9px 8px;

  background: #e7e7e7;
}

#aboutdhd h3 {
  margin-bottom: 12px;
}

#dhdcaption {
  font-size: 12px;
  line-height: 1.2;
}

#dhddetaillink {
  position: absolute;
  top: 13px;
  right: 8px;

  display: inline-block;

  padding: 6px 10px;

  font-size: 11px;
  letter-spacing: 1px;

  background: #5f7181;
}

#dhddetaillink a {
  display: block;

  font-size: 11px;
  text-decoration: none;
  letter-spacing: 1px;

  color: #fff;
}

#dhddetaillink a:hover {
  zoom: 1;

       opacity: 0.65;
  -moz-opacity: 0.65; /* Firefox */

      filter: alpha(opacity=65); /* IE6/7 */
  -ms-filter: 'alpha(opacity=65)'; /* IE8 */
}

#dhd-caution {
  font-size: 11px;
  line-height: 1.2;
}

#ec-sell,
#ec-rental {
  width: 267px;
  margin-bottom: 14px;
  margin-left: 14px;
}

#bdbonus {
  position: absolute;
  right: 0;
  bottom: 67px;
}

#btn_itemdetail {
  position: absolute;
  right: 14px;
  bottom: 14px;
}

/*
 *  ----------------------------------- btn dhd-link
 */
#ec-dhd h3 {
  margin-bottom: 5px;
}

.dhd-link li {
  position: relative;

  float: left;
  overflow: hidden;

  width: 134px;
  height: 46px;
  margin-bottom: 6px;

  background: #fff;
}

#ec-dhd .dhd-pss {
  clear: both;
}

#ec-dhd .dhd-ggl,
#ec-dhd .dhd-amzn,
#ec-dhd .dhd-tty,
#ec-dhd .dhd-unxt {
  margin-left: 8px;
}

.dhd-link img {
  position: absolute;

  display: inline-block;
}

.dhd-its img {
  top: 0;
  left: 0;
}

.dhd-ggl img {
  top: 0;
  left: -140px;
}

.dhd-amzn img {
  top: 0;
  left: -280px;
}

.dhd-pss img {
  top: -52px;
  left: 0;
}

.dhd-tty img {
  top: -52px;
  left: -140px;
}

.dhd-unxt img {
  top: -52px;
  left: -280px;
}

/*
 *  ----------------------------------- btn sell-link
 */

#ec-sell h3 {
  margin-bottom: 5px;
}

.sell-link li {
  position: relative;

  float: left;
  overflow: hidden;

  width: 130px;
  height: 32px;
  margin-bottom: 6px;

  background: #fff;
}

#ec-sell .sell-rktn,
#ec-sell .sell-tol
 {
  clear: both;
}

#ec-sell .sell-hmv,
#ec-sell .sell-7net,
#ec-sell .sell-twr {
  margin-left: 7px;
}

#ec-sell .sell-tol
,
#ec-sell .sell-twr {
  margin-bottom: 0;
}

.sell-link img {
  position: absolute;

  display: inline-block;
}

.sell-amzn img {
  top: -104px;
  left: 0;
}

.sell-hmv img {
  top: -104px;
  left: -136px;
}

.sell-rktn img {
  top: -142px;
  left: 0;
}

.sell-7net img {
  top: -142px;
  left: -136px;
}

.sell-tol
 img {
  top: -180px;
  left: 0;
}

.sell-twr img {
  top: -180px;
  left: -136px;
}

/*
 *  ----------------------------------- btn rental-link
 */

#ec-rental h3 {
  margin-bottom: 5px;
}

.rental-link li {
  position: relative;

  float: left;
  overflow: hidden;

  width: 130px;
  height: 32px;
  margin-bottom: 6px;

  background: #fff;
}

#ec-rental .rental-dmm {
  clear: both;
}

#ec-rental .rental-psrn {
  margin-left: 7px;
}

#ec-rental .rental-dmm {
  margin-bottom: 0;
}

.rental-link img {
  position: absolute;

  display: inline-block;
}

.rental-dscs img {
  top: -104px;
  left: -272px;
}

.rental-psrn img {
  top: -142px;
  left: -272px;
}

.rental-dmm img {
  top: -180px;
  left: -272px;
}

/*
 *  ----------------------------------- content-wrapper
 */
.content-wrapper {
  width: 980px;
  margin: 0 auto;
  padding-top: 36px;
  padding-bottom: 42px;

  color: #fff;
  background: url('../images/bg_blackboard.jpg') repeat-y;
}

/*
 *  ----------------------------------- trailer
 */

#trailer {
  width: 910px;
  margin-bottom: 62px;
  margin-left: 28px;
}

#trailer h2 {
  margin-bottom: 24px;
}

#trailer-ytb {
  width: 745px;
  height: 426px;
  margin: 0 auto 24px;
  padding-top: 8px;

  background: url('../images/youtube_bg.png') no-repeat top center;
}

#trailer-ytb iframe {
  display: block;

  width: 728px;
  height: 410px;
  margin: 0 auto;
}

#btn-othertrailer {
  width: 563px;
  margin: 0 auto;
}

/*
 *  ----------------------------------- item
 */

#item {
  width: 910px;
  margin-bottom: 72px;
  margin-left: 28px;
}

#item h2 {
  margin-bottom: 24px;
}

#item-bd,
#item-dvd {
  position: relative;

  clear: both;
  overflow: hidden;
}

#item-bd {
  margin-bottom: 50px;

  background: url('../images/bd_bg.png') no-repeat left top;
}

#item-dvd {
  background: url('../images/dvd_bg.png') no-repeat left top;
}

.item-r {
  float: right;

  width: 592px;
}

.item-title {
  margin-bottom: 14px;

  font-size: 24px;
}

.item-info {
  margin-bottom: 18px;

  font-size: 14px;
  line-height: 1.3;
}

.item-type {
  display: inline-block;

  width: 114px;
  margin-bottom: 20px;
  padding: 4px 0;

  font-size: 14.2px;
  text-align: center;
  letter-spacing: 2px;
}

.type-bd {
  background: #0f9aeb;
}

.type-dvd {
  background: #ed9202;
}

.bonus,
.bonusfeature {
  font-size: 14px;
  line-height: 1.3;
}

.bonus {
  margin-bottom: 14px;
}

.bonus dt {
  float: left;
}

.bonusfeature {
  margin-bottom: 24px;
}

.bfeature-detail1 {
  float: left;

  width: 328px;
  margin-right: 24px;
}

.extended {
  margin-bottom: 20px;
  padding: 16px 14px;

  font-size: 15px;

  background: url('../images/extended_bg.png') no-repeat left top;
}

.item-ec {
  width: 581px;
  height: 103px;

  background: url('../images/itemrec_bg.png') no-repeat left top;
}

.item-ec h4 {
  overflow: hidden;

  height: 0;

  white-space: nowrap;
  text-indent: 100%;
}

.item-ec .sell-link {
  margin: 15px 0 15px 159px;
}

.item-ec .sell-link li {
  margin-bottom: 9px;

  background: #222;
}

.item-ec .sell-7net {
  clear: both;
}

.item-ec .sell-hmv,
.item-ec .sell-rktn,
.item-ec .sell-tol
,
.item-ec .sell-twr {
  margin-left: 8px;
}

.item-ec .sell-7net,
.item-ec .sell-tol
,
.item-ec .sell-twr {
  margin-bottom: 0;
}

.btn-detail {
  position: absolute;
  top: 252px;
  left: 14px;
}

/*
 *  -----------------------------------  bnr-related
 */

#bnr-related {
  overflow: hidden;

  width: 872px;
  margin: 0 auto 38px;
}

#bnr-related li {
  width: 424px;
}

/*
 *  ----------------------------------- navi-top
 */

.navi-top {
  margin-right: 54px;

  text-align: right;
}

.navi-top a {
  font-size: 14px;

  color: #fff;
}

.navi-top a:hover {
  text-decoration: none;
}

/*
 *  ----------------------------------- footer-common
 */
/* ==========================================================================
   content-footer
   ========================================================================== */

#footer-common {
  overflow: hidden;

  padding: 25px 0 10px;

  background: #333;
}

#bnr_area_inn {
  width: 980px;
  margin: 0 auto;
}

#bnr_area_inn ul {
}
#bnr_area_inn ul:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  line-height: 0;

  content: '.';
}
#bnr_area_inn ul {
  display: inline-block;
}
* html #bnr_area_inn ul {
  height: 1%;
}

#bnr_area_inn ul {
  display: block;
}

#page_bnr {
  clear: both;

  padding-bottom: 18px;
}

#page_bnr li {
  float: left;
}

#page_bnr li + li {
  margin: 0 0 0 10px;
}

#official_bnr,
#foxhe_bnr {
  width: 980px;
  padding-bottom: 15px;
}

#official_bnr li,
#foxhe_bnr li {
  float: left;
}

#official_bnr li + li,
#foxhe_bnr li + li {
  margin: 0 0 0 10px;
}

#top_footerleft {
  float: left;

  width: 355px;
  height: 44px;
  margin: 0 31px 0 0;
  padding: 4px 12px 0 12px;

  background-color: #e0e0e0;
}

#top_footerleft span {
  margin-bottom: 1px;

  font-weight: bold;
  text-align: center;

  color: #000;
}

#top_footerleft li {
  float: left;

  width: 166px;
  height: 22px;
  margin-right: 6px;

  list-style: none;
}
#top_footerleft li.last {
  margin-right: 0;
}


#snss {
  display: block;
  float: left;

  width: 590px;
}

#snss li {
  float: left;

  list-style: none;
}

#snss li.last {
  margin-right: 0;
}

/*-------------------
fox-sns
--------------------*/

#fox-sns {
  float: left;

  width: 358px;
  margin-right: 18px;
  padding: 5px 7px 2px 7px;

  background-color: #c1ad4b;
}
#fox-sns:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  content: '.';
}
#fox-sns {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html #fox-sns {
  height: 1%;
}
#fox-sns {
  display: block;
}
/* End hide from IE-mac */

#fox-sns h3 {
  float: left;

  margin-right: 14px;
}

#fox-sns .fox-sns-btn {
  float: left;

  width: 141px;
}

#fox-sns .fox-sns-btn li {
  margin-bottom: 3px;

  list-style: none;
}
#fox-sns .fox-sns-btn li + li {
  margin: 0 0 3px 0;
}

/*
 *  ----------------------------------- btn
 */

.btn a img:hover {
  zoom: 1;

       opacity: 0.65;
  -moz-opacity: 0.65; /* Firefox */

      filter: alpha(opacity=65); /* IE6/7 */
  -ms-filter: 'alpha(opacity=65)'; /* IE8 */
}

/*
 *  ----------------------------------- nolink
 */

.content-wrapper .nolink {
  background: #222;
}

.nolink img {
  zoom: 1;

       opacity: 0.3;
  -moz-opacity: 0.3; /* Firefox */

      filter: alpha(opacity=30); /* IE6/7 */
  -ms-filter: 'alpha(opacity=30)'; /* IE8 */
}

/*
 *  ----------------------------------- Clear
 */
.clear:after {
  display: block;
  visibility: hidden;
  clear: both;

  height: 0;

  content: '.';
}

/* footer
--------------------------------------------------------- */

#footerUpper {
  width: 100%;
  min-width: 980px;
  padding: 20px 0;
  background: #222;
  color: #eee;
  font-size: 14px;
  line-height: 1.5em;
}

#footerUpper a{
  color: #eee;
  text-decoration: none;
}
#footerUpper a:hover{
  color: #eee;
  text-decoration: underline;
}
#footerUpperInner {
  width: 940px;
  margin: 0 auto;
  background: url(../images/logo_fox.png) no-repeat right bottom;
  overflow:hidden;
}

#footerUpperInner .txtFox {
  margin: 0 0 30px;
  font-size: 18px;
  text-align: center;
  color: #666;
  font-weight: bold;
}

#footerUpperInner ul {
  float: left;
  margin: 0 80px 0 0;
}

#footerUpperInner li {
  margin: 0 0 10px;
  color: #666;
}

#footerUpperInner li.txtTitle {
  color: #eee;
}

#footerLower {
  width: 100%;
  min-width: 980px;
  padding: 20px 0;
  background: #222;
}

#footerLowerInner {
  width: 940px;
  margin: 0 auto;
  font-size: 10px;
  line-height: 1.4em;
  text-align: center;
}
#footerLowerInner p{
  font-size: 10px;
  line-height: 1.4em;
  color: #999;
}

/* GA code
--------------------------------------------- */
#Gtagcode{
	height:0;
	font-size:0;
	line-height:0;
	}
	
#Gtagcode iframe{
	height:0;
	}	

#Gtagcode img{
	height:0;
	}