/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.tx_br {
  display: block;
}

.profile_col {
  width: 640px;
  margin: 0 auto 40px;
}

#headerRightBtn {
  display: none;
}

.tab #nav_layer {
  display: none !important;
}

.tab #g_nav_inner {
  display: block !important;
}

#g_nav_inner ul li dl {
  display: table;
  width: 100%;
}
#g_nav_inner ul li dl dt {
  display: none;
}
#g_nav_inner ul li dl dd {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
}

#header #header_inner #lead_box {
  font-size: 14px;
  font-weight: bold;
}

.footer_nav .g_list_wrap {
  width: 640px;
}

.footer_nav .g_list {
  margin: 0 -15px 0 0;
}

#footer_nav_inner {
  width: 640px;
  margin: 0 auto;
}
#footer_nav_inner h1 {
  text-align: center;
  font-size: 18px;
}

#banner_box2 .main_bg {
  display: none;
}

#banner_box {
  height: 1050px !important;
}

.lineup_banner .text_box {
  height: 40px;
}

.bn_1 {
  width: 50%;
  height: 350px;
  left: 0;
  top: 0;
}
.bn_1 a .text_box {
  height: 100px;
}
.bn_1 a .text_box h1 {
  font-size: 20px;
}

.bn_2 {
  width: 50%;
  height: 350px;
  left: 50%;
  top: 0;
  border-right: none;
}

.bn_3 {
  width: 50%;
  height: 350px;
  left: 0;
  top: 350px;
  border-right: 2px #fff solid;
  border-bottom: 2px #fff solid;
}

.bn_4 {
  width: 50%;
  height: 350px;
  left: 50%;
  top: 350px;
  border-right: none;
}

.bn_5 {
  width: 50%;
  height: 350px;
  left: 0;
  top: 700px;
  border-right: 2px #fff solid;
  border-bottom: 2px #fff solid;
}

.lineup_banner {
  width: 50%;
  height: 350px;
  left: 50%;
  top: 700px;
  border-right: none;
}

.extra_banner {
  width: 100%;
  height: 60px;
  float: none;
  background-color: #000;
  border-bottom: 2px solid #fff;
  border-right: none;
}
.extra_banner a {
  background: none !important;
}
.extra_banner .bn_bg {
  display: none;
}
.extra_banner .text_box {
  height: auto;
  padding: 20px 18px 0 18px;
  position: static;
}

.extra_banner.blank_banner a:after {
  right: 25px;
  bottom: 22px;
}

#new_main {
  height: 550px;
  margin: 60px auto 0;
}
#new_main .height_class {
  height: 550px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
#new_main #main_bg1 {
  background: url(../images/kitagawa/bg/bg01.jpg) center top no-repeat;
}
#new_main #main_bg2 {
  background: url(../images/kitagawa/bg/bg02.jpg) center top no-repeat;
}
#new_main #main_bg3 {
  background: url(../images/kitagawa/bg/bg03.jpg) center top no-repeat;
}
#new_main #movie_main {
  display: none !important;
}
#new_main #title_line {
  top: 55%;
}

#new_main.p2 #main_bg2_inner {
  height: 550px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: center 0;
}
#new_main.p2 .visual_movie_wrapper {
  bottom: 13px;
}

.detail #detail_box {
  margin-left: 60px;
  margin-right: 60px;
}

#article_box #detail_sub {
  display: none;
}
#article_box #detail_main {
  margin-left: 0;
}
#article_box #detail_main .sections .ex_banner01 a {
  display: block;
  text-align: center;
}
#article_box #detail_main .sections .ex_banner01 a img {
  width: inherit;
}
#article_box #detail_main .sections .section_icon_wrap {
  text-align: center;
}
#article_box #detail_main .sections .section_icon {
  margin: 0 auto 20px;
}
#article_box #detail_main .sections .movie_box {
  width: 640px !important;
  margin: 0 auto 40px !important;
}
#article_box #detail_main .sections .big_movie {
  width: 640px;
  margin: 0 auto 40px;
}

#img_layer_inner span {
  right: 0px;
  top: -51px;
}

#bravia_new_box .detail_lineup {
  width: 680px;
}
#bravia_new_box .detail_lineup .tx_box {
  font-size: 12px;
}
#bravia_new_box .detail_lineup ul {
  text-align: center;
}
#bravia_new_box .detail_lineup ul li {
  margin: 0 10px 0 10px;
}

#bravia_logo_box ul {
  width: 100%;
}
#bravia_logo_box ul li .left_box {
  width: auto;
  float: none;
}
#bravia_logo_box ul li .right_box {
  margin: 15px 0 0 0;
}
#bravia_logo_box ul li .right_box h3 {
  text-align: center;
}

#gits #large_visual {
  background: url(../images/gits/bg02.jpg) center center no-repeat;
  -webkit-background-size: cover cover;
  background-size: cover;
  height: 750px;
}
#gits #large_visual > h1 {
  -webkit-background-size: 300px auto;
  background-size: 300px auto;
  width: 300px;
  top: 20%;
  left: 46px;
}
#gits #main_contents {
  background: url(../images/gits/bg03.jpg) center top repeat;
  padding-bottom: 0;
}

#kitagawa #main_contents {
  background: url(../images/kitagawa/bg03.jpg) center center repeat;
}
#kitagawa .visual_movie {
  display: none !important;
}
#kitagawa #large_visual {
  height: 600px;
}
#kitagawa #large_visual h1 {
  height: 97px;
  background: url(../images/kitagawa/h01.png) right 84px no-repeat;
  -webkit-background-size: 450px auto;
  background-size: 450px auto;
  padding: 84px 0 0 0;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
}

.and_section {
  padding: 0 0 0 0;
}

#blacklist.tab .profile_box {
  width: 640px !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
}

#main_blacklist {
  margin: 60px 0 0 0;
}

#info_4k {
  width: 100%;
  padding: 40px 30px 40px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#blacklist_contents_inner {
  width: 100%;
}

.tab #blacklist_introduction_wrap {
  height: auto !important;
}

.tab .blacklist_movie_wrap {
  height: auto !important;
}

.sp_profile {
  display: none;
}

.special_page #detail_box {
  margin-top: 60px;
}
.special_page #detail_main .sections {
  border-top: none !important;
  padding: 40px;
  margin-bottom: 60px;
}
.special_page #detail_main .sections .big_movie {
  width: 100% !important;
}
.special_page #article_box {
  padding-bottom: 0;
}