@charset "utf-8";
/* ------------------------------
Roboto Font
------------------------------ */
@import url("http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900");


  body #gr-header div,
  body #gr-header span,
  body #gr-header applet,
  body #gr-header object,
  body #gr-header iframe,
  body #gr-header h1,
  body #gr-header h2,
  body #gr-header h3,
  body #gr-header h4,
  body #gr-header h5,
  body #gr-header h6,
  body #gr-header p,
  body #gr-header blockquote,
  body #gr-header pre,
  body #gr-header a,
  body #gr-header abbr,
  body #gr-header acronym,
  body #gr-header address,
  body #gr-header big,
  body #gr-header cite,
  body #gr-header code,
  body #gr-header del,
  body #gr-header dfn,
  body #gr-header em,
  body #gr-header img,
  body #gr-header ins,
  body #gr-header kbd,
  body #gr-header q,
  body #gr-header s,
  body #gr-header samp,
  body #gr-header small,
  body #gr-header strike,
  body #gr-header strong,
  body #gr-header sub,
  body #gr-header sup,
  body #gr-header tt,
  body #gr-header var,
  body #gr-header dl,
  body #gr-header dt,
  body #gr-header dd,
  body #gr-header ol,
  body #gr-header ul,
  body #gr-header li,
  body #gr-header fieldset,
  body #gr-header form,
  body #gr-header label,
  body #gr-header legend,
  body #gr-header table,
  body #gr-header caption,
  body #gr-header tbody,
  body #gr-header tfoot,
  body #gr-header thead,
  body #gr-header tr,
  body #gr-header th,
  body #gr-header td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  body #gr-header ol,
  body #gr-header ul {
    list-style: none;
  }
  body #gr-header table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
  }
  body #gr-header caption,
  body #gr-header th,
  body #gr-header td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
  }
  body #gr-header a img {
    border: none;
  }
  body #gr-header a:link,
  body #gr-header a:visited {
    color: #fff;
    text-decoration: none;
  }
  body #gr-header a:hover,
  body #gr-header a:active {
    color: #fff;
    text-decoration: none;
  }
  body #gr-header {
    background-color: #000;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    text-align: left;
    width: 964px;
  }
  body #gr-header .header-inner {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
  }
  body #gr-header .header-inner:before,
  body #gr-header .header-inner:after {
    content: "";
    display: table;
  }
  body #gr-header .header-inner:after {
    clear: both;
  }
  body #gr-header .header-inner .site-id {
    width: 360px;
    margin-top: 8px;
  }
  body #gr-header .header-inner .site-id a {
    display: block;
  }
  body #gr-header .header-inner .site-id a img {
    width: 100%;
    height: auto;
  }
  body #gr-header .header-inner .external-links {
    position: absolute;
    top: 15px;
    right: 0px;
  }
  body #gr-header .header-inner .main-navigation {
    float: left;
  }
  body #gr-header .header-inner .main-navigation >ul {
    zoom: 1;
  }
  body #gr-header .header-inner .main-navigation >ul:before,
  body #gr-header .header-inner .main-navigation >ul:after {
    content: "";
    display: table;
  }
  body #gr-header .header-inner .main-navigation >ul:after {
    clear: both;
  }
  body #gr-header .header-inner .main-navigation >ul >li {
    float: left;
    position: relative;
  }
  body #gr-header .header-inner .main-navigation >ul >li:first-child {
    padding-left: 2px;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.sp-icon {
    display: none;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper {
    display: inline;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper >.sp-close {
    display: none;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 13px;
    color: #ddd;
    line-height: 1;
    padding: 8px 7px 22px;
    border-bottom: 2px solid #000;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
    overflow: inherit;
  }
  body #gr-header .header-inner .main-navigation >ul >li.open >.menu-wrapper a {
    color: #e30000;
    border-bottom: 2px solid #e30000;
  }
  body #gr-header .header-inner .main-navigation >ul >li.open >.menu-wrapper a.empty {
    color: #e30000;
    border-bottom: 1px solid #333 !important;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: auto;
    background-color: #161616;
    padding: 21px 25px 36px;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >ul >li >a {
    font-size: 12px;
    line-height: 1;
    padding: 15px 0;
    display: block;
    white-space: nowrap;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >ul >li >a:link,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >ul >li >a:visited {
    color: #ddd;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >ul >li >a:hover,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >ul >li >a:active {
    color: #e30000;
    padding-bottom: 14px;
    border-bottom: 2px solid #e30000;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-text a {
    color: #ddd;
    padding: 15px 0;
    border-bottom: 1px solid #333;
    display: block;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-text a:link,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-text a:visited {
    color: #ddd;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-text a:hover,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-text a:active {
    color: #e30000;
    padding-bottom: 14px;
    border-bottom: 2px solid #e30000;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title {
    float: left;
    clear: left;
    width: 130px;
    position: relative;
    margin-top: -1px;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title a {
    font-size: 12px;
    line-height: 1;
    padding: 15px 0;
    display: block;
    white-space: nowrap;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title a:link,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title a:visited {
    color: #ddd;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title a:hover,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title a:active {
    color: #e30000;
    padding-bottom: 14px;
    border-bottom: 2px solid #e30000;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul {
    zoom: 1;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul:before,
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul:after {
    content: "";
    display: table;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul:after {
    clear: both;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul >li {
    float: left;
  }
  body #gr-header .header-inner .main-navigation >ul >li >.menu-wrapper .sub-menu >.sub-menu-title+ul >li a {
    color: #888;
  }
  body #gr-header .header-inner .main-navigation >ul >li:after {
    content: '';
    width: 1px;
    height: 18px;
    display: inline-block;
    background-color: #333;
    vertical-align: middle;
  }
  body #gr-header .header-inner .main-navigation >ul >li:last-child:after {
    background-color: #000;
  }
  body #gr-header .header-inner .main-navigation >ul >li:first-child a {
    padding-left: 0;
  }
  body #gr-header .header-inner .sub-navigation {
    float: right;
    margin-top: -3px;
    margin-bottom: 10px;
  }
  body #gr-header .header-inner .sub-navigation ul {
    zoom: 1;
  }
  body #gr-header .header-inner .sub-navigation ul:before,
  body #gr-header .header-inner .sub-navigation ul:after {
    content: "";
    display: table;
  }
  body #gr-header .header-inner .sub-navigation ul:after {
    clear: both;
  }
  body #gr-header .header-inner .sub-navigation ul li {
    float: left;
  }
  body #gr-header .header-inner .sub-navigation ul li a {
    font-size: 12px;
    line-height: 1;
    padding: 8px 15px 8px 40px;
    display: block;
    background-position: 12px center;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
  }
  body #gr-header .header-inner .sub-navigation ul li a:link,
  body #gr-header .header-inner .sub-navigation ul li a:visited {
    background-color: #333;
    text-decoration: none;
  }
  body #gr-header .header-inner .sub-navigation ul li a:hover,
  body #gr-header .header-inner .sub-navigation ul li a:active {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    text-decoration: none;
  }
  body #gr-header .header-inner .sub-navigation ul .news a {
    margin-right: 5px;
    background-image: url("/common/img/pc_icon_news.png");
  }
  body #gr-header .header-inner .sub-navigation ul .calendar a {
	margin-right: 5px;
    background-image: url("/common/img/pc_icon_calendar.png");
  }
  body #gr-header .header-inner .sub-navigation ul .press a {
    background-image: url("/common/img/pc_icon_release.png");
  }
  body #gr-header .external-links {
    zoom: 1;
  }
  body #gr-header .external-links:before,
  body #gr-header .external-links:after {
    content: "";
    display: table;
  }
  body #gr-header .external-links:after {
    clear: both;
  }
  body #gr-header .external-links .brand-list {
    float: left;
    zoom: 1;
  }
  body #gr-header .external-links .brand-list:before,
  body #gr-header .external-links .brand-list:after {
    content: "";
    display: table;
  }
  body #gr-header .external-links .brand-list:after {
    clear: both;
  }
  body #gr-header .external-links .brand-list li {
    float: left;
    width: 112px;
    margin-right: 10px;
  }
  body #gr-header .external-links .brand-list li img {
    width: 100%;
    height: auto;
  }
  body #gr-header .external-links .sns-list {
    float: left;
    zoom: 1;
  }
  body #gr-header .external-links .sns-list:before,
  body #gr-header .external-links .sns-list:after {
    content: "";
    display: table;
  }
  body #gr-header .external-links .sns-list:after {
    clear: both;
  }
  body #gr-header .external-links .sns-list li {
    float: left;
  }
  body #gr-header .external-links .sns-list li a {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 24px;
    text-indent: 9999px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 6px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-header .external-links .sns-list li a:hover,
  body #gr-header .external-links .sns-list li a:active {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  body #gr-header .external-links .sns-list .youtube a {
    background-color: #dd2924;
    background-image: url("/common/img/pc_icon_snslist_y.png");
  }
  body #gr-header .external-links .sns-list .facebook a {
    background-color: #39579a;
    background-image: url("/common/img/pc_icon_snslist_f.png");
  }
  body #gr-header .external-links .sns-list .twitter a {
    background-color: #3cf;
    background-image: url("/common/img/pc_icon_snslist_t.png");
  }
  body #gr-footer div,
  body #gr-footer span,
  body #gr-footer applet,
  body #gr-footer object,
  body #gr-footer iframe,
  body #gr-footer h1,
  body #gr-footer h2,
  body #gr-footer h3,
  body #gr-footer h4,
  body #gr-footer h5,
  body #gr-footer h6,
  body #gr-footer p,
  body #gr-footer blockquote,
  body #gr-footer pre,
  body #gr-footer a,
  body #gr-footer abbr,
  body #gr-footer acronym,
  body #gr-footer address,
  body #gr-footer big,
  body #gr-footer cite,
  body #gr-footer code,
  body #gr-footer del,
  body #gr-footer dfn,
  body #gr-footer em,
  body #gr-footer img,
  body #gr-footer ins,
  body #gr-footer kbd,
  body #gr-footer q,
  body #gr-footer s,
  body #gr-footer samp,
  body #gr-footer small,
  body #gr-footer strike,
  body #gr-footer strong,
  body #gr-footer sub,
  body #gr-footer sup,
  body #gr-footer tt,
  body #gr-footer var,
  body #gr-footer dl,
  body #gr-footer dt,
  body #gr-footer dd,
  body #gr-footer ol,
  body #gr-footer ul,
  body #gr-footer li,
  body #gr-footer fieldset,
  body #gr-footer form,
  body #gr-footer label,
  body #gr-footer legend,
  body #gr-footer table,
  body #gr-footer caption,
  body #gr-footer tbody,
  body #gr-footer tfoot,
  body #gr-footer thead,
  body #gr-footer tr,
  body #gr-footer th,
  body #gr-footer td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  body #gr-footer ol,
  body #gr-footer ul {
    list-style: none;
  }
  body #gr-footer table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
  }
  body #gr-footer caption,
  body #gr-footer th,
  body #gr-footer td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
  }
  body #gr-footer a img {
    border: none;
  }
  body #gr-footer a:link,
  body #gr-footer a:visited {
    color: #fff;
    text-decoration: none;
  }
  body #gr-footer a:hover,
  body #gr-footer a:active {
    color: #fff;
    text-decoration: none;
  }
  body #gr-footer {
    background-color: #000;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 200;
    text-align: left;
    width: 964px;
  }
  body #gr-footer .footer-navigation {
    width: 100%;
    display: block;
    border-top: 1px solid #333;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 25px;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner:before,
  body #gr-footer .footer-navigation .footer-navigation-inner:after {
    content: "";
    display: table;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner:after {
    clear: both;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set {
    float: left;
    min-width: 160px;
    margin-right: 20px;
    zoom: 1;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set:before,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set:after {
    content: "";
    display: table;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set:after {
    clear: both;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title {
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #333;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title a:link,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title a:visited {
    color: #fff;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title a:hover,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-title a:active {
    color: #e30000;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p {
    font-size: 11px;
    color: #999;
    margin-top: 12px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p a:link,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p a:visited {
    color: #888;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p a:hover,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set p a:active {
    color: #fff;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li {
    font-size: 11px;
    margin-bottom: 4px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li a:link,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li a:visited {
    color: #888;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li a:hover,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set ul li a:active {
    color: #fff;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub {
    float: left;
    margin-right: 20px;
    min-width: 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub:last-child {
    margin-right: 0;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle {
    font-size: 11px;
    color: #999;
    border-bottom: 1px solid #333;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle a:link,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle a:visited {
    color: #888;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle a:hover,
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub .footer-navigation-subtitle a:active {
    color: #fff;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub ul {
    margin-top: 5px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub ul li a:before {
    content: '- ';
    display: inline;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-set .footer-navigation-set-sub ul li a.empty:before {
    content: '' !important;
    display: inline;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link {
    clear: both;
    padding-top: 32px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link ul {
    font-size: 0;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link ul li {
    display: inline-block;
    margin-right: 17px;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link ul li a {
    display: inline-block;
    padding: 17px 2px;
    border-top: 1px solid #333;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link ul li a:hover img {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  body #gr-footer .footer-navigation .footer-navigation-inner .footer-navigation-link ul li a img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  body #gr-footer .footer-contents {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
  }
  body #gr-footer .footer-contents:before,
  body #gr-footer .footer-contents:after {
    content: "";
    display: table;
  }
  body #gr-footer .footer-contents:after {
    clear: both;
  }
  body #gr-footer .footer-contents a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-contents a:link,
  body #gr-footer .footer-contents a:visited {
    color: #888;
  }
  body #gr-footer .footer-contents a:hover,
  body #gr-footer .footer-contents a:active {
    color: #fff;
  }
  body #gr-footer .footer-contents .page-top {
    position: absolute;
    top: 30px;
  }
  body #gr-footer .footer-contents .page-top a {
    display: block;
    vertical-align: middle;
    height: 22px;
    padding-left: 30px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 100;
    font-size: 14px;
    letter-spacing: 0.05em;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .footer-contents .page-top a:before {
    content: '';
    display: block;
    height: 16px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background-image: url("/common/img/pc_icon_pagetop.png");
    background-repeat: no-repeat;
    background-position: left center;
  }
  body #gr-footer .footer-contents .page-top a:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  body #gr-footer .footer-contents .external-links {
    position: absolute;
    top: 30px;
    right: 0px;
  }
  body #gr-footer .footer-contents .footer-legal {
    zoom: 1;
    margin-top: 65px;
  }
  body #gr-footer .footer-contents .footer-legal:before,
  body #gr-footer .footer-contents .footer-legal:after {
    content: "";
    display: table;
  }
  body #gr-footer .footer-contents .footer-legal:after {
    clear: both;
  }
  body #gr-footer .footer-contents .footer-legal .legal-links {
    float: left;
    zoom: 1;
  }
  body #gr-footer .footer-contents .footer-legal .legal-links:before,
  body #gr-footer .footer-contents .footer-legal .legal-links:after {
    content: "";
    display: table;
  }
  body #gr-footer .footer-contents .footer-legal .legal-links:after {
    clear: both;
  }
  body #gr-footer .footer-contents .footer-legal .legal-links li {
    float: left;
    font-size: 12px;
    padding-right: 15px;
  }
  body #gr-footer .footer-contents .footer-legal .copyright {
    float: right;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 100;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #888;
  }
  body #gr-footer .external-links {
    zoom: 1;
  }
  body #gr-footer .external-links:before,
  body #gr-footer .external-links:after {
    content: "";
    display: table;
  }
  body #gr-footer .external-links:after {
    clear: both;
  }
  body #gr-footer .external-links .brand-list {
    float: left;
    zoom: 1;
  }
  body #gr-footer .external-links .brand-list:before,
  body #gr-footer .external-links .brand-list:after {
    content: "";
    display: table;
  }
  body #gr-footer .external-links .brand-list:after {
    clear: both;
  }
  body #gr-footer .external-links .brand-list li {
    float: left;
    width: 112px;
    margin-right: 10px;
  }
  body #gr-footer .external-links .brand-list li img {
    width: 100%;
    height: auto;
  }
  body #gr-footer .external-links .sns-list {
    float: left;
    zoom: 1;
  }
  body #gr-footer .external-links .sns-list:before,
  body #gr-footer .external-links .sns-list:after {
    content: "";
    display: table;
  }
  body #gr-footer .external-links .sns-list:after {
    clear: both;
  }
  body #gr-footer .external-links .sns-list li {
    float: left;
  }
  body #gr-footer .external-links .sns-list li a {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 24px;
    text-indent: 9999px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 6px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  body #gr-footer .external-links .sns-list li a:hover,
  body #gr-footer .external-links .sns-list li a:active {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  body #gr-footer .external-links .sns-list .youtube a {
    background-color: #dd2924;
    background-image: url("/common/img/pc_icon_snslist_y.png");
  }
  body #gr-footer .external-links .sns-list .facebook a {
    background-color: #39579a;
    background-image: url("/common/img/pc_icon_snslist_f.png");
  }
  body #gr-footer .external-links .sns-list .twitter a {
    background-color: #3cf;
    background-image: url("/common/img/pc_icon_snslist_t.png");
  }





/* new header 2016/11/25 */
body #gr-header .external-links .global-site {
    float: left;
}
body #gr-header .external-links .global-site::before, body #gr-header .external-links .global-site::after {
    content: "";
    display: table;
}
body #gr-header .external-links .global-site::after {
    clear: both;
}
body #gr-header .external-links .global-site a {
    background-color: #333;
    background-image: url(/common/img/pc_icon_global.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 1;
    padding: 5px 8px 8px 33px;
    text-decoration: none;
    transition-duration: 200ms;
    vertical-align: top;
}
body #gr-header .external-links .global-site a:link, body #gr-header .external-links .global-site a:visited {
    background-color: #000;
    border: 1px solid #333;
    color: #fff;
    text-decoration: none;
}
body #gr-header .external-links .global-site a:hover, body #gr-header .external-links .global-site a:active {
    background-color: #333;
    text-decoration: none;
}


/* new footer 2016/11/25 */

body #gr-footer .footer-contents {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1600px;
    padding-bottom: 30px;
    padding-left: 36px;
    padding-right: 36px;
    position: relative;
    width: 100%;
}
body #gr-footer .footer-contents::before, body #gr-footer .footer-contents::after {
    content: "";
    display: table;
}
body #gr-footer .footer-contents::after {
    clear: both;
}
body #gr-footer .footer-contents a {
    transition-duration: 200ms;
}
body #gr-footer .footer-contents a:link, body #gr-footer .footer-contents a:visited {
    color: #888;
}
body #gr-footer .footer-contents a:hover, body #gr-footer .footer-contents a:active {
    color: #fff;
}
body #gr-footer .footer-contents .page-top {
    top: auto;
    right: 0;
    bottom: 60px;
    left: auto;
}
body #gr-footer .footer-contents .page-top a {
    display: block;
    font-family: "Roboto",sans-serif !important;
    font-size: 14px;
    font-weight: 100;
    height: 36px;
    letter-spacing: 0.05em;
    padding-right: 46px;
    padding-top: 8px;
    transition-duration: 200ms;
    vertical-align: middle;
}
body #gr-footer .footer-contents .page-top a::before {
    background-image: url(/common/img/pc_icon_pagetop.png);
    background-position: left center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 36px;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 200ms;
    width: 36px;
}
body #gr-footer .footer-contents .page-top a:hover::before {
    filter: none;
    opacity: 1;
}
body #gr-footer .footer-contents .external-links {
    left: 36px;
    position: absolute;
    top: 30px;
}
body #gr-footer .footer-contents .footer-legal {
    margin-top: 65px;
}
body #gr-footer .footer-contents .footer-legal::before, body #gr-footer .footer-contents .footer-legal::after {
    content: "";
    display: table;
}
body #gr-footer .footer-contents .footer-legal::after {
    clear: both;
}
body #gr-footer .footer-contents .footer-legal .legal-links {
    float: left;
}
body #gr-footer .footer-contents .footer-legal .legal-links::before, body #gr-footer .footer-contents .footer-legal .legal-links::after {
    content: "";
    display: table;
}
body #gr-footer .footer-contents .footer-legal .legal-links::after {
    clear: both;
}
body #gr-footer .footer-contents .footer-legal .legal-links li {
    float: left;
    font-size: 12px;
    padding-right: 15px;
}
body #gr-footer .footer-contents .footer-legal .copyright {
    color: #888;
    float: right;
    font-family: "Roboto",sans-serif !important;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0.05em;
}
body #gr-footer .external-links {
}
body #gr-footer .external-links::before, body #gr-footer .external-links::after {
    content: "";
    display: table;
}
body #gr-footer .external-links::after {
    clear: both;
}
body #gr-footer .external-links .brand-list {
    float: left;
    min-width: 244px;
}
body #gr-footer .external-links .brand-list::before, body #gr-footer .external-links .brand-list::after {
    content: "";
    display: table;
}
body #gr-footer .external-links .brand-list::after {
    clear: both;
}
body #gr-footer .external-links .brand-list li {
    float: left;
    margin-right: 10px;
    width: 112px;
}
body #gr-footer .external-links .brand-list li img {
    height: auto;
    width: 100%;
}
body #gr-footer .external-links .sns-list {
    float: left;
    min-width: 138px;
}
body #gr-footer .external-links .sns-list::before, body #gr-footer .external-links .sns-list::after {
    content: "";
    display: table;
}
body #gr-footer .external-links .sns-list::after {
    clear: both;
}
body #gr-footer .external-links .sns-list li {
    float: left;
}
body #gr-footer .external-links .sns-list li a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-radius: 3px;
    display: block;
    height: 24px;
    margin-left: 6px;
    overflow: hidden;
    overflow-wrap: normal;
    text-indent: 9999px;
    transition-duration: 200ms;
    white-space: nowrap;
    width: 40px;
}
body #gr-footer .external-links .sns-list li a:hover, body #gr-footer .external-links .sns-list li a:active {
    opacity: 0.8;
}
body #gr-footer .external-links .sns-list li.list-youtube a {
    background-color: #dd2924;
    background-image: url(/common/img/pc_icon_snslist_y.png);
}
body #gr-footer .external-links .sns-list li.list-fb a {
    background-color: #39579a;
    background-image: url(/common/img/pc_icon_snslist_f.png);
}
body #gr-footer .external-links .sns-list li.list-tw a {
    background-color: #3cf;
    background-image: url(/common/img/pc_icon_snslist_t.png);
}