@charset "UTF-8";
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, figure {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

/*size*/
/*color*/
/* mixinCSS Document */
/*font*/
/*alt*/
/*reset*/
/*gizaline*/
/*dotline*/
/*new*/
/*----------arrow----------*/
/*丸なし矢印*/
/*丸あり矢印(32px*32px)*/
/*丸なし矢印*/
/* parts
-------------------------------------------------- */
/*ページヘッダータイトル*/
/*ページヘッダータイトル キャラなし*/
/*黒枠ブロック*/
/*テレ玉タブ*/
/*-----タイトルパターン-----*/
/*タイトル（矢印付き）*/
/*-----ボタンパターン-----*/
/*ボタン（角丸アイコン付き）*/
/*ボタン（影付きボタン）*/
/*ボタン（四角矢印ボタン）*/
/*ボタン（四角矢印ボタン）*/
/*動画サムネイルボタン（矢印）*/
/*アニメーション*/
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/*----------モーダルパーツ----------*/
.iziModal {
  background-color: #000;
}

.iziModal .btn_modal_close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJpJREFUeNrUWmlMVFcUPkwRy7AUCS4tEVxQS2uspW0sCf4QU9NUjSWsWlpqTNOCERNI+qNNSIOpP2ogbU1Y0jSl1BUldInGaIQfkqBRu5hqRVwK1I1OQAGxxTr2fI87ZoC5w1vuMDNf8s3Lve/dc883727n3hfy8NyzpAizmSuYLzMXMecw45gRzBDmINPB/JPZzjzDbGF2q6g8xKKQBGYBM4/5nEkbF5j7mPXMzskW8gLzY2Ym06bojTqZjcxPmb8ZLWzUiRnMOuYvzGyFIly+ZAvbdaIunwjJFm27QLR5XyFE1NEu6lQmJIxZxWxgxtDkIUbUWS18sCQkkvkTs5D8hw+ED5FmhdiZR5mryP9YJXyxGxUSJv6FVAocwJcfZc1MJuRzZjoFHlYyv9ArJNfPfUJPn8mbSMgzzBoKfFQLX6VCdkzyEGtlaN4hE5LCXE/Bg/XC53FCynw8Y/tiBVA2Vkgicy0FH+DzXHch+VYWgHsO9dOazX/Ri1nXqLzaoasMnsPzKIfyFhaaG92X8YgJks1Yajw2QDml10flvboknI7UzqaoiPH/zcA9J73+fjedPHd/VH5DRTxlvhZlxoVLCORsIrJLNvuXfLmrd1wenEx7u5Mcdx6Oykca+WNFyOzoxELmPJvVGby33+kx//fL/1JafifdcvynpXFFGvlG7OjECpuIsU2j5J1Y6b2OrmFKfauTTpwd0q5Im7GjA0tt4tWYxsaMp+i9LPkc2nXzAaVv6tKuMqA87FiA1kfmWx0Da8pmUVHeNHkw7qXVoBzKW4TWR6arGNB3fjSTSt811jzwPMqpWLKE8k+0qtnps5IZZH/SRpXf9tK9+/LXEBFuo5KCWPqkKE5V1VEqd0E0wLn0ZXavz+C+QhGPZ8Z+pUKqHNR8asjrM7iP5xRiEE3rb1XN68PKHqqom3hiQ7PbVuOgoX+cWnNUgD68kSsqLG3ZfluXCHfgeZRTgKs2sVaxFnuW36KqfX3y9uulJ6IcyltEO6o4Y8XCN0136auDd6T3E56eQs1fJ2hXGVAedizgVwhptmKhsl7enBYkhFHb7kRa/pJduyJtxo4OtEAIzif+MGshNtpzu1mcNJVadyXSrLhQLY0r0sg3YkcHOlx9BNht1kpx/vjZHPFI63eJFBfzxKh8pJGP+3rs6MR+98Bqjhi9TP0tiPD2HO6n67cfUMbKKCornHiyQ4TYdHyA4mdOoQ1vRNOG1aZmACwfkpjX3A96vmeuC7KY/Qfmm2N3UbYxHwWRCPha7mk76CxzbxAJga8/P94bGnOGiG3I8xT4u42YuJ5n3vD0RkjcKAyCt1HoLoIkoxSOigN5I7tW+EgTCQG2Wp3xfQT4VCyLRzwB2x3YjmwLIBFtwqdhI0IAREeuszt/w3WWOeQtQvQaeYl/odbPfWKt8IXMCnE1Mxx35YhhbzKH2FxR97CemF0vDtDIVz/1Pl4BPBJ1oK4GI5sPRtBDI59XpAhhToUCnMJmiqijx0hhVZ854RjM7I7+RSygyU+fOclE4cOzV2hkPxmhAdbzkW4Dh+vDM+wTnKaRD8+6VFT+vwADAJXYTAwSkg8kAAAAAElFTkSuQmCC");
  background-position: center center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
  position: absolute;
  top: -60px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (min-width: 768px) {
  .iziModal .btn_modal_close {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .iziModal .btn_modal_close:hover {
    opacity: 0.6;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .iziModal .btn_modal_close:active {
    opacity: 0.6;
  }
}

@media screen and (max-width: 767px) {
  .iziModal .btn_modal_close img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .iziModal .btn_modal_close:active img {
    opacity: 0.6;
  }
}

.iziModal .btn_modal_close:hover {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/*----------検索----------*/
/*searchModal*/
#searchModal {
  /* background-color: rgba(255,255,255,0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    overflow: hidden;
    .searchBlock{
        padding: 5%;
        table.gsc-search-box{

        }
        .btn_modal_close{
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJpJREFUeNrUWmlMVFcUPkwRy7AUCS4tEVxQS2uspW0sCf4QU9NUjSWsWlpqTNOCERNI+qNNSIOpP2ogbU1Y0jSl1BUldInGaIQfkqBRu5hqRVwK1I1OQAGxxTr2fI87ZoC5w1vuMDNf8s3Lve/dc883727n3hfy8NyzpAizmSuYLzMXMecw45gRzBDmINPB/JPZzjzDbGF2q6g8xKKQBGYBM4/5nEkbF5j7mPXMzskW8gLzY2Ym06bojTqZjcxPmb8ZLWzUiRnMOuYvzGyFIly+ZAvbdaIunwjJFm27QLR5XyFE1NEu6lQmJIxZxWxgxtDkIUbUWS18sCQkkvkTs5D8hw+ED5FmhdiZR5mryP9YJXyxGxUSJv6FVAocwJcfZc1MJuRzZjoFHlYyv9ArJNfPfUJPn8mbSMgzzBoKfFQLX6VCdkzyEGtlaN4hE5LCXE/Bg/XC53FCynw8Y/tiBVA2Vkgicy0FH+DzXHch+VYWgHsO9dOazX/Ri1nXqLzaoasMnsPzKIfyFhaaG92X8YgJks1Yajw2QDml10flvboknI7UzqaoiPH/zcA9J73+fjedPHd/VH5DRTxlvhZlxoVLCORsIrJLNvuXfLmrd1wenEx7u5Mcdx6Oykca+WNFyOzoxELmPJvVGby33+kx//fL/1JafifdcvynpXFFGvlG7OjECpuIsU2j5J1Y6b2OrmFKfauTTpwd0q5Im7GjA0tt4tWYxsaMp+i9LPkc2nXzAaVv6tKuMqA87FiA1kfmWx0Da8pmUVHeNHkw7qXVoBzKW4TWR6arGNB3fjSTSt811jzwPMqpWLKE8k+0qtnps5IZZH/SRpXf9tK9+/LXEBFuo5KCWPqkKE5V1VEqd0E0wLn0ZXavz+C+QhGPZ8Z+pUKqHNR8asjrM7iP5xRiEE3rb1XN68PKHqqom3hiQ7PbVuOgoX+cWnNUgD68kSsqLG3ZfluXCHfgeZRTgKs2sVaxFnuW36KqfX3y9uulJ6IcyltEO6o4Y8XCN0136auDd6T3E56eQs1fJ2hXGVAedizgVwhptmKhsl7enBYkhFHb7kRa/pJduyJtxo4OtEAIzif+MGshNtpzu1mcNJVadyXSrLhQLY0r0sg3YkcHOlx9BNht1kpx/vjZHPFI63eJFBfzxKh8pJGP+3rs6MR+98Bqjhi9TP0tiPD2HO6n67cfUMbKKCornHiyQ4TYdHyA4mdOoQ1vRNOG1aZmACwfkpjX3A96vmeuC7KY/Qfmm2N3UbYxHwWRCPha7mk76CxzbxAJga8/P94bGnOGiG3I8xT4u42YuJ5n3vD0RkjcKAyCt1HoLoIkoxSOigN5I7tW+EgTCQG2Wp3xfQT4VCyLRzwB2x3YjmwLIBFtwqdhI0IAREeuszt/w3WWOeQtQvQaeYl/odbPfWKt8IXMCnE1Mxx35YhhbzKH2FxR97CemF0vDtDIVz/1Pl4BPBJ1oK4GI5sPRtBDI59XpAhhToUCnMJmiqijx0hhVZ854RjM7I7+RSygyU+fOclE4cOzV2hkPxmhAdbzkW4Dh+vDM+wTnKaRD8+6VFT+vwADAJXYTAwSkg8kAAAAAElFTkSuQmCC');
            background-position: center center;
            background-repeat: no-repeat;
            width: 50px;
            height: 50px;
            @include altText;
            position: absolute;
            top: -60px;
            right: 10px;
            @include resetButton;
            //768以上
            @media screen and (min-width: 768px) {
                @include opacityOver;
            }
            //768未満
            @media screen and (max-width: 767px) {
                @include imgActive;
            }
            &:hover{
                @include rubberBand(
                    $duration: 0.5s,
                    $count: 1,
                    $delay: .1s,
                    $function: ease, 
                    $fill: both
                );
            }
        }
    } */
}

#searchModal.iziModal {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#searchModal .iziModal-wrap {
  padding: 5%;
}

#searchModal .searchBlock .gsc-input-box {
  border: 3px solid #000;
}

#searchModal .searchBlock .gsib_a {
  padding: 3px 6px 0;
}

#searchModal .searchBlock .gsc-search-box-tools .gsc-search-box .gsc-input {
  height: 30px !important;
  line-height: 30px;
}

#searchModal .searchBlock .cse .gsc-search-button-v2, #searchModal .searchBlock .gsc-search-button-v2 {
  background-color: #000;
  border-color: #000;
  padding: 12px 27px;
}

#searchModal .searchBlock .btn_modal_close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJpJREFUeNrUWmlMVFcUPkwRy7AUCS4tEVxQS2uspW0sCf4QU9NUjSWsWlpqTNOCERNI+qNNSIOpP2ogbU1Y0jSl1BUldInGaIQfkqBRu5hqRVwK1I1OQAGxxTr2fI87ZoC5w1vuMDNf8s3Lve/dc883727n3hfy8NyzpAizmSuYLzMXMecw45gRzBDmINPB/JPZzjzDbGF2q6g8xKKQBGYBM4/5nEkbF5j7mPXMzskW8gLzY2Ym06bojTqZjcxPmb8ZLWzUiRnMOuYvzGyFIly+ZAvbdaIunwjJFm27QLR5XyFE1NEu6lQmJIxZxWxgxtDkIUbUWS18sCQkkvkTs5D8hw+ED5FmhdiZR5mryP9YJXyxGxUSJv6FVAocwJcfZc1MJuRzZjoFHlYyv9ArJNfPfUJPn8mbSMgzzBoKfFQLX6VCdkzyEGtlaN4hE5LCXE/Bg/XC53FCynw8Y/tiBVA2Vkgicy0FH+DzXHch+VYWgHsO9dOazX/Ri1nXqLzaoasMnsPzKIfyFhaaG92X8YgJks1Yajw2QDml10flvboknI7UzqaoiPH/zcA9J73+fjedPHd/VH5DRTxlvhZlxoVLCORsIrJLNvuXfLmrd1wenEx7u5Mcdx6Oykca+WNFyOzoxELmPJvVGby33+kx//fL/1JafifdcvynpXFFGvlG7OjECpuIsU2j5J1Y6b2OrmFKfauTTpwd0q5Im7GjA0tt4tWYxsaMp+i9LPkc2nXzAaVv6tKuMqA87FiA1kfmWx0Da8pmUVHeNHkw7qXVoBzKW4TWR6arGNB3fjSTSt811jzwPMqpWLKE8k+0qtnps5IZZH/SRpXf9tK9+/LXEBFuo5KCWPqkKE5V1VEqd0E0wLn0ZXavz+C+QhGPZ8Z+pUKqHNR8asjrM7iP5xRiEE3rb1XN68PKHqqom3hiQ7PbVuOgoX+cWnNUgD68kSsqLG3ZfluXCHfgeZRTgKs2sVaxFnuW36KqfX3y9uulJ6IcyltEO6o4Y8XCN0136auDd6T3E56eQs1fJ2hXGVAedizgVwhptmKhsl7enBYkhFHb7kRa/pJduyJtxo4OtEAIzif+MGshNtpzu1mcNJVadyXSrLhQLY0r0sg3YkcHOlx9BNht1kpx/vjZHPFI63eJFBfzxKh8pJGP+3rs6MR+98Bqjhi9TP0tiPD2HO6n67cfUMbKKCornHiyQ4TYdHyA4mdOoQ1vRNOG1aZmACwfkpjX3A96vmeuC7KY/Qfmm2N3UbYxHwWRCPha7mk76CxzbxAJga8/P94bGnOGiG3I8xT4u42YuJ5n3vD0RkjcKAyCt1HoLoIkoxSOigN5I7tW+EgTCQG2Wp3xfQT4VCyLRzwB2x3YjmwLIBFtwqdhI0IAREeuszt/w3WWOeQtQvQaeYl/odbPfWKt8IXMCnE1Mxx35YhhbzKH2FxR97CemF0vDtDIVz/1Pl4BPBJ1oK4GI5sPRtBDI59XpAhhToUCnMJmiqijx0hhVZ854RjM7I7+RSygyU+fOclE4cOzV2hkPxmhAdbzkW4Dh+vDM+wTnKaRD8+6VFT+vwADAJXYTAwSkg8kAAAAAElFTkSuQmCC");
  background-position: center center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
  position: absolute;
  top: -60px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (min-width: 768px) {
  #searchModal .searchBlock .btn_modal_close {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #searchModal .searchBlock .btn_modal_close:hover {
    opacity: 0.6;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  #searchModal .searchBlock .btn_modal_close:active {
    opacity: 0.6;
  }
}

@media screen and (max-width: 767px) {
  #searchModal .searchBlock .btn_modal_close img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #searchModal .searchBlock .btn_modal_close:active img {
    opacity: 0.6;
  }
}

#searchModal .searchBlock .btn_modal_close:hover {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#searchModal .searchBlock .chara {
  margin-left: -250px;
  position: absolute;
  top: -220px;
  left: 50%;
}

@media screen and (max-width: 640px) {
  #searchModal .searchBlock .chara {
    margin-left: 0px;
    position: absolute;
    bottom: 80%;
    top: auto;
    left: 5%;
    width: 80%;
    height: auto;
  }
}

/*size*/
/*color*/
/* mixinCSS Document */
/*font*/
/*alt*/
/*reset*/
/*gizaline*/
/*dotline*/
/*new*/
/*----------arrow----------*/
/*丸なし矢印*/
/*丸あり矢印(32px*32px)*/
/*丸なし矢印*/
/* parts
-------------------------------------------------- */
/*ページヘッダータイトル*/
/*ページヘッダータイトル キャラなし*/
/*黒枠ブロック*/
/*テレ玉タブ*/
/*-----タイトルパターン-----*/
/*タイトル（矢印付き）*/
/*-----ボタンパターン-----*/
/*ボタン（角丸アイコン付き）*/
/*ボタン（影付きボタン）*/
/*ボタン（四角矢印ボタン）*/
/*ボタン（四角矢印ボタン）*/
/*動画サムネイルボタン（矢印）*/
/*アニメーション*/
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* layoutCSS Document */
/* =================================
Common
================================= */
/* layout
--------------------------------------------------------------------------*/
body {
  background-color: #000;
}

#contents {
  background-color: #fff;
}

/*mainContainer*/
#mainContainer {
  position: relative;
}

/*asideContainer*/
#asideContainer {
  position: relative;
}

/* fontCSS Document */
/* =================================
Common
================================= */
/* font
--------------------------------------------------------------------------*/
html {
  font-size: 16px;
}

body {
  font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  font-size: 16px;
  color: #000;
}
/*
#contents a {
  color: #c00;
}

#contents a:hover {
  color: #000;
}
*/
/*size*/
/*color*/
/* mixinCSS Document */
/*font*/
/*alt*/
/*reset*/
/*gizaline*/
/*dotline*/
/*new*/
/*----------arrow----------*/
/*丸なし矢印*/
/*丸あり矢印(32px*32px)*/
/*丸なし矢印*/
/* parts
-------------------------------------------------- */
/*ページヘッダータイトル*/
/*ページヘッダータイトル キャラなし*/
/*黒枠ブロック*/
/*テレ玉タブ*/
/*-----タイトルパターン-----*/
/*タイトル（矢印付き）*/
/*-----ボタンパターン-----*/
/*ボタン（角丸アイコン付き）*/
/*ボタン（影付きボタン）*/
/*ボタン（四角矢印ボタン）*/
/*ボタン（四角矢印ボタン）*/
/*動画サムネイルボタン（矢印）*/
/*アニメーション*/
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* pcCSS Document */
@media screen and (min-width: 768px) {
  /* PC+タブレット（768px以上）
-------------------------------------------------- */
  .isSP {
    display: none;
  }
  /*globalHeader*/
  #globalHeader {
    background-color: #fcd12b;
    width: 100%;
    height: 130px;
    position: relative;
    z-index: 500;
  }
  #globalHeader:before {
    content: "";
    background: url(../images/common/bg_jagged_under.png) repeat-x left bottom;
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
    z-index: 1;
  }
  #globalHeader:after {
    content: "";
    background: url(../images/common/eye.png) no-repeat center 0px;
    margin-left: -73px;
    width: 145px;
    height: 98px;
    display: block;
    position: absolute;
    left: 50%;
    top: -34px;
    z-index: 10;
  }
  #globalHeader .inner {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    z-index: 10;
  }
  #globalHeader .inner .logo {
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 20;
  }
  #globalHeader .inner .logo a {
    background: url(../images/common/navi/top.png) no-repeat center center;
    background-size: cover;
    width: 140px;
    height: 50px;
    display: block;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #globalHeader .inner .logo a:hover {
    opacity: 0.5;
  }
  /*gHeaderNavi*/
  #gHeaderNavi {
    margin: 0 auto;
    padding-top: 70px;
    max-width: 1280px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
    z-index: 10;
  }
  #gHeaderNavi .navi_list {
    text-align: center;
    font-size: 0;
  }
  #gHeaderNavi .navi_list li.navi {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: bottom;
  }
  #gHeaderNavi .navi_list li.navi a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 60px;
    display: block;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #gHeaderNavi .navi_list li.navi a:hover {
    opacity: 0.5;
  }
  #gHeaderNavi .navi_list li.navi.news {
    width: 10.1%;
  }
  #gHeaderNavi .navi_list li.navi.news a {
    background-image: url(../images/common/navi/news.png);
  }
  #gHeaderNavi .navi_list li.navi.sports {
    width: 9.06%;
  }
  #gHeaderNavi .navi_list li.navi.sports a {
    background-image: url(../images/common/navi/sports.png);
  }
  #gHeaderNavi .navi_list li.navi.drama {
    width: 7.18%;
  }
  #gHeaderNavi .navi_list li.navi.drama a {
    background-image: url(../images/common/navi/drama.png);
  }
  #gHeaderNavi .navi_list li.navi.anime {
    width: 7.39%;
  }
  #gHeaderNavi .navi_list li.navi.anime a {
    background-image: url(../images/common/navi/anime.png);
  }
  #gHeaderNavi .navi_list li.navi.variety {
    width: 10.31%;
  }
  #gHeaderNavi .navi_list li.navi.variety a {
    background-image: url(../images/common/navi/variety.png);
  }
  #gHeaderNavi .navi_list li.navi.music {
    width: 6.04%;
  }
  #gHeaderNavi .navi_list li.navi.music a {
    background-image: url(../images/common/navi/music.png);
  }
  #gHeaderNavi .navi_list li.navi.special {
    width: 10.41%;
  }
  #gHeaderNavi .navi_list li.navi.special a {
    background-image: url(../images/common/navi/special.png);
  }
  #gHeaderNavi .navi_list li.navi.new {
    width: 7.39%;
  }
  #gHeaderNavi .navi_list li.navi.new a {
    background-image: url(../images/common/navi/new.png);
  }
  #gHeaderNavi .navi_list li.navi.announcer {
    width: 12.39%;
  }
  #gHeaderNavi .navi_list li.navi.announcer a {
    background-image: url(../images/common/navi/announcer.png);
  }
  #gHeaderNavi .navi_list li.navi.movie {
    width: 6.04%;
  }
  #gHeaderNavi .navi_list li.navi.movie a {
    background-image: url(../images/common/navi/movie.png);
  }
  #gHeaderNavi .navi_list li.navi.shop {
    width: 6.25%;
  }
  #gHeaderNavi .navi_list li.navi.shop a {
    background-image: url(../images/common/navi/icon_shop.png);
  }
  #gHeaderNavi .navi_list li.navi.mobile {
    width: 6.25%;
  }
  #gHeaderNavi .navi_list li.navi.mobile a {
    background-image: url(../images/common/navi/icon_mobile.png);
  }
  /*gHeaderSubNavi*/
  #gHeaderSubNavi {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #gHeaderSubNavi .navi_list {
    margin: 0 auto;
    max-width: 1280px;
    height: 50px;
    text-align: center;
    letter-spacing: -1em;
    position: relative;
    overflow: hidden;
  }
  #gHeaderSubNavi .navi_list li {
    width: 145px;
    height: 50px;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.3s,right 0.3s;
    transition: width 0.3s,right 0.3s;
  }
  #gHeaderSubNavi .navi_list li a {
    background-image: url(../images/common/subnav.png);
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    width: 100%;
    height: 50px;
    display: block;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
    position: absolute;
    left: 0;
    bottom: 14px;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  #gHeaderSubNavi .navi_list li a:hover {
    bottom: 7px;
  }
  #gHeaderSubNavi .navi_list li.program {
    right: 170px;
  }
  #gHeaderSubNavi .navi_list li.program a {
    background-position: center 0;
  }
  #gHeaderSubNavi .navi_list li.search {
    right: 15px;
  }
  #gHeaderSubNavi .navi_list li.search a {
    background-position: center -50px;
  }
  /*contents*/
  #contents {
    padding-top: 60px;
  }
  /*globalFooter*/
  #globalFooter {
    background-color: #000;
    position: relative;
    z-index: 150;
  }
  #globalFooter:before {
    content: "";
    background: url(../images/common/bg_footer.png) repeat-x left top;
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 1;
  }
  #globalFooter .inner {
    padding-bottom: 50px;
    position: relative;
    z-index: 10;
  }
  #globalFooter .inner p.copy {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  /*gFooterNavi*/
  #gFooterNavi {
    margin: 0 auto;
    padding-top: 40px;
    max-width: 960px;
  }
  #gFooterNavi .navi_list {
    text-align: center;
  }
  #gFooterNavi .navi_list li {
    display: inline-block;
    position: relative;
  }
  #gFooterNavi .navi_list li:last-child:after, #gFooterNavi .navi_list li.link:after {
    display: none;
  }
  #gFooterNavi .navi_list li:after {
    content: "";
    background-color: #fff;
    width: 1px;
    height: 0.8em;
    display: block;
    position: absolute;
    top: 0.4em;
    right: 0;
  }
  #gFooterNavi .navi_list li.empty {
    display: none;
  }
  #gFooterNavi .navi_list li a {
    margin: 0 11px 0 10px;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
  }
  #gFooterNavi .navi_list li a:hover {
    color: #666;
  }
  /*pagetop*/
  #pagetop {
    width: 100px;
    height: 100px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
  }
  #pagetop a {
    background: #fcd12b;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA1CAYAAAA+qNlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEyNDNDMzYzMzdCMTFFOUFBNERGQjhBNTc0MUE3NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzMxNUVDNjQzMzdCMTFFOUFBNERGQjhBNTc0MUE3NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTI0M0MzNDMzN0IxMUU5QUE0REZCOEE1NzQxQTc1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTI0M0MzNTMzN0IxMUU5QUE0REZCOEE1NzQxQTc1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnLCeDwAAALvSURBVHja7Jq9btswEMfFQB0zqMgTGBkzFDCy2ZuSIUsWu4/gPIKbN2gfIZk7RXuG2FsDZLGHAgHqpRqzBIjnoAbUU30E6BNJ8UuOg4rAH7El3fHn45lH0mFFUUQ+jTFGL52CeqA+6AfoHnSnsnfuvzT0kdA+gR5KlxI94P1g/YcCP1cAU53vErgptBT+TcChnVlCc529GTh2/uoI/srhtwruCb0BvzXwQNDe8LbQaUBoET5tDByhl4GhuZa28LsA7QS/K9DW8HXQ/S1Ci/B9Z3CEftoyNNdTHXyT0D+bhJdBHwSC7gSCPzAFzzw7+wU6xKXIIb738ZfVgmOK+EIfkZXrUQD4SsrskU56HpuhBWgIeiTXH/H6wsN3T7sDgXYbMNJRwMjf1qXKpYPThQG0CL9w6OMydI7noGPLYT9GO68cl80qzw1Cu8A/m06HA1Noz6MNU/iBTeUcaCL/HbQvOZ5wafvoTxppFXQppuucMdajhzvw/H3NgZD1uY5JPxW2Bk6yrMFd2l70Tlvs6yBAnv9fEW/BW/AWvAVvwdcVGypQF/6OQYnB89er9WZaVc1S3KZ1UWWbguZom+sK2AfGhnhy1iGP5ajsT1HkvLMJqDCVAjgB3RjYj1VbxzKABvYvMR7RhQK/sfAxUoCPDe1fMFDRN8LRJWkzVbzm0CNMDzq01+hnRPx9BZtstT4j1LU5niMmQtpFgs8KyKQuwjXRvpKk0UyVMpqIp5p7kxCzCo32F/ENRpaOamrZRx50WRtvDuG/4VWkwNQBfAizDPdPU2Pqux6nU6g0b8sP49DRSHMve48F6KKcy70ivqoOWaopTHTGsGlLXsQAOgtV8ucEcmww7CbgJwDJUB9BJxw6yJ4zWi8BumSe7uB1PuemEpvgu2ereRxtZhaV88qwcmp/fQv15fxsOPzlQuuiqfMK8ZNPLOwStP0tifIsVkxvQsRTuh4x/M+kzcIS21e3ykxi4kOEKb8baJfU/c75V4ABAL/1CXDO0v4wAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    display: block;
    border: 3px solid #000;
    border-radius: 90px;
    -webkit-box-shadow: 6px 6px 0 0 black;
            box-shadow: 6px 6px 0 0 black;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: top 0.2s,-webkit-box-shadow 0.2s;
    transition: top 0.2s,-webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s,top 0.2s;
    transition: box-shadow 0.2s,top 0.2s,-webkit-box-shadow 0.2s;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #pagetop a:hover {
    -webkit-box-shadow: 3px 3px 0 0 black;
            box-shadow: 3px 3px 0 0 black;
    top: 3px;
  }
}

@media screen and (max-width: 965px) and (min-width: 768px) {
  /* PC+タブレット（768px以上960px未満）
-------------------------------------------------- */
  /*gHeaderNavi*/
  #gHeaderNavi {
    padding-top: 75px;
  }
  #gHeaderNavi .navi_list li.navi a {
    height: 50px;
  }
  #gHeaderNavi .navi_list li.navi.shop {
    width: 4.58%;
  }
  #gHeaderNavi .navi_list li.navi.shop a {
    background-image: url(../images/common/navi/icon_shop_s.png);
  }
  #gHeaderNavi .navi_list li.navi.mobile {
    width: 4.58%;
  }
  #gHeaderNavi .navi_list li.navi.mobile a {
    background-image: url(../images/common/navi/icon_mobile_s.png);
  }
  /*gHeaderSubNavi*/
  #gHeaderSubNavi .navi_list li {
    width: 130px;
  }
  #gHeaderSubNavi .navi_list li.program {
    right: 140px;
  }
  #gHeaderSubNavi .navi_list li.search {
    right: 5px;
  }
  /*gFooterNavi*/
  #gFooterNavi .navi_list li a {
    height: 30px;
  }
}

@media screen and (max-width: 1279px) and (min-width: 966px) {
  /* PC+タブレット（960px以上1280px未満）
-------------------------------------------------- */
}

/*size*/
/*color*/
/* mixinCSS Document */
/*font*/
/*alt*/
/*reset*/
/*gizaline*/
/*dotline*/
/*new*/
/*----------arrow----------*/
/*丸なし矢印*/
/*丸あり矢印(32px*32px)*/
/*丸なし矢印*/
/* parts
-------------------------------------------------- */
/*ページヘッダータイトル*/
/*ページヘッダータイトル キャラなし*/
/*黒枠ブロック*/
/*テレ玉タブ*/
/*-----タイトルパターン-----*/
/*タイトル（矢印付き）*/
/*-----ボタンパターン-----*/
/*ボタン（角丸アイコン付き）*/
/*ボタン（影付きボタン）*/
/*ボタン（四角矢印ボタン）*/
/*ボタン（四角矢印ボタン）*/
/*動画サムネイルボタン（矢印）*/
/*アニメーション*/
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* spCSS Document */
@media screen and (max-width: 767px) {
  /* スマフォ（768px以下)
-------------------------------------------------- */
  .isPC {
    display: none;
  }
  /*!------------------------------------*\
    Base
\*!------------------------------------*/
  .drawer-open {
    overflow: hidden !important;
  }
  .drawer-nav {
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff;
  }
  .drawer-brand {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.75rem;
    display: block;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    text-decoration: none;
    color: #222;
  }
  .drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: 0.75rem;
    text-decoration: none;
    color: #222;
  }
  .drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
  }
  /*! overlay */
  .drawer-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .drawer-open .drawer-overlay {
    display: block;
  }
  /*!------------------------------------*\
    Top
\*!------------------------------------*/
  .drawer--top .drawer-nav {
    top: -1000px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 1000px;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--top.drawer-open .drawer-nav {
    top: 0;
  }
  .drawer--top .drawer-hamburger,
  .drawer--top.drawer-open .drawer-hamburger {
    right: 0;
  }
  /*!------------------------------------*\
    Left
\*!------------------------------------*/
  .drawer--left .drawer-nav {
    left: -16.25rem;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--left.drawer-open .drawer-nav,
  .drawer--left .drawer-hamburger,
  .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
  }
  .drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem;
  }
  /*!------------------------------------*\
    Right
\*!------------------------------------*/
  .drawer--right .drawer-nav {
    right: -16.25rem;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .drawer--right.drawer-open .drawer-nav,
  .drawer--right .drawer-hamburger,
  .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
  }
  .drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem;
  }
  /*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
  .drawer-hamburger {
    position: fixed;
    z-index: 104;
    top: 0;
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding-top: 18px;
    padding-right: 0.75rem;
    padding-bottom: 30px;
    padding-left: 0.75rem;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
  }
  .drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent;
  }
  .drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px;
  }
  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222;
  }
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    position: absolute;
    top: -10px;
    left: 0;
    content: ' ';
  }
  .drawer-hamburger-icon:after {
    top: 10px;
  }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  .drawer-open .drawer-hamburger-icon:before,
  .drawer-open .drawer-hamburger-icon:after {
    top: 0;
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  /*!------------------------------------*\
    accessibility
\*!------------------------------------*/
  /*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  /*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
  }
  /*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
  .drawer--sidebar {
    background-color: #fff;
  }
  .drawer--sidebar .drawer-contents {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) and (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }
  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }
  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}

@media screen and (max-width: 767px) {
  /*!------------------------------------*\
    Navbar
\*!------------------------------------*/
  .drawer--navbarTopGutter {
    padding-top: 3.75rem;
  }
  .drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .drawer-navbar {
    z-index: 102;
    top: 0;
    width: 100%;
  }
  /*! .drawer-navbar modifier */
  .drawer-navbar--fixed {
    position: fixed;
  }
  .drawer-navbar-header {
    position: relative;
    z-index: 102;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 0.75rem;
    text-align: center;
  }
  .drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
  }
  .drawer-navbar .drawer-brand:hover {
    background-color: transparent;
  }
  .drawer-navbar .drawer-nav {
    padding-top: 3.75rem;
  }
  .drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }
  .drawer-navbar .drawer-menu--right {
    float: right;
  }
  .drawer-navbar .drawer-menu li {
    float: left;
  }
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .drawer-navbar .drawer-hamburger {
    display: none;
  }
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .drawer-navbar .drawer-menu {
    padding: 0;
  }
  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd;
  }
  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: 0.75rem;
  }
}

@media screen and (max-width: 767px) {
  /*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
  .drawer-dropdown-menu {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
  }
  .drawer-dropdown-menu > li {
    width: 100%;
    list-style: none;
  }
  .drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: 0.75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222;
  }
  .drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
  }
  /*! open */
  .drawer-dropdown.open > .drawer-dropdown-menu {
    display: block;
  }
  /*! drawer-caret */
  .drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  /*! open */
  .drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  /*!------------------------------------*\
    Container
\*!------------------------------------*/
  .drawer-container {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) and (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

@media screen and (max-width: 767px) {
  /*globalHeader*/
  #globalHeader {
    width: 100%;
    height: 100%;
  }
  #globalHeader .menu_nav {
    background-color: transparent;
    overflow: visible;
    z-index: 910;
  }
  #globalHeader .inner {
    background-color: #fcd12b;
    width: 100%;
    height: 100%;
  }
  #globalHeader .inner:before {
    content: "";
    background: url(../images/common/bg_jagged_under.png) repeat-x left bottom;
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
    z-index: 1;
  }
  #globalHeader .inner:after {
    content: "";
    background: url(../images/common/eye.png) no-repeat center 0px;
    background-size: contain;
    margin-left: -50px;
    width: 100px;
    height: 68px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 10;
  }
  #globalHeader .inner .logo {
    padding-top: 10px;
  }
  #globalHeader .inner .logo a {
    background: url(../images/common/navi_sp/top.png) left center no-repeat;
    background-size: contain;
    width: 100%;
    height: 50px;
    display: block;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #globalHeader .menu_bg {
    background-color: #fcd12b;
    width: 100%;
    height: 55px;
    position: fixed;
    top: 0px;
    right: 0px;
    opacity: 1;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    z-index: 900;
  }
  #globalHeader .menu_bg:before {
    content: "";
    background: url(../images/common/bg_jagged_under.png) repeat-x left bottom;
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
    z-index: 1;
  }
  #globalHeader .menu_bg:after {
    content: "";
    background: url(../images/common/eye.png) no-repeat center 0px;
    background-size: contain;
    margin-left: -50px;
    width: 100px;
    height: 68px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 10;
  }
  #globalHeader button.menu {
    background: url(../images/common/menu.png) no-repeat center top;
    background-size: cover;
    width: 72px;
    height: 60px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 950;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #globalHeader.drawer-open .menu_bg {
    top: -55px;
  }
  #globalHeader.drawer-open button.menu {
    background-position: center bottom;
  }
  /*gHeaderNavi*/
  #gHeaderNavi {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 100px;
    width: 100%;
    height: 100%;
  }
  #gHeaderNavi .navi_list {
    text-align: left;
    font-size: 1%;
  }
  #gHeaderNavi .navi_list li.navi {
    padding-left: 1%;
    width: 48%;
    height: 40px;
    display: inline-block;
    position: relative;
  }
  #gHeaderNavi .navi_list li.navi a {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    z-index: 10;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #gHeaderNavi .navi_list li.navi:nth-child(4n - 1):before {
    content: "";
    background: url(../images/common/navi_sp/bg_giza.png) repeat-x center center;
    background-size: contain;
    width: 240%;
    height: 46px;
    display: block;
    position: absolute;
    top: -3px;
    left: -20%;
  }
  #gHeaderNavi .navi_list li.navi.news a {
    background-image: url(../images/common/navi_sp/news.png);
  }
  #gHeaderNavi .navi_list li.navi.sports a {
    background-image: url(../images/common/navi_sp/sports.png);
  }
  #gHeaderNavi .navi_list li.navi.drama a {
    background-image: url(../images/common/navi_sp/drama.png);
  }
  #gHeaderNavi .navi_list li.navi.anime a {
    background-image: url(../images/common/navi_sp/anime.png);
  }
  #gHeaderNavi .navi_list li.navi.variety a {
    background-image: url(../images/common/navi_sp/variety.png);
  }
  #gHeaderNavi .navi_list li.navi.music a {
    background-image: url(../images/common/navi_sp/music.png);
  }
  #gHeaderNavi .navi_list li.navi.special a {
    background-image: url(../images/common/navi_sp/special.png);
  }
  #gHeaderNavi .navi_list li.navi.new a {
    background-image: url(../images/common/navi_sp/new.png);
  }
  #gHeaderNavi .navi_list li.navi.announcer a {
    background-image: url(../images/common/navi_sp/announcer.png);
  }
  #gHeaderNavi .navi_list li.navi.movie a {
    background-image: url(../images/common/navi_sp/movie.png);
  }
  #gHeaderNavi .navi_list li.navi.shop a {
    background-image: url(../images/common/navi_sp/shop.png);
  }
  #gHeaderNavi .navi_list li.navi.program a {
    background-image: url(../images/common/navi_sp/program.png);
  }
  #gHeaderNavi .navi_list li.navi.mobile a {
    background-image: url(../images/common/navi_sp/mobile.png);
  }
  /*gHeaderSubNavi*/
  #gHeaderSubNavi {
    width: 100%;
  }
  #gHeaderSubNavi .navi_list {
    margin: 0 auto;
    text-align: center;
    letter-spacing: -1em;
    position: relative;
  }
  #gHeaderSubNavi .navi_list li {
    width: 40%;
    height: 35px;
    display: inline-block;
  }
  #gHeaderSubNavi .navi_list li a {
    background-image: url(../images/common/subnav.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    display: block;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #gHeaderSubNavi .navi_list li.program {
    margin-right: 5%;
  }
  #gHeaderSubNavi .navi_list li.program a {
    background-position: center -15px;
  }
  #gHeaderSubNavi .navi_list li.search {
    margin-left: 5%;
  }
  #gHeaderSubNavi .navi_list li.search a {
    background-position: center -65px;
  }
  /*contents*/
  #contents {
    padding-top: 90px;
  }
  /*globalFooter*/
  #globalFooter {
    background-color: #000;
    position: relative;
    z-index: 150;
  }
  #globalFooter:before {
    content: "";
    background: url(../images/common/bg_footer.png) repeat-x left top;
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 1;
  }
  #globalFooter .inner {
    padding-bottom: 50px;
    position: relative;
    z-index: 10;
  }
  #globalFooter .inner p.pagetop a {
    background: url(../images/common/pagetop.png) no-repeat center center;
    background-size: 120px 38px;
    width: 100%;
    height: 70px;
    display: block;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
  #globalFooter .inner p.copy {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  /*gFooterNavi*/
  /* #gFooterNavi{
    margin: 0 auto;
    .navi_list{
        border-top: 1px solid #fff;
        text-align: center;
        font-size:1%;
        letter-spacing: -1em;
        li{
            border-bottom: 1px solid #fff;
            width: 50%;
            letter-spacing: normal;
            display: inline-block;
            overflow: hidden;
            position: relative;
            &:nth-child(odd){
                &:before{
                    content:"";
                    background-color: #fff;
                    width: 1px;
                    height: 42px;
                    display: block;
                    position: absolute;
                    top: -1px;
                    right: 0px;
                }
            }

            a{
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 240px 40px;
                width: 100%;
                height: 40px;
                display: block;
                @include altText;
            }
            &.sitemap{
                a{
                    background-image: url(../images/common/navi/sitemap.png);
                }
            }
            &.digital{
                a{
                    background-image: url(../images/common/navi/digital.png);
                }
            }
            &.faq{
                a{
                    background-image: url(../images/common/navi/faq.png);
                }
            }
            &.mailform{
                a{
                    background-image: url(../images/common/navi/mailform.png);
                }
            }
            &.mobile{
                a{
                    background-image: url(../images/common/navi/mobile.png);
                }
            }
            &.access{
                a{
                    background-image: url(../images/common/navi/access.png);
                }
            }
        }
    }
} */
  /*gFooterNavi*/
  #gFooterNavi .navi_list {
    border-top: 1px solid #fff;
    text-align: center;
    font-size: 1%;
    letter-spacing: -1em;
  }
  #gFooterNavi .navi_list li {
    border-bottom: 1px solid #fff;
    width: 50%;
    letter-spacing: normal;
    display: inline-block;
    overflow: hidden;
    position: relative;
  }
  #gFooterNavi .navi_list li:nth-child(odd):before {
    content: "";
    background-color: #fff;
    width: 1px;
    height: 42px;
    display: block;
    position: absolute;
    top: -1px;
    right: 0px;
  }
  #gFooterNavi .navi_list li:last-child:before {
    display: none;
  }
  #gFooterNavi .navi_list li.empty {
    border-bottom: none;
  }
  #gFooterNavi .navi_list li a {
    padding: 10px 0;
    display: block;
    font-size: 26px;
    font-size: 3.38542vw;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) and (min-width: 420px) {
  #gFooterNavi .navi_list li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  /*pagetop*/
  #pagetop {
    width: 80px;
    height: 80px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 100;
  }
  #pagetop a {
    background: #fcd12b;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA1CAYAAAA+qNlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEyNDNDMzYzMzdCMTFFOUFBNERGQjhBNTc0MUE3NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzMxNUVDNjQzMzdCMTFFOUFBNERGQjhBNTc0MUE3NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTI0M0MzNDMzN0IxMUU5QUE0REZCOEE1NzQxQTc1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTI0M0MzNTMzN0IxMUU5QUE0REZCOEE1NzQxQTc1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnLCeDwAAALvSURBVHja7Jq9btswEMfFQB0zqMgTGBkzFDCy2ZuSIUsWu4/gPIKbN2gfIZk7RXuG2FsDZLGHAgHqpRqzBIjnoAbUU30E6BNJ8UuOg4rAH7El3fHn45lH0mFFUUQ+jTFGL52CeqA+6AfoHnSnsnfuvzT0kdA+gR5KlxI94P1g/YcCP1cAU53vErgptBT+TcChnVlCc529GTh2/uoI/srhtwruCb0BvzXwQNDe8LbQaUBoET5tDByhl4GhuZa28LsA7QS/K9DW8HXQ/S1Ci/B9Z3CEftoyNNdTHXyT0D+bhJdBHwSC7gSCPzAFzzw7+wU6xKXIIb738ZfVgmOK+EIfkZXrUQD4SsrskU56HpuhBWgIeiTXH/H6wsN3T7sDgXYbMNJRwMjf1qXKpYPThQG0CL9w6OMydI7noGPLYT9GO68cl80qzw1Cu8A/m06HA1Noz6MNU/iBTeUcaCL/HbQvOZ5wafvoTxppFXQppuucMdajhzvw/H3NgZD1uY5JPxW2Bk6yrMFd2l70Tlvs6yBAnv9fEW/BW/AWvAVvwdcVGypQF/6OQYnB89er9WZaVc1S3KZ1UWWbguZom+sK2AfGhnhy1iGP5ajsT1HkvLMJqDCVAjgB3RjYj1VbxzKABvYvMR7RhQK/sfAxUoCPDe1fMFDRN8LRJWkzVbzm0CNMDzq01+hnRPx9BZtstT4j1LU5niMmQtpFgs8KyKQuwjXRvpKk0UyVMpqIp5p7kxCzCo32F/ENRpaOamrZRx50WRtvDuG/4VWkwNQBfAizDPdPU2Pqux6nU6g0b8sP49DRSHMve48F6KKcy70ivqoOWaopTHTGsGlLXsQAOgtV8ucEcmww7CbgJwDJUB9BJxw6yJ4zWi8BumSe7uB1PuemEpvgu2ereRxtZhaV88qwcmp/fQv15fxsOPzlQuuiqfMK8ZNPLOwStP0tifIsVkxvQsRTuh4x/M+kzcIS21e3ykxi4kOEKb8baJfU/c75V4ABAL/1CXDO0v4wAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    width: 70px;
    height: 70px;
    display: block;
    border: 3px solid #000;
    border-radius: 90px;
    -webkit-box-shadow: 6px 6px 0 0 black;
            box-shadow: 6px 6px 0 0 black;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: top 0.2s,-webkit-box-shadow 0.2s;
    transition: top 0.2s,-webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s,top 0.2s;
    transition: box-shadow 0.2s,top 0.2s,-webkit-box-shadow 0.2s;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    font-size: 1%;
  }
}