@charset "UTF-8";
/*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);
  }
}

/*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);
  }
}

/*----------モーダルパーツ----------*/
.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;
  }
}

/*----------common----------*/
#contents {
  background: #fff url(/assets/images/common/bg_dot_yel.png) repeat center top;
  overflow: hidden;
}

/*---------asideContainer---------*/
#asideContainer {
  background-color: #fcd12b;
  position: relative;
}

/*---------asideContainer---------*/
#asideContainer .item_parts {
  position: absolute;
  top: 500px;
  left: 30%;
}

#asideContainer .block {
  position: relative;
}

#asideContainer .block section {
  position: relative;
  z-index: 10;
}

#asideContainer .block .lead {
  position: relative;
}

#asideContainer .block .lead .h2_tit {
  padding-bottom: 20px;
  text-align: center;
}

#asideContainer .block .lead .h3_tit {
  text-align: center;
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

#asideContainer .block .lead:after {
  content: "";
  display: block;
  position: absolute;
}

/*---------mainSlide---------*/
#mainSlide {
  padding-bottom: 60px;
  position: relative;
}

#mainSlide .slide li img {
  margin: auto;
}

#mainSlide .slide li a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#mainSlide .slide li a:hover img {
  opacity: 0.6;
}

#mainSlide .slide .btn {
  width: 90px;
  height: 90px;
  position: absolute;
  top: 170px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 20;
}

#mainSlide .slide .btn.btn_prev {
  margin-left: -450px;
  left: 50%;
}

#mainSlide .slide .btn.btn_prev button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAnCAYAAAARrli9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAapJREFUeNq8l7tKxEAUhrPDYidY2FgKggoqNoJFthNBBS+o7DPkifYJLGQDKqKF2CWFYCOroIJoabOFYCco/meZCSGancuZ2QM/k2wmfDk7M+fS+O7NRS4mFh+L65/7+RaGGKIxg3I8z8rzmxHDAJjE0IEOSj9vyGd9DAmAKd03XD2SX38MTWnmHRJMBIZE0mMnj2wgxTu2a7QGdaEJy/diMQLIwCMxAghZJkYAIct1a7QJnUBjDMgRtncuAkPe6NAOIklgSBvefNaBfEJui9hYmbADXTAhz1VINagS5DTi2ZOMbQ9/or0cl0NCyqBOSIgCrUOrISFqjWIGpAftA/Kim9iUYd8VsgfIq1HqlznexZbovCFlz5iCcsZfR7BzwBZMQFfQDQNGKbqrg6ntnTC3txamQHfQbkhYOdadeYKlgK0MAynYFvTFgM1SlVSF/ZcmLul8MGHTVVhd4vMJGx8G8gkzrlR9VEFGdd01RWfogwEyrlS5sJZNScyBZbZtC8G2oXfbStWlP6K00raA9XWVqi9YojtHumY5k/korfNEtZWsHta2K/8VYADeqpS7VZ0xYwAAAABJRU5ErkJggg==");
  background-position: 26px center;
}

#mainSlide .slide .btn.btn_next {
  margin-right: -450px;
  right: 50%;
}

#mainSlide .slide .btn.btn_next button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAnCAYAAAARrli9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbFJREFUeNrEl79KxEAQxnOL2AkWNpaCxQnmwMJCyHUHguA/UHyGe6I8gYV4ICpa2SWFYHOeQhQESwuvEK4TNH57jrqeSW53ZxcHPiYhS37M7uwwU8vzPFDt/WahCRdB0idQKsIsUb4HNlb7AuEHO3AxNFOwrgO1AeyzQAQ5HLP2CdqjKI1NkI811s5CB7Sl5iBEE5Vsl1OYoIM3MQk7gVqmIJutmKYzbZmArA7XFCZBaWBv2jCBuyFB+0zYGbSmk95t6JEBm4SOqmBDEKIa0GX0BhPfD2F25RMmfr38wO6ZMHlmm4VFdaSCL1I21QOebUHHpSDHsCWoK0qzJMxu4XahOyYorozIcWSrYuyN/oxsHeoxQJHQqlNh9gC3zYA1tUDYvnm6Hw1LUCI0IPKMThkQaWllMjhKhEto5X/vkePK0P1T6wiyTH2cs/IjbaIAIrucOQbgla7CeWH19glRO9UpPF/7gox2qt4gw4jeevWI0XJJe6Eqf+G6UzWGcDpVIwinUzWC2Haqck7aMIGo6f2sObpYD2Nqp+oNonaqHdrzfsk6+b2hDs3Ww7LvqfxDgAEA5Oa1ao570EoAAAAASUVORK5CYII=");
  background-position: 30px center;
}

#mainSlide .slide .btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  background-repeat: no-repeat;
  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;
  -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%;
}

#mainSlide .slide .btn button:hover {
  -webkit-box-shadow: 3px 3px 0 0 black;
          box-shadow: 3px 3px 0 0 black;
  top: 3px;
}

#mainSlide .slide .dotlist {
  text-align: center;
}

#mainSlide .slide .dotlist li {
  padding: 10px;
  width: 20px;
  height: 40px;
  display: inline-block;
}

#mainSlide .slide .dotlist li button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABSJJREFUeNq0WH1MW1UUPy1FitDVloFL0IRQ3UaQETblY2NTx8RAsmQf4DYgS5iZisRBILhICC6GbHGRxCwE1Czyh6grga3JEEJwxJg63ZA6gsromP4h6BwfZZubrdDWc97uLbcvRd/L6E1+effc9+65v3fvOeeeezV+vx/kRaPR6PFRgchD5CKMCB9iFjGKsCPasO8NCHchgiKwlCHu0CsFIKJpch0rCZFYGhvQrxLXEZnhIqjhS4zLSuS28JlNX6eHhlfjYXtWDBhjI8CHCzx7axF+vOaB1jNzYBu8DYJ1OFDPpnCssEQQye3D+pn7RAGajjwKb5avlurLlfNf3YHSo5Nwz+3jTYdQV3u4CM5gPY4ajlUmQMMr8Yo6t9tccPjt37k4h7riNKH/SpHTIW7InZa07UKcIyElOQqudFsgQqtR/Icbdk/Az794uLiH6xJKGRs8VoG6b+hHkOQob9CyP5JK+W6TKnJSnz0mUcwT6tzpPlFIDpgP2HAVMnmDDrGZC5vTo1XbSF5mjCjmCvU20elSUlKgsrIScnJywGAwoNP5YH5+HpxOJ3R0dMDAwACPJsms7yY+g/Ylm5qH9TuvwTsfTAdGmXYtwoG6yaA2qj9R4ISXG6dgeOxvkeAwe+7j5Mgma2trwWazQX5+vkROGlirBbPZDNnZ2dDS0gKtra0QHR2YoI3Yr5zb4HrEmHxmGisSINUSBW8c/wNuzi0G2iSCbTeXm9BD9J+IgNNVVVVJM6ekdHV1QX19fbDTMS9+n3Q9YES4jLqyUFfA6SwWC/T09EBERIRiJYWFhTAxMRFwOi3b7qrJTBCHEd0h+jlDtHWzGfuYxcAsuR0WFxerIsf7iCauE/bkq/ggnMZZ2MEGShVi1DZhcDt+/yU3XdkYAafLyMhQvQzkRKLTaUJlMw8U+TUaCr5mqg8NDYHRaFTVf2FhAVJTU7n4jzYM26eZV9SSoxIZGSmKD+lkf79DXEbE12yLorafZEtL369i76j9NmsmD15NFZfLBSaTSRVBio1CmdUJg3XhY28I51jL6kXsO3KOH9i2tlHofxRJnmQ/Rp4Mvb29UFpaqorg+Pi4KI7yMGNF4aUVWN4CxCOIz0lITEyEvr4+0Ov1ihXU1NRIoYmVJi2Se14kR8GYB2QqCWYdWN97PKiNl4f1WijYGrTNVrC0bZKEqakpqK6uBo/Ho4hcf3+/SI7KRzpxWSnNanxtKdUau+6BU/VrIN6kg70v3G/77It5eHFLLBRuNcCzT8dI+WDCtqvyvfgI4ixVBgcHoaSkBJqbmyEpKWlZcmQOdXV1YtNxXN3faKu7Qgm0lBZ3WmDDOr2qNf1u5B7kHvyVi98KcfAtGoS/oIBdVFQkITk5WdqT3W43OBwO6OzslExBCHlkiOkoe3TMqCWCFy7fVU3w4khQsnBRqJ+gBJTtNOD1esFqtUr4n0LR4iCR49nMhUA2c9alipzX54f2c0F97PKkG/EMTbRClZSwHkByjkDCigJt7HMkUGZMabzScuL0DIwtZdOzqMsW4rPvaQdj22Yz4hLiFntH009x9Rg5PdmwmE2LZ5JyvhTkmZ+++xjsfM7wH2dpgJPtM9Bw6k/xZLcfdVlXelsSj53DPPDSuWfX9lXw+n4zPPVkFMQZdZhg4m//5YXBS3eh6cNpGBl3By0N6skN680CHb7ZIVztwT2stwvyaw81twt0PVIWzmuPoJsFWdKwRkgS0lj6rmXGbWeeT5dH7nDfHf0rwAC6vTPdVDQjMgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: right center;
  width: 20px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
}

#mainSlide .slide .dotlist li.slick-active button {
  background-position: left center;
}

/*---------asideContainer---------*/
#asideContainer {
  background-color: #fcd12b;
  position: relative;
}

#asideContainer:before {
  content: "";
  background: url(/assets/images/common/bg_jagged_up.png) repeat-x left top;
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: -25px;
}

/*---------notice---------*/
#notice {
  margin: 0px auto;
  padding: 30px 10px 0;
  max-width: 960px;
}

#notice .notice_inner {
  background-color: #fbf1f1;
  padding: 20px;
  border: 3px solid #c01200;
}

/*---------onair---------*/
#onair .inner {
  margin: 0 auto;
  padding: 30px 0 40px;
  max-width: 960px;
}

#onair .inner .box {
  background-color: #fff;
  margin-left: 10px;
  height: 46px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-radius: 25px;
  position: relative;
}

#onair .inner .box .h3_oa {
  background: url(/assets/images/top/onair/h3_oa.png) no-repeat center center;
  width: 197px;
  height: 50px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
  position: absolute;
  top: -2px;
  left: -10px;
  z-index: 10;
}

#onair .inner .box:after {
  content: "";
  background: url(/assets/images/top/onair/bg_bottom.png) no-repeat center center;
  width: 55px;
  height: 50px;
  display: block;
  position: absolute;
  top: -2px;
  right: 0px;
  z-index: 11;
}

#onair .inner .box .oalist {
  height: 46px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

#onair .inner .box .oalist li {
  display: inline;
  font-size: 16px;
  line-height: 46px;
  white-space: nowrap;
  visibility: hidden;
  position: absolute;
  top: 0;
}

#onair .inner .box .oalist li a {
  text-decoration: none;
}

#onair .inner .box .oalist li a:hover .tit {
  color: #c00;
}

#onair .inner .box .oalist li time {
  margin-right: 0.5em;
  font-size: 16px;
  font-weight: bold;
  color: #fcd12b;
}

#onair .inner .box .oalist li .tit {
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size: 16px;
  color: #000;
}

#onair .inner .box .oalist li.next {
  padding-left: 70px;
  position: relative;
}

#onair .inner .box .oalist li.next:before {
  content: url(/assets/images/top/onair/next.png);
  position: absolute;
  top: -8px;
  left: 0;
}

#onair .inner .box .btn {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 20;
}

#onair .inner .box .btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  display: block;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
  display: none;
  -webkit-transition: background-position 0.2s;
  transition: background-position 0.2s;
}

#onair .inner .box .btn button.next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpiYGBgUATiLUD8AYgvArEHAx6wD4j/o+E4XIr/YFEMwpnYFO/FoRiEC9EViwHxQzwaGtE1yADxbTwa2rHZcB2PhhxsfliHQ/FnJgYyAdHOINqDJAUdSZFCUnSTlJCITqIAAQYAeJJeFRfYWvcAAAAASUVORK5CYII=");
  background-position: center center;
}

#onair .inner .box .btn button.next:hover {
  background-position: 20px center;
}

#onair .inner .box .btn button.prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxJREFUeNpiYMANPID4IhB/AOItQKyIS2EcEP9Hw/uwKczEohCE/6ArLMShEIT3IitsxKPwIRCLwRS241F4G4hlYApz8Ci8jmwiCHzGoXAduoeYGEgEJDmDJA+SHHQkRwrJ0U1yQsKZRAECDABD/F4VhRsGoAAAAABJRU5ErkJggg==");
  background-position: 15px center;
}

#onair .inner .box .btn button.prev:hover {
  background-position: 10px center;
}

#onair .inner .box .btn button.on {
  display: block;
}

/*---------bannerSlide---------*/
#bannerSlide .inner {
  background-color: #faba15;
  position: relative;
}

#bannerSlide .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNpi/LVLlIEOIBaIjwDxfWobzERjh5sDcQkQLwLiO0CcTG0LWGjgaCMg1gFiUNT2oAVWIxA/BOLHQHyTGpYxUikJMQIxGxCrAPE5KBsf+ATEc4H4DxBPBOKnAxkDmkDcDcQ2UPPYiNDDB8SFUDYnEH8H4oNAvJWeMQBKEmpA3AnEflQICFAe2QPEmbSMAV0gtgdiByC+C8RlVMw7oOSnDMQrgfgALTwgCcQXoemdVgBk9n5ocRsIxBxALATE2yn1QAQQ59LY8chAEYiPQfPTPyD2BOJ9pHqABVqiiEOLRHo5Hga4kNgbgHgOEJ+EJjGcHgBlTBMgTgXid9A0PxgAL7TU+gkt7eRhBQdyKcQOxEehFU0Qw+AH04E4D+SBhUCGMNQDLgxDC9wCeeA/wxAGTAxDHAAEGACDETgDJHqArQAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#bannerSlide .inner .slide {
  margin: 0 auto;
  padding: 40px 0 50px;
  max-width: 785px;
  width: 100%;
}

#bannerSlide .inner .slide .slick-slide img {
  width: 100%;
  height: auto;
}

#bannerSlide .inner .slide a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#bannerSlide .inner .slide a:hover img {
  opacity: 0.6;
}

#bannerSlide .inner .slide li {
  text-align: center;
}

#bannerSlide .inner .btn {
  margin-top: -19px;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
}

#bannerSlide .inner .btn.btn_prev {
  margin-left: -440px;
  left: 50%;
}

#bannerSlide .inner .btn.btn_prev button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkBJREFUeNpiZCAPSAOxIxDbALEBECsCMT9U7iMQ3wfiC0B8BIj3A/FTBhqDeCA+D8T/ScTnoXqpDkKA+DkZDkLHz6FmUQxMgPg0FRyEjk9DzSYL+APxbxo4CoZBZgeQ6qg4GjoIHccR66gAOjoKhgmGnCkQ/xkAh/2F2o0TnBkAR8HwGVyOCh1AR8FwKDaHPRsEDnuOrUT/P0hwArLDLgwih11ArpCpYui8Zun/fy5q//95Xut/fZYYJWZJM0ILuIWU1FtMTAwMO2YoMDiZc6OIs+hfJbuxwAJtupANeLiYGPbMUWAw0eakZqPBBuQwPXJ1iwmxMOyfr8CgrsCOIZdYQ1ETTA8Ula+BWIRUnbISrAyHFiqCaXSQUv+UYcGGD5Q47A3IYT+BmI1UnVc2qDBoKKKG1Is3fxjy2p8zrNvzidKo/MVErk50R4HAxCVvqeEoSIYCYrJMunH/J4ZYfowwQ5ALHzXc9QnksLvk6PTMeMjw+MVvFDEJERaGVb2yDAkBApQ67C7IYZfI0QlylHnkPYabDzBDbk6jNEOsL0WOu8QE7WKRBV69+wN23Jmr3zHk5rdIU+KwIyCH7aXEhC/f/jFYxdxj2HfyKzUL2L1M0M7oRUpM+fePgcEt7QHDok2Qsuvvv/8MzTNfk2vcReQOcsJgbfYM2obioG5aD3Rn5Cyh7tvfAeq+mQ3JDu+gHiJADrm/NI6+AHILu0E5DEWLgbsX1Bq4G7ChTkYyHSiDZXAY1s75gGVw+AmpFgAEGAAsmAdlrq95TgAAAABJRU5ErkJggg==");
  background-position: center center;
}

#bannerSlide .inner .btn.btn_next {
  margin-right: -440px;
  right: 50%;
}

#bannerSlide .inner .btn.btn_next button {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNpiZCAPSAOxIxDbALEBECsCMT9U7iMQ3wfiC0B8BIj3A/FTBhqDeCA+D8T/ScTnoXqpDkKA+DkZDkLHz6FmUQxMgPg0FRyEjk9DzSYL+APxbxo4CoZBZgeQ6qg4GjoIHccR66gAOjoKhgmGnCkQ/xkAh/2F2o0TnBkAR8HwGVyOCh1AR8FwKDaHPRsEDnuOrUT/P0hwArLDLpBjSH2W2P+f57X+/7mo/X9eszS1HAZyCwMjtEJ+Qk4JDHQQCn/fya8MHhkPGP79o7jGkWECEs7UqlCdzLkZji1RYuDhYqLUKGcmaNOFLJBYg9maMdHmZDi5XIlBTIiFEofZgBymR67uxZs/MKTUYzpOXYEd7DhZCVZyjdYDpbHXQCxCifeCXPgYJlVKMkiIoIbSjfs/GXQC7pBj5BtQiPFRmiDW7fnEMHHJWwxxDUV2co3kY6JGogeFWH6MMIY4KMTIBaCw/0RJVCYECDDMaZTGEH/84jeDZ8ZDco39BAqxu+TqjvXF7qibD34ymEfeAzuOTHAX5LBL5Oqe34LpqDNXv4Md9erdH0pSxyUmaBeLKgBU8lvF3GP48o3iov8IyGF7ydXdPPM1w99//8HsRZs+MLilUaU6YkB2E1mVOI0wuBKHFRcTGAYPmDAkGoqDumk90J2Rs4S6b38HqPtmNiQ7vIN6iAA55P7SOPoCyC1TBuUwFC0G7l5Qa+BuwIY6Gcnt92EZHBaAyn3AMjhMcr8VIMAABQLijdSQIoQAAAAASUVORK5CYII=");
  background-position: center center;
}

#bannerSlide .inner .btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

#bannerSlide .inner .btn button:hover {
  top: 2px;
  left: 2px;
}

/*---------pickup---------*/
#pickup .inner {
  position: relative;
}

#pickup .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATdJREFUeNrU1M8rBHEYx/FntokQBwd70CYRBzcXh1U2uUguLv4A3JSLH3+BiyMHZS9bLg6KtOeN1kVpS0jJxUkSZzSM97eercllsuY7s/OpV7O1OzP7fJ/v83W8qxGxkH6MY18sx7XwzAXsIYMsqriwVYATYQeGkUMJvb++W8ULblBrpgLMH13RTpqV7wr5/SdG8aCf/aS20Awm0IblP9zXotvJwznWcBd3AbuYwmCD7+wILMIXNnCP7zi2UAEVc1/Es7iFAZziDNdRFTCNN7zjSI9H2/F1tp7+u4UmcazHoRm4doknpruH2MFBIx2YxxgW0SnJxdej91lPLi+sAyd4xBJaJfmYTvSoTXSjiMvgwLtqG7PSvFnXqymiD3l81Au4xZCkI3N6LWsBr2YGfElxMpLy/AgwAJ3RQrd9UZXMAAAAAElFTkSuQmCC");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#pickup .inner .lead {
  padding-top: 90px;
  padding-bottom: 40px;
}

#pickup .inner .programs {
  margin: 0 auto;
  padding-bottom: 60px;
  max-width: 960px;
  position: relative;
}

#pickup .inner .programs .programlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

#pickup .inner .programs .programlist .program {
  padding: 0 1% 2em;
  width: 23%;
}

#pickup .inner .programs .programlist .program a {
  display: block;
  text-decoration: none;
  color: #000;
}

#pickup .inner .programs .programlist .program a:hover .thum img {
  opacity: 0.8;
}

#pickup .inner .programs .programlist .program a:hover .tit {
  color: #c00;
}

#pickup .inner .programs .programlist .program .thum {
  padding-top: 75.44%;
  max-width: 224px;
  width: 100%;
  height: 0;
  position: relative;
}

#pickup .inner .programs .programlist .program .thum:after {
  content: "";
  background: url(/assets/images/programs/waku.png) no-repeat center center;
  background-size: contain;
  padding-top: 75.44%;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#pickup .inner .programs .programlist .program .thum img {
  width: 98.21%;
  height: auto;
  position: absolute;
  top: 1.183%;
  left: 0.895%;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#pickup .inner .programs .programlist .program .tit {
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4em;
}

#pickup .inner .programs .programlist .program .date {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN5JREFUeNqkk70KwjAUhYN0cAnYyWfo2gcQx67urn2CvkBX38TujgFXN9e8gggW6dChSj2VU0jbpAS98PXCzTnpzZ8QwwhAChR4gJZZsR4IR0RA01CDMzgy16xr6ibGJ2hADiRYgj3HJesNdZHZquZAYky44d9WRi2hTvdLSCnKR91sLWZBXUvfdzNqtuZjltSrBT4xuIBK+EVFfdz1HYKbRdQyn8DLMO6oDztzCdYW8xUcuOt93MGb+nJuza4YrLng7JmnOaO+mDtnW0zO2XXDxq1ab9jfd/unV/URYACsik33vGdmcgAAAABJRU5ErkJggg==");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 3px 5px 3px 20px;
  text-align: left;
  font-size: 14px;
  line-height: 1.0em;
}

#pickup .inner .programs .programlist .program .info {
  padding-top: 5px;
  text-align: left;
  font-size: 14px;
  line-height: 1.4em;
}

#pickup .inner .bottom {
  padding-bottom: 70px;
}

#pickup .inner .bottom .btn {
  margin: 0 auto;
  display: block;
  position: relative;
}

#pickup .inner .bottom .btn:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNo0i0EOADAMguD/j3ZrYz0QElUgDBJpvmewbgU1V9PbLp8AAwD6TBfvm15LlAAAAABJRU5ErkJggg==");
  display: block;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

#pickup .inner .bottom .btn a {
  background: #000 url("/assets/images/top/pickup/more.png") no-repeat center center;
  display: block;
  width: auto;
  position: relative;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
}

#pickup .inner .bottom .btn a:after {
  content: "";
  display: block;
  width: 11px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpi+P//vyIQbwHiD0B8EYg9gJgBGwYR+/5jgjhciv/8xw4ysSne+x83KERXLAbED/FoaERWDMIyQHwbj4Z2ZMUwG67j0ZCDLYjW4VD8mYmBFECOM4j2IElBR1KkkBTdJCUkopMoQIABANtzS0SaywJyAAAAAElFTkSuQmCC");
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

#pickup .inner .bottom .btn a:hover:after {
  left: 40px;
}

@media screen and (min-width: 768px) {
  #pickup .inner .bottom .btn {
    width: 460px;
  }
  #pickup .inner .bottom .btn:before {
    width: 460px;
    height: 80px;
  }
  #pickup .inner .bottom .btn a {
    height: 80px;
  }
}

@media screen and (max-width: 767px) {
  #pickup .inner .bottom .btn {
    width: 96%;
  }
  #pickup .inner .bottom .btn:before {
    width: 100%;
    height: 66px;
  }
  #pickup .inner .bottom .btn a {
    height: 66px;
  }
}

/*---------whatsNew---------*/
#whatsNew .inner {
  background-color: #faba15;
  position: relative;
}

#whatsNew .inner section {
  z-index: auto;
}

#whatsNew .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNpi/LVLlIEOIBaIjwDxfWobzERjh5sDcQkQLwLiO0CcTG0LWGjgaCMg1gFiUNT2oAVWIxA/BOLHQHyTGpYxUikJMQIxGxCrAPE5KBsf+ATEc4H4DxBPBOKnAxkDmkDcDcQ2UPPYiNDDB8SFUDYnEH8H4oNAvJWeMQBKEmpA3AnEflQICFAe2QPEmbSMAV0gtgdiByC+C8RlVMw7oOSnDMQrgfgALTwgCcQXoemdVgBk9n5ocRsIxBxALATE2yn1QAQQ59LY8chAEYiPQfPTPyD2BOJ9pHqABVqiiEOLRHo5Hga4kNgbgHgOEJ+EJjGcHgBlTBMgTgXid9A0PxgAL7TU+gkt7eRhBQdyKcQOxEehFU0Qw+AH04E4D+SBhUCGMNQDLgxDC9wCeeA/wxAGTAxDHAAEGACDETgDJHqArQAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#whatsNew .inner .lead {
  padding-top: 90px;
  padding-bottom: 40px;
  position: relative;
  z-index: 10;
}

#whatsNew .inner .board {
  background: url(/assets/images/top/whatsnew/board_bg.png) repeat-y center 6px;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  z-index: 10;
}

#whatsNew .inner .board:before {
  content: "";
  background: url(/assets/images/top/whatsnew/board_top.png) no-repeat center top;
  width: 100%;
  height: 7px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#whatsNew .inner .board:after {
  content: "";
  background: url(/assets/images/top/whatsnew/board_bottom.png) no-repeat center bottom;
  width: 100%;
  height: 25px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

#whatsNew .inner .news {
  padding: 40px 40px 60px;
}

#whatsNew .inner .news ul.newslist {
  overflow: auto;
  height: 24em;
}

#whatsNew .inner .news li {
  padding: 15px 0 20px;
  display: block;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAECAYAAABcDxXOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC9JREFUeNpi+P//PwMQCwKxC5SNgWEKzvyHgJm4FLn8RwVYFTFATQCBNGyKAAIMAHGMc55FCVuoAAAAAElFTkSuQmCC");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

#whatsNew .inner .news li a {
  text-decoration: none;
  color: #fff;
}

#whatsNew .inner .news li a:hover {
  color: #c00;
}

#whatsNew .inner .news li span.date {
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
  font-size: 20px;
  color: #fff;
}

#whatsNew .inner .news li span.genre {
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
}

#whatsNew .inner .news li span.genre span {
  padding: 5px 10px;
  text-align: center;
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}

#whatsNew .inner .news li span.genre span.info {
  background-color: #7fcef4;
}

#whatsNew .inner .news li span.genre span.release {
  background-color: #f19ec2;
}

#whatsNew .inner .news li span.tit {
  margin-left: 1em;
  font-size: 20px;
  -ms-flex-preferred-size: 30em;
      flex-basis: 30em;
}

#whatsNew .inner .bottom {
  margin: 0 auto;
  padding-bottom: 120px;
  max-width: 960px;
  position: relative;
  z-index: 11;
}

#whatsNew .inner .bottom .btn {
  width: 319px;
  height: 142px;
  position: absolute;
  top: -50px;
  right: 10px;
}

#whatsNew .inner .bottom .btn a {
  background: url(/assets/images/top/whatsnew/btn_sns.png) no-repeat center center;
  width: 319px;
  height: 142px;
  display: block;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
}

#whatsNew .inner .bottom .btn a:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (min-width: 768px) {
  #whatsNew .inner .bottom .btn a:hover:hover {
    opacity: 0.6;
  }
}

@media screen and (max-width: 767px) {
  #whatsNew .inner .bottom .btn a:hover:active {
    opacity: 0.6;
  }
}

/*---------special---------*/
#special .inner {
  position: relative;
}

#special .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATdJREFUeNrU1M8rBHEYx/FntokQBwd70CYRBzcXh1U2uUguLv4A3JSLH3+BiyMHZS9bLg6KtOeN1kVpS0jJxUkSZzSM97eercllsuY7s/OpV7O1OzP7fJ/v83W8qxGxkH6MY18sx7XwzAXsIYMsqriwVYATYQeGkUMJvb++W8ULblBrpgLMH13RTpqV7wr5/SdG8aCf/aS20Awm0IblP9zXotvJwznWcBd3AbuYwmCD7+wILMIXNnCP7zi2UAEVc1/Es7iFAZziDNdRFTCNN7zjSI9H2/F1tp7+u4UmcazHoRm4doknpruH2MFBIx2YxxgW0SnJxdej91lPLi+sAyd4xBJaJfmYTvSoTXSjiMvgwLtqG7PSvFnXqymiD3l81Au4xZCkI3N6LWsBr2YGfElxMpLy/AgwAJ3RQrd9UZXMAAAAAElFTkSuQmCC");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#special .inner .banners {
  margin: 0 auto;
  padding: 80px 0;
  max-width: 960px;
  text-align: center;
  letter-spacing: -.4em;
}

#special .inner .banners li {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
}

/*---------news---------*/
#news .inner {
  background-color: #faba15;
  position: relative;
}

#news .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNpi/LVLlIEOIBaIjwDxfWobzERjh5sDcQkQLwLiO0CcTG0LWGjgaCMg1gFiUNT2oAVWIxA/BOLHQHyTGpYxUikJMQIxGxCrAPE5KBsf+ATEc4H4DxBPBOKnAxkDmkDcDcQ2UPPYiNDDB8SFUDYnEH8H4oNAvJWeMQBKEmpA3AnEflQICFAe2QPEmbSMAV0gtgdiByC+C8RlVMw7oOSnDMQrgfgALTwgCcQXoemdVgBk9n5ocRsIxBxALATE2yn1QAQQ59LY8chAEYiPQfPTPyD2BOJ9pHqABVqiiEOLRHo5Hga4kNgbgHgOEJ+EJjGcHgBlTBMgTgXid9A0PxgAL7TU+gkt7eRhBQdyKcQOxEehFU0Qw+AH04E4D+SBhUCGMNQDLgxDC9wCeeA/wxAGTAxDHAAEGACDETgDJHqArQAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#news .inner .lead {
  padding-top: 90px;
  padding-bottom: 40px;
}

#news .inner .board {
  background: url(/assets/images/top/news/board_bg.png) repeat-y center 3px;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}

#news .inner .board:before {
  content: "";
  background: url(/assets/images/top/news/board_top.png) no-repeat center top;
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#news .inner .board:after {
  content: "";
  background: url(/assets/images/top/news/board_bottom.png) no-repeat center bottom;
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
}

#news .inner .news {
  padding: 30px 40px 40px;
}

#news .inner .news li {
  padding: 15px 0 15px;
  display: block;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAECAYAAABcDxXOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpiYIAAQSB2ATH+//+PgWEKzoDkgXgmLkUuUAX/IQZhVwQCM6GK0rApAggwAKh0Q847vEDDAAAAAElFTkSuQmCC");
}

#news .inner .news li:after {
  content: "";
  display: block;
  clear: both;
}

#news .inner .news li a {
  text-decoration: none;
  color: #000;
}

#news .inner .news li a:hover .tit {
  color: #c00;
}

#news .inner .news li span {
  display: inline-block;
  vertical-align: bottom;
}

#news .inner .news li span.tit {
  margin-left: 1em;
  float: left;
  font-size: 16px;
}

#news .inner .news li span.update {
  float: right;
  font-size: 14px;
}

#news .inner .bottom {
  padding-top: 50px;
  padding-bottom: 70px;
}

#news .inner .bottom .btn {
  margin: 0 auto;
  display: block;
  position: relative;
}

#news .inner .bottom .btn:before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNo0i0EOADAMguD/j3ZrYz0QElUgDBJpvmewbgU1V9PbLp8AAwD6TBfvm15LlAAAAABJRU5ErkJggg==");
  display: block;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

#news .inner .bottom .btn a {
  background: #000 url("/assets/images/top/news/more.png") no-repeat center center;
  display: block;
  width: auto;
  position: relative;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  font-size: 1%;
}

#news .inner .bottom .btn a:after {
  content: "";
  display: block;
  width: 11px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpi+P//vyIQbwHiD0B8EYg9gJgBGwYR+/5jgjhciv/8xw4ysSne+x83KERXLAbED/FoaERWDMIyQHwbj4Z2ZMUwG67j0ZCDLYjW4VD8mYmBFECOM4j2IElBR1KkkBTdJCUkopMoQIABANtzS0SaywJyAAAAAElFTkSuQmCC");
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

#news .inner .bottom .btn a:hover:after {
  left: 40px;
}

@media screen and (min-width: 768px) {
  #news .inner .bottom .btn {
    width: 460px;
  }
  #news .inner .bottom .btn:before {
    width: 460px;
    height: 80px;
  }
  #news .inner .bottom .btn a {
    height: 80px;
  }
}

@media screen and (max-width: 767px) {
  #news .inner .bottom .btn {
    width: 96%;
  }
  #news .inner .bottom .btn:before {
    width: 100%;
    height: 66px;
  }
  #news .inner .bottom .btn a {
    height: 66px;
  }
}

/*---------bottomBanner---------*/
#bottomBanner {
  position: relative;
}

#bottomBanner .inner {
  background-color: #fff;
}

#bottomBanner .inner section {
  z-index: auto;
  overflow: hidden;
}

#bottomBanner .inner:before {
  content: "";
  display: block;
  background-position: left bottom;
  top: -13px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAPCAYAAACiLkz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATdJREFUeNrU1M8rBHEYx/FntokQBwd70CYRBzcXh1U2uUguLv4A3JSLH3+BiyMHZS9bLg6KtOeN1kVpS0jJxUkSZzSM97eercllsuY7s/OpV7O1OzP7fJ/v83W8qxGxkH6MY18sx7XwzAXsIYMsqriwVYATYQeGkUMJvb++W8ULblBrpgLMH13RTpqV7wr5/SdG8aCf/aS20Awm0IblP9zXotvJwznWcBd3AbuYwmCD7+wILMIXNnCP7zi2UAEVc1/Es7iFAZziDNdRFTCNN7zjSI9H2/F1tp7+u4UmcazHoRm4doknpruH2MFBIx2YxxgW0SnJxdej91lPLi+sAyd4xBJaJfmYTvSoTXSjiMvgwLtqG7PSvFnXqymiD3l81Au4xZCkI3N6LWsBr2YGfElxMpLy/AgwAJ3RQrd9UZXMAAAAAElFTkSuQmCC");
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0%;
  z-index: 0;
}

#bottomBanner .inner .banners {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
  letter-spacing: -.4em;
  position: relative;
  z-index: 10;
}

#bottomBanner .inner .banners li {
  display: inline-block;
  letter-spacing: normal;
}

#bottomBanner .inner .banners li a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

#bottomBanner .inner .banners li a:hover img {
  opacity: 0.6;
}

#bottomBanner .inner .lower .banners {
  padding: 100px 0 50px;
}

#bottomBanner .inner .lower .banners li {
  padding: 5px;
}

#bottomBanner .inner .nae {
  position: relative;
}

#bottomBanner .inner .nae:before {
  content: "";
  background-image: url(/assets/images/top/parts/teletama_lower.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  min-height: 1600px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 2200px) {
  #bottomBanner .inner .nae:before {
    background-size: cover;
  }
}

#bottomBanner .inner .nae h3.h3_tit {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
  position: relative;
  z-index: 10;
  display: block;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAECAYAAABcDxXOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpiYIAAQSB2ATH+//+PgWEKzoDkgXgmLkUuUAX/IQZhVwQCM6GK0rApAggwAKh0Q847vEDDAAAAAElFTkSuQmCC");
}

#bottomBanner .inner .nae h3.h3_tit img {
  margin-bottom: -24px;
  margin-left: 1px;
}

#bottomBanner .inner .nae .banners {
  padding: 50px 0 100px;
}

#bottomBanner .inner .nae .banners li {
  padding: 5px;
}

/*---------mordalBanner---------*/
#mordalBanner {
  display: none;
  margin: auto;
}

#mordalBanner p.banner {
  line-height: 0;
  font-size: 0;
}

#mordalBanner p.banner img {
  width: 100%;
  height: auto;
}

#mordalBanner p.player {
  line-height: 0;
  font-size: 0;
}

#mordalBanner p.player iframe {
  width: 100%;
  height: 300px;
}

@media screen and (min-width: 768px) {
  /* PC+タブレット（768px以上）
-------------------------------------------------- */
}

@media screen and (max-width: 965px) and (min-width: 768px) {
  /* PC+タブレット（768px以上960px未満）
-------------------------------------------------- */
  /*---------mainSlide---------*/
  #mainSlide .slide {
    overflow: hidden;
  }
  #mainSlide .slide li img {
    width: 97%;
    height: auto;
  }
  #mainSlide .slide .btn {
    top: 35%;
  }
  #mainSlide .slide .btn.btn_prev {
    margin-left: -48%;
  }
  #mainSlide .slide .btn.btn_next {
    margin-right: -48%;
  }
  /*---------special---------*/
  #special .inner .banners li img {
    width: 95%;
    height: auto;
  }
  /*---------whatsNew---------*/
  #whatsNew .inner .news li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  #whatsNew .inner .news li span.genre {
    -ms-flex-preferred-size: 6em;
        flex-basis: 6em;
  }
  #whatsNew .inner .news li span.tit {
    margin-left: 0;
    padding-top: 5px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #whatsNew .inner .bottom .btn {
    right: 23%;
  }
}

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

@media screen and (min-width: 1280px) {
  /* PC（1280px以上）
-------------------------------------------------- */
}

@media screen and (max-width: 767px) {
  /* スマフォ（768px以下)
-------------------------------------------------- */
  #asideContainer #clouds,
  #asideContainer #snows,
  #asideContainer #balls {
    display: none;
  }
  /*---------mainSlide---------*/
  #mainSlide {
    padding-bottom: 0;
  }
  #mainSlide .slide li img {
    width: 97.39%;
    height: auto;
  }
  /*---------onair---------*/
  #onair .inner {
    padding: 30px 0;
  }
  #onair .inner .box .h3_oa {
    background: url(/assets/images/top/onair/h3_oa_sp.png) no-repeat center center;
    width: 101px;
  }
  #onair .inner .box .oalist li time {
    font-size: 14px;
  }
  #onair .inner .box .oalist li.next {
    padding-left: 0px;
    position: relative;
  }
  #onair .inner .box .oalist li.next:before {
    display: none;
  }
  /*---------bannerSlide---------*/
  #bannerSlide .inner .slide {
    margin: auto;
    padding: 20px 0 40px;
    width: 97.39%;
  }
  /*---------pickup---------*/
  #pickup .inner .lead {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  #pickup .inner .lead .h2_tit img {
    width: 39.21%;
  }
  #pickup .inner .programs {
    padding-bottom: 0;
  }
  #pickup .inner .programs .programlist .program {
    padding: 0 2% 2em;
    width: 29%;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #pickup .inner .programs .programlist .program {
    padding: 0 3% 2em;
    width: 44%;
  }
  #pickup .inner .programs .programlist .program h4.tit {
    font-size: 28px;
    font-size: 3.64583vw;
  }
  #pickup .inner .programs .programlist .program p.date {
    font-size: 24px;
    font-size: 3.125vw;
  }
  #pickup .inner .programs .programlist .program p.info {
    font-size: 24px;
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  #pickup .inner .bottom .btn:before {
    height: 60px;
  }
  #pickup .inner .bottom .btn a {
    height: 60px;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #pickup .inner .bottom .btn a {
    background-size: 60%;
  }
}

@media screen and (max-width: 767px) {
  #pickup .inner .bottom .btn a:after {
    left: 20px;
  }
  /*---------whatsNew---------*/
  #whatsNew .inner .lead {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  #whatsNew .inner .lead .h2_tit img {
    width: 58.9%;
  }
  #whatsNew .inner .board {
    background-size: contain;
    width: 94.79%;
  }
  #whatsNew .inner .board:before, #whatsNew .inner .board:after {
    background-size: contain;
  }
  #whatsNew .inner .news {
    padding: 5% 5% 60px;
  }
  #whatsNew .inner .news ul.newslist {
    height: 16em;
  }
  #whatsNew .inner .news li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  #whatsNew .inner .news li span.genre {
    -ms-flex-preferred-size: 6em;
        flex-basis: 6em;
  }
  #whatsNew .inner .news li span.tit {
    margin-left: 0;
    padding-top: 5px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #whatsNew .inner .news li span.date {
    font-size: 28px;
    font-size: 3.64583vw;
  }
  #whatsNew .inner .news li span.genre span {
    padding: 1.5% 0;
    font-size: 24px;
    font-size: 3.125vw;
  }
  #whatsNew .inner .news li span.tit {
    font-size: 28px;
    font-size: 3.64583vw;
  }
}

@media screen and (max-width: 767px) {
  #whatsNew .inner .bottom {
    padding-bottom: 0;
  }
  #whatsNew .inner .bottom .btn {
    margin-top: -50px;
    padding-bottom: 5%;
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
  }
  #whatsNew .inner .bottom .btn a {
    background-size: contain;
    margin: 0 auto;
    padding-top: 26%;
    width: 46%;
    height: 0;
  }
  /*---------special---------*/
  #special .inner .banners {
    padding: 40px 0;
  }
  #special .inner .banners li {
    padding-bottom: 0.5%;
    width: 100%;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #special .inner .banners li img {
    width: 96%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  /*---------news---------*/
  #news .inner .lead {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  #news .inner .lead .h2_tit img {
    width: 25.78%;
  }
  #news .inner .board {
    background-size: contain;
    width: 94.79%;
  }
  #news .inner .board:before {
    background-size: contain;
  }
  #news .inner .board:after {
    background-size: contain;
  }
  #news .inner .news {
    padding: 5% 6% 6%;
  }
  #news .inner .news li span.tit {
    margin-left: 0;
  }
  #news .inner .news li span.update {
    margin-top: 0.2em;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #news .inner .news li span.update {
    font-size: 20px;
    font-size: 2.60417vw;
  }
  #news .inner .news li span.tit {
    font-size: 28px;
    font-size: 3.64583vw;
  }
}

@media screen and (max-width: 767px) {
  #news .inner .bottom {
    padding-top: 30px;
  }
  #news .inner .bottom .btn:before {
    height: 60px;
  }
  #news .inner .bottom .btn a {
    height: 60px;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  #news .inner .bottom .btn a {
    background-size: 70%;
  }
}

@media screen and (max-width: 767px) {
  #news .inner .bottom .btn a:after {
    left: 20px;
  }
  /*---------bottomBanner---------*/
  #bottomBanner .inner .lower .banners {
    padding: 60px 0 30px;
  }
  #bottomBanner .inner .lower .banners li {
    padding: 0 0 1%;
    width: 49%;
  }
  #bottomBanner .inner .lower .banners li img {
    width: 94%;
    height: auto;
  }
  #bottomBanner .inner .nae h3.h3_tit {
    margin: 0 3% 0;
    background-image: none;
  }
  #bottomBanner .inner .nae h3.h3_tit img {
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #bottomBanner .inner .nae .banners {
    padding: 3% 0 100px;
  }
  #bottomBanner .inner .nae .banners li {
    padding: 0 0 1%;
    width: 33%;
  }
  #bottomBanner .inner .nae .banners li img {
    width: 94%;
    height: auto;
  }
  /*---------asideContainer---------*/
  #asideContainer .block .lead .h2_tit img {
    height: auto;
  }
  #asideContainer .block .lead .h3_tit {
    font-size: 28px;
    font-size: 3.64583vw;
  }
}

/*----------PAGE PATTERN----------*/
/*-----キャラクターアニメーション-----*/
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes ball {
  10% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  20% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes ball {
  10% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  20% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes snow {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  10% {
    opacity: .8;
  }
  20% {
    opacity: .9;
  }
  30% {
    opacity: .95;
  }
  40% {
    opacity: .9;
  }
  50% {
    opacity: .8;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: .95;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: .8;
  }
  100% {
    opacity: 1;
  }
}

@keyframes snow {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  10% {
    opacity: .8;
  }
  20% {
    opacity: .9;
  }
  30% {
    opacity: .95;
  }
  40% {
    opacity: .9;
  }
  50% {
    opacity: .8;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: .95;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: .8;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fly {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -50px);
            transform: translate(200px, -50px);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-300px, 30px);
            transform: translate(-300px, 30px);
  }
}

@keyframes fly {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -50px);
            transform: translate(200px, -50px);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-300px, 30px);
            transform: translate(-300px, 30px);
  }
}

@-webkit-keyframes hyokkori {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  60% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes hyokkori {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  60% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

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

@-webkit-keyframes swing {
  0%, 100% {
    -webkit-transform-origin: bottom center;
  }
  10% {
    -webkit-transform: rotate(-15deg);
  }
  20% {
    -webkit-transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
  }
  70% {
    -webkit-transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(1deg);
  }
  90% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes swing {
  0%, 100% {
    -webkit-transform-origin: bottom center;
  }
  10% {
    -webkit-transform: rotate(-15deg);
  }
  20% {
    -webkit-transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
  }
  70% {
    -webkit-transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(1deg);
  }
  90% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

#clouds {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

#clouds .item_parts {
  -webkit-animation: fuwafuwa 1s ease-in-out infinite alternate;
          animation: fuwafuwa 1s ease-in-out infinite alternate;
}

#clouds .fuwa0 {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

#clouds .fuwa1 {
  -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
}

#clouds .fuwa2 {
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
}

#balls {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

#balls .item_parts {
  -webkit-animation: ball 1s linear infinite;
          animation: ball 1s linear infinite;
}

#balls .ball0 {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

#balls .ball0 svg {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

#balls .ball1 {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}

#balls .ball1 svg {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

#balls .ball2 {
  -webkit-animation-duration: 2.6s;
          animation-duration: 2.6s;
}

#snows {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

#snows .item_parts {
  -webkit-animation: snow 1s linear infinite;
          animation: snow 1s linear infinite;
}

#snows .snow0 {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

#snows .snow1 {
  -webkit-animation-duration: 4.5s;
          animation-duration: 4.5s;
}

#snows .snow2 {
  -webkit-animation-duration: 4.6s;
          animation-duration: 4.6s;
}

/*default*/
body.default {
  /*---------mainSlide---------*/
  /*---------pickup---------*/
  /*---------whatsNew---------*/
  /*---------special---------*/
  /*---------news---------*/
  /*---------bottomBanner---------*/
}

body.default #mainSlide .items {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

body.default #mainSlide .items .item01 {
  background: url(/assets/images/top/parts/dekatama.png) no-repeat center top;
  width: 219px;
  height: 136px;
  position: absolute;
  left: 10%;
  bottom: -10px;
  visibility: hidden;
}

body.default #mainSlide .items .item01.inview {
  visibility: visible;
  -webkit-animation: hyokkori 0.6s;
          animation: hyokkori 0.6s;
}

@media screen and (max-width: 768px) {
  body.default #mainSlide .items .item01 {
    background-size: contain;
    padding-top: 17.7%;
    width: 28.51%;
    height: 0;
    left: -3%;
    bottom: -50px;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  body.default #mainSlide .items .item01 {
    bottom: -40px;
  }
}

body.default #pickup .inner .lead:after {
  background: url(/assets/images/top/parts/tt_pickup.png) no-repeat center center;
  width: 139px;
  height: 166px;
  margin-left: 160px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.default #pickup .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.default #pickup .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    left: auto;
    padding-top: 21.61%;
    width: 18.09%;
    top: -10px;
    right: 12%;
  }
}

body.default #pickup .items {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.default #pickup .items .item01 {
  background: url(/assets/images/top/parts/garitama.png) no-repeat center top;
  width: 139px;
  height: 200px;
  position: absolute;
  left: -1%;
  top: 300px;
}

body.default #pickup .items .item02 {
  background: url(/assets/images/top/parts/bird.png) no-repeat center top;
  width: 139px;
  height: 208px;
  position: absolute;
  left: 15%;
  top: -30px;
  visibility: hidden;
  z-index: 15;
}

body.default #pickup .items .item02.inview {
  visibility: visible;
  -webkit-animation: fly 1s ease-in-out forwards;
          animation: fly 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.default #pickup .items .item01,
  body.default #pickup .items .item02 {
    display: none;
  }
}

body.default #whatsNew .inner .lead:after {
  background: url(/assets/images/top/parts/tt_wn.png) no-repeat center center;
  width: 128px;
  height: 127px;
  margin-left: -350px;
  bottom: -10px;
  left: 50%;
  visibility: visible;
}

body.default #whatsNew .inner .lead.inview:after {
  -webkit-animation: swing 1s ease-in-out forwards;
          animation: swing 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.default #whatsNew .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 16.53%;
    width: 16.66%;
    bottom: -10px;
    left: 5%;
  }
}

body.default #whatsNew .items {
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

body.default #whatsNew .items .item01 {
  background: url(/assets/images/top/parts/tt_sns.png) no-repeat center top;
  width: 183px;
  height: 150px;
  position: absolute;
  margin-left: 420px;
  left: 50%;
  bottom: 5px;
  z-index: 10;
  visibility: hidden;
}

body.default #whatsNew .items .item01.inview {
  visibility: visible;
  -webkit-animation: fuwafuwa 2s ease-in-out infinite alternate;
          animation: fuwafuwa 2s ease-in-out infinite alternate;
}

@media screen and (max-width: 960px) {
  body.default #whatsNew .items .item01 {
    background-size: contain;
    padding-top: 19.53%;
    width: 23.82%;
    margin-left: 0;
    height: 0;
    right: 6%;
    left: auto;
    bottom: 0;
  }
}

body.default #special .items {
  width: 100%;
  height: 400px;
  position: absolute;
  top: -100px;
  bottom: 0;
  overflow: hidden;
  z-index: 6;
}

body.default #special .items .item01 {
  background: url(/assets/images/top/parts/tree01.png) no-repeat center top;
  width: 354px;
  height: 356px;
  position: absolute;
  left: -30px;
  top: 5px;
  z-index: 1;
}

body.default #special .items .item02 {
  background: url(/assets/images/top/parts/uzutama.png) no-repeat center top;
  width: 187px;
  height: 120px;
  position: absolute;
  left: -50px;
  top: 70px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  body.default #special .items {
    display: none;
  }
}

body.default #news .inner .lead:after {
  background: url(/assets/images/top/parts/tt_news.png) no-repeat center center;
  width: 116px;
  height: 176px;
  margin-left: -220px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.default #news .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.default #news .inner .lead:after {
    background-size: contain;
    padding-top: 22.91%;
    width: 15.1%;
    margin-left: 0;
    height: 0;
    left: auto;
    top: -20px;
    right: 20%;
  }
}

body.default #bottomBanner .inner .bottom {
  position: relative;
  height: 108px;
}

body.default #bottomBanner .inner .bottom .foot {
  background: url(/assets/images/top/parts/teletama_foot.png) no-repeat center top;
  margin-left: -110px;
  width: 223px;
  height: 121px;
  position: absolute;
  top: -13px;
  left: 50%;
}

body.default #bottomBanner .inner .bottom .item01 {
  background: url(/assets/images/top/parts/ball.png) no-repeat center top;
  width: 91px;
  height: 61px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 2;
}

body.default #bottomBanner .inner .bottom .item02 {
  background: url(/assets/images/top/parts/flower01.png) no-repeat center top;
  width: 97px;
  height: 189px;
  position: absolute;
  bottom: -1px;
  right: 200px;
  z-index: 3;
}

body.default #bottomBanner .inner .bottom .item03 {
  background: url(/assets/images/top/parts/flower02.png) no-repeat center top;
  width: 138px;
  height: 269px;
  position: absolute;
  bottom: -1px;
  right: 50px;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  body.default #bottomBanner .inner .bottom .item01 {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 7.94%;
    width: 11.84%;
    position: absolute;
    bottom: -1px;
    left: 10%;
  }
  body.default #bottomBanner .inner .bottom .item02 {
    background-size: contain;
    height: 0;
    padding-top: 24.6%;
    width: 12.63%;
    bottom: -1px;
    right: 20%;
  }
  body.default #bottomBanner .inner .bottom .item03 {
    background-size: contain;
    height: 0;
    padding-top: 35.02%;
    width: 17.96%;
    bottom: -1px;
    right: 1%;
  }
}

body.default #bottomBanner .items {
  width: 100%;
  height: 90%;
  position: absolute;
  top: -150px;
  bottom: 0;
  z-index: 6;
  overflow: hidden;
}

body.default #bottomBanner .items .item01 {
  background: url(/assets/images/top/parts/tree02.png) no-repeat center top;
  width: 456px;
  height: 314px;
  position: absolute;
  right: -10px;
  top: 24px;
  z-index: 1;
}

body.default #bottomBanner .items .item02 {
  background: url(/assets/images/top/parts/mizutama.png) no-repeat center top;
  width: 153px;
  height: 168px;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

body.default #bottomBanner .items .item03 {
  background: url(/assets/images/top/parts/drop.png) no-repeat center top;
  width: 33px;
  height: 977px;
  position: absolute;
  right: 70px;
  top: 130px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  body.default #bottomBanner .items {
    display: none;
  }
}

/*baseball*/
body.baseball {
  /*---------mainSlide---------*/
  /*---------pickup---------*/
  /*---------whatsNew---------*/
  /*---------special---------*/
  /*---------news---------*/
  /*---------bottomBanner---------*/
}

body.baseball #contents {
  background: #fff url(/assets/images/common/bg_dot_blu.png) repeat center top;
}

body.baseball #mainSlide .items {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

body.baseball #mainSlide .items .item01 {
  background: url(/assets/images/top/parts/baseball/dekatama.png) no-repeat center top;
  width: 219px;
  height: 166px;
  position: absolute;
  left: 10%;
  bottom: -10px;
  visibility: hidden;
}

body.baseball #mainSlide .items .item01.inview {
  visibility: visible;
  -webkit-animation: hyokkori 0.6s;
          animation: hyokkori 0.6s;
}

@media screen and (max-width: 768px) {
  body.baseball #mainSlide .items .item01 {
    background-size: contain;
    padding-top: 21.61%;
    width: 28.51%;
    height: 0;
    left: -3%;
    bottom: -50px;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  body.baseball #mainSlide .items .item01 {
    bottom: -40px;
  }
}

body.baseball #pickup .inner .lead:after {
  background: url(/assets/images/top/parts/baseball/tt_pickup.png) no-repeat center center;
  width: 141px;
  height: 199px;
  margin-left: 160px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.baseball #pickup .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.baseball #pickup .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    left: auto;
    padding-top: 25.91%;
    width: 18.35%;
    top: -10px;
    right: 12%;
  }
}

body.baseball #pickup .items {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.baseball #pickup .items .item01 {
  background: url(/assets/images/top/parts/baseball/garitama.png) no-repeat center top;
  width: 129px;
  height: 250px;
  position: absolute;
  left: -1%;
  top: 300px;
}

body.baseball #pickup .items .item02 {
  background: url(/assets/images/top/parts/baseball/bird.png) no-repeat center top;
  width: 139px;
  height: 214px;
  position: absolute;
  left: 15%;
  top: -30px;
  visibility: hidden;
  z-index: 15;
}

body.baseball #pickup .items .item02.inview {
  visibility: visible;
  -webkit-animation: fly 1s ease-in-out forwards;
          animation: fly 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.baseball #pickup .items .item01,
  body.baseball #pickup .items .item02 {
    display: none;
  }
}

body.baseball #whatsNew .inner .lead:after {
  background: url(/assets/images/top/parts/baseball/tt_wn.png) no-repeat center center;
  width: 255px;
  height: 141px;
  margin-left: -450px;
  bottom: -10px;
  left: 50%;
  visibility: visible;
}

body.baseball #whatsNew .inner .lead.inview:after {
  -webkit-animation: swing 1s ease-in-out forwards;
          animation: swing 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.baseball #whatsNew .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 14.38%;
    width: 26.02%;
    bottom: -10px;
    left: 0%;
  }
}

body.baseball #whatsNew .items {
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

body.baseball #whatsNew .items .item01 {
  background: url(/assets/images/top/parts/baseball/tt_sns.png) no-repeat center top;
  width: 183px;
  height: 174px;
  position: absolute;
  margin-left: 420px;
  left: 50%;
  bottom: 5px;
  z-index: 10;
  visibility: hidden;
}

body.baseball #whatsNew .items .item01.inview {
  visibility: visible;
  -webkit-animation: fuwafuwa 2s ease-in-out infinite alternate;
          animation: fuwafuwa 2s ease-in-out infinite alternate;
}

@media screen and (max-width: 960px) {
  body.baseball #whatsNew .items .item01 {
    background-size: contain;
    padding-top: 22.65%;
    width: 23.82%;
    margin-left: 0;
    height: 0;
    right: 6%;
    left: auto;
    bottom: 0;
  }
}

body.baseball #special .items {
  width: 100%;
  height: 400px;
  position: absolute;
  top: -100px;
  bottom: 0;
  overflow: hidden;
  z-index: 6;
}

body.baseball #special .items .item01 {
  background: url(/assets/images/top/parts/tree01.png) no-repeat center top;
  width: 354px;
  height: 356px;
  position: absolute;
  left: -30px;
  top: 5px;
  z-index: 1;
}

body.baseball #special .items .item02 {
  background: url(/assets/images/top/parts/baseball/uzutama.png) no-repeat center top;
  width: 187px;
  height: 131px;
  position: absolute;
  left: -50px;
  top: 70px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  body.baseball #special .items {
    display: none;
  }
}

body.baseball #news .inner .lead:after {
  background: url(/assets/images/top/parts/baseball/tt_news.png) no-repeat center center;
  width: 183px;
  height: 200px;
  margin-left: -280px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.baseball #news .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.baseball #news .inner .lead:after {
    background-size: contain;
    padding-top: 26.04%;
    width: 23.82%;
    margin-left: 0;
    height: 0;
    left: auto;
    top: -20px;
    right: 5%;
  }
}

body.baseball #bottomBanner .inner .bottom {
  position: relative;
  height: 108px;
}

body.baseball #bottomBanner .inner .bottom .foot {
  background: url(/assets/images/top/parts/teletama_foot.png) no-repeat center top;
  margin-left: -110px;
  width: 223px;
  height: 121px;
  position: absolute;
  top: -13px;
  left: 50%;
}

body.baseball #bottomBanner .inner .bottom .item01 {
  background: url(/assets/images/top/parts/baseball/light.png) no-repeat center top;
  width: 282px;
  height: 229px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 2;
}

body.baseball #bottomBanner .inner .bottom .item02 {
  background: url(/assets/images/top/parts/baseball/bad.png) no-repeat center top;
  width: 100px;
  height: 25px;
  position: absolute;
  bottom: 0px;
  right: 200px;
  z-index: 3;
}

body.baseball #bottomBanner .inner .bottom .item03 {
  display: none;
}

@media screen and (max-width: 768px) {
  body.baseball #bottomBanner .inner .bottom .item01 {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 29.81%;
    width: 36.71%;
    position: absolute;
    bottom: 1px;
    left: 0%;
  }
  body.baseball #bottomBanner .inner .bottom .item02 {
    background-size: contain;
    height: 0;
    padding-top: 3.9%;
    width: 15.62%;
    bottom: 1px;
    right: 10%;
  }
}

body.baseball #bottomBanner .items {
  width: 100%;
  height: 90%;
  position: absolute;
  top: -150px;
  bottom: 0;
  z-index: 6;
  overflow: hidden;
}

body.baseball #bottomBanner .items .item01 {
  background: url(/assets/images/top/parts/tree02.png) no-repeat center top;
  width: 456px;
  height: 314px;
  position: absolute;
  right: -10px;
  top: 24px;
  z-index: 1;
}

body.baseball #bottomBanner .items .item02 {
  background: url(/assets/images/top/parts/baseball/mizutama.png) no-repeat center top;
  width: 162px;
  height: 168px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

body.baseball #bottomBanner .items .item03 {
  display: none;
}

@media screen and (max-width: 768px) {
  body.baseball #bottomBanner .items {
    display: none;
  }
}

/*xmas*/
body.xmas {
  /*---------mainSlide---------*/
  /*---------pickup---------*/
  /*---------whatsNew---------*/
  /*---------special---------*/
  /*---------news---------*/
  /*---------bottomBanner---------*/
}

body.xmas #contents {
  background: #fff url(/assets/images/common/bg_dot_grn.png) repeat center top;
}

body.xmas #mainSlide .items {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

body.xmas #mainSlide .items .item01 {
  background: url(/assets/images/top/parts/xmas/dekatama.png) no-repeat center top;
  width: 219px;
  height: 200px;
  position: absolute;
  left: 10%;
  bottom: -10px;
  visibility: hidden;
}

body.xmas #mainSlide .items .item01.inview {
  visibility: visible;
  -webkit-animation: hyokkori 0.6s;
          animation: hyokkori 0.6s;
}

@media screen and (max-width: 768px) {
  body.xmas #mainSlide .items .item01 {
    background-size: contain;
    padding-top: 26.04%;
    width: 28.51%;
    height: 0;
    left: -3%;
    bottom: -50px;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  body.xmas #mainSlide .items .item01 {
    bottom: -40px;
  }
}

body.xmas #pickup .inner .lead:after {
  background: url(/assets/images/top/parts/xmas/tt_pickup.png) no-repeat center center;
  width: 161px;
  height: 184px;
  margin-left: 160px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.xmas #pickup .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.xmas #pickup .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    left: auto;
    padding-top: 23.95%;
    width: 20.96%;
    top: -10px;
    right: 6%;
  }
}

body.xmas #pickup .items {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.xmas #pickup .items .item01 {
  background: url(/assets/images/top/parts/xmas/garitama.png) no-repeat center top;
  width: 141px;
  height: 228px;
  position: absolute;
  left: -1%;
  top: 300px;
}

body.xmas #pickup .items .item02 {
  background: url(/assets/images/top/parts/xmas/bird.png) no-repeat center top;
  width: 139px;
  height: 219px;
  position: absolute;
  left: 15%;
  top: -30px;
  visibility: hidden;
  z-index: 15;
}

body.xmas #pickup .items .item02.inview {
  visibility: visible;
  -webkit-animation: fly 1s ease-in-out forwards;
          animation: fly 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.xmas #pickup .items .item01,
  body.xmas #pickup .items .item02 {
    display: none;
  }
}

body.xmas #whatsNew .inner .lead:after {
  background: url(/assets/images/top/parts/xmas/tt_wn.png) no-repeat center center;
  width: 152px;
  height: 129px;
  margin-left: -350px;
  bottom: -10px;
  left: 50%;
  visibility: visible;
}

body.xmas #whatsNew .inner .lead.inview:after {
  -webkit-animation: swing 1s ease-in-out forwards;
          animation: swing 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.xmas #whatsNew .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 16.79%;
    width: 19.79%;
    bottom: -10px;
    left: 5%;
  }
}

body.xmas #whatsNew .items {
  width: 100%;
  height: 250px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

body.xmas #whatsNew .items .item01 {
  background: url(/assets/images/top/parts/xmas/tt_sns.png) no-repeat center top;
  width: 183px;
  height: 162px;
  position: absolute;
  margin-left: 420px;
  left: 50%;
  bottom: 5px;
  z-index: 10;
  visibility: hidden;
}

body.xmas #whatsNew .items .item01.inview {
  visibility: visible;
  -webkit-animation: fuwafuwa 2s ease-in-out infinite alternate;
          animation: fuwafuwa 2s ease-in-out infinite alternate;
}

@media screen and (max-width: 960px) {
  body.xmas #whatsNew .items .item01 {
    background-size: contain;
    padding-top: 21.09%;
    width: 23.82%;
    margin-left: 0;
    height: 0;
    right: 6%;
    left: auto;
    bottom: 0;
  }
}

body.xmas #special .items {
  width: 100%;
  height: 400px;
  position: absolute;
  top: -100px;
  bottom: 0;
  overflow: hidden;
  z-index: 6;
}

body.xmas #special .items .item01 {
  background: url(/assets/images/top/parts/tree01.png) no-repeat center top;
  width: 354px;
  height: 356px;
  position: absolute;
  left: -30px;
  top: 5px;
  z-index: 1;
}

body.xmas #special .items .item02 {
  background: url(/assets/images/top/parts/xmas/uzutama.png) no-repeat center top;
  width: 187px;
  height: 140px;
  position: absolute;
  left: -50px;
  top: 50px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  body.xmas #special .items {
    display: none;
  }
}

body.xmas #news .inner .lead:after {
  background: url(/assets/images/top/parts/xmas/tt_news.png) no-repeat center center;
  width: 130px;
  height: 187px;
  margin-left: -220px;
  top: -50px;
  left: 50%;
  visibility: visible;
}

body.xmas #news .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.xmas #news .inner .lead:after {
    background-size: contain;
    padding-top: 24.34%;
    width: 16.92%;
    margin-left: 0;
    height: 0;
    left: auto;
    top: -20px;
    right: 20%;
  }
}

body.xmas #bottomBanner .inner .bottom {
  position: relative;
  height: 108px;
}

body.xmas #bottomBanner .inner .bottom .foot {
  background: url(/assets/images/top/parts/teletama_foot.png) no-repeat center top;
  margin-left: -110px;
  width: 223px;
  height: 121px;
  position: absolute;
  top: -13px;
  left: 50%;
}

body.xmas #bottomBanner .inner .bottom .item01 {
  background: url(/assets/images/top/parts/xmas/tree02.png) no-repeat center top;
  width: 235px;
  height: 245px;
  position: absolute;
  bottom: -1px;
  left: 5%;
  z-index: 2;
}

body.xmas #bottomBanner .inner .bottom .item02 {
  background: url(/assets/images/top/parts/xmas/tree01.png) no-repeat center top;
  width: 207px;
  height: 319px;
  position: absolute;
  bottom: -1px;
  right: 5%;
  z-index: 3;
}

body.xmas #bottomBanner .inner .bottom .item03 {
  display: none;
}

@media screen and (max-width: 768px) {
  body.xmas #bottomBanner .inner .bottom .item01 {
    background-size: contain;
    margin-left: 0;
    padding-top: 31.9%;
    width: 30.59%;
    height: 0;
    left: 1%;
  }
  body.xmas #bottomBanner .inner .bottom .item02 {
    background-size: contain;
    height: 0;
    padding-top: 41.53%;
    width: 26.95%;
    bottom: -1px;
    right: 1%;
  }
}

body.xmas #bottomBanner .items {
  width: 100%;
  height: 90%;
  position: absolute;
  top: -150px;
  bottom: 0;
  z-index: 6;
  overflow: hidden;
}

body.xmas #bottomBanner .items .item01 {
  background: url(/assets/images/top/parts/tree02.png) no-repeat center top;
  width: 456px;
  height: 314px;
  position: absolute;
  right: -10px;
  top: 33px;
  z-index: 1;
}

body.xmas #bottomBanner .items .item02 {
  background: url(/assets/images/top/parts/xmas/mizutama.png) no-repeat center top;
  width: 131px;
  height: 184px;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

body.xmas #bottomBanner .items .item03 {
  display: none;
}

@media screen and (max-width: 768px) {
  body.xmas #bottomBanner .items {
    display: none;
  }
}

/*mizutama*/
body.mizutama {
  /*---------asideContainer---------*/
  /*---------bannerSlide---------*/
  /*---------pickup---------*/
  /*---------whatsNew---------*/
  /*---------special---------*/
  /*---------news---------*/
  /*---------bottomBanner---------*/
  /*---------mainSlide---------*/
  /*---------pickup---------*/
  /*---------whatsNew---------*/
  /*---------special---------*/
  /*---------news---------*/
  /*---------bottomBanner---------*/
}

body.mizutama #globalHeader {
  background-color: #f19ec2;
}

body.mizutama #globalHeader:before {
  background: url(/assets/images/common/bg_jagged_pink_under.png) repeat-x left bottom;
}

body.mizutama #globalHeader:after {
  background: url(/assets/images/common/eye_mizutama.png) no-repeat center 0px;
  width: 148px;
}

@media screen and (max-width: 767px) {
  body.mizutama #globalHeader .menu_bg {
    background-color: #f19ec2;
  }
  body.mizutama #globalHeader .menu_bg:before {
    background: url(/assets/images/common/bg_jagged_pink_under.png) repeat-x left bottom;
  }
  body.mizutama #globalHeader .menu_bg:after {
    background: url(/assets/images/common/eye_mizutama.png) no-repeat center 0px;
    background-size: contain;
  }
}

body.mizutama #asideContainer {
  background-color: #f19ec2;
}

body.mizutama #asideContainer:before {
  background: url(/assets/images/common/bg_jagged_pink_up.png) repeat-x left top;
}

body.mizutama #bannerSlide .inner {
  background-color: #ea6da3;
}

body.mizutama #bannerSlide .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0M3RUJDQzQzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0M3RUJDQzUzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDMjNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQzdFQkNDMzNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlVblCIAAAE/SURBVHja1NS7S8NQGMbhk1BvFK2rXUSxiBRBBGkHRwdxE6EiuDkLghdcdPY6aXehizi4+gc4uFhEnbqoiA51c1VQfwfeQpGAFk9i+sFDU3KSvj35vngviyUTYo3jCQ9h3NwP4Z4tmMIlirjHCjqQdPlDCYeBJ5DDElLfzu/KMsr6Q49xCX+LwV+s29fnG+Zw+p9tY1thB30NXteKI/Qij/Yowtv1w2jDDK6xqjCNVqcG+QKFKMJv4gZVHCPjqO0OcYasy/AeunQ8gmkdpxzOS+0pTOIKazhRO3p/GdgFDZndlVkTftm31nbd96pet2nc/RTe9vIQevCOee18FMGDag9b+FC2wPC+Fozh3MSrahnL2n073J/1JwZwEPRoYlSj6EdF7bVuwz/jVe0S9+oWWxsJDUPaNF9lfdPE9SXAAGVJMblkGlHfAAAAAElFTkSuQmCC");
}

body.mizutama #pickup .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxMDlCNzEzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxMDlCNzIzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDQTNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzEwOUI3MDNFNkQxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQREIoAAAFASURBVHja1NS/SwJhGMDx9w77RZStuURhhEgQQdQQuDhEmwRFc/+AUIaDthc0VWs0RkNrew4uilhTS0bU4OhaUn4feAQHI8X39Hzgg3f43t1zzz3P69SuH42HsYkPvHlxc9eDe45gGwVcoYIjTGDS5oMcS5WXhONYRxLBP9Ydoqgv9N7rQwOWivCMpQ7WnevvF/ZxP8i2kVY4w3yX143iBnPYwHg/kpf1yxjDDspIaTLdxpQOch67/Uj+BE+o4haLltruEg+I2kzewbQeryChx0GL89L8Clso4Rh32o5OLwN7oEMmVdkz3ofsWqct51XdbkN4/W+rlF6OYBbfyCBmBht1/GhubSvv6oI15Iy/opljUasvw/3b+kcYF+0+jY9iFQt40fZKS/KfqGm7+D1mlEQ2oMMQMsMXUdcMcTQEGAAGsDV4lN/rKwAAAABJRU5ErkJggg==");
}

body.mizutama #whatsNew .inner {
  background-color: #ea6da3;
}

body.mizutama #whatsNew .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0M3RUJDQzQzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0M3RUJDQzUzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDMjNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQzdFQkNDMzNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlVblCIAAAE/SURBVHja1NS7S8NQGMbhk1BvFK2rXUSxiBRBBGkHRwdxE6EiuDkLghdcdPY6aXehizi4+gc4uFhEnbqoiA51c1VQfwfeQpGAFk9i+sFDU3KSvj35vngviyUTYo3jCQ9h3NwP4Z4tmMIlirjHCjqQdPlDCYeBJ5DDElLfzu/KMsr6Q49xCX+LwV+s29fnG+Zw+p9tY1thB30NXteKI/Qij/Yowtv1w2jDDK6xqjCNVqcG+QKFKMJv4gZVHCPjqO0OcYasy/AeunQ8gmkdpxzOS+0pTOIKazhRO3p/GdgFDZndlVkTftm31nbd96pet2nc/RTe9vIQevCOee18FMGDag9b+FC2wPC+Fozh3MSrahnL2n073J/1JwZwEPRoYlSj6EdF7bVuwz/jVe0S9+oWWxsJDUPaNF9lfdPE9SXAAGVJMblkGlHfAAAAAElFTkSuQmCC");
}

body.mizutama #special .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxMDlCNzEzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxMDlCNzIzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDQTNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzEwOUI3MDNFNkQxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQREIoAAAFASURBVHja1NS/SwJhGMDx9w77RZStuURhhEgQQdQQuDhEmwRFc/+AUIaDthc0VWs0RkNrew4uilhTS0bU4OhaUn4feAQHI8X39Hzgg3f43t1zzz3P69SuH42HsYkPvHlxc9eDe45gGwVcoYIjTGDS5oMcS5WXhONYRxLBP9Ydoqgv9N7rQwOWivCMpQ7WnevvF/ZxP8i2kVY4w3yX143iBnPYwHg/kpf1yxjDDspIaTLdxpQOch67/Uj+BE+o4haLltruEg+I2kzewbQeryChx0GL89L8Clso4Rh32o5OLwN7oEMmVdkz3ofsWqct51XdbkN4/W+rlF6OYBbfyCBmBht1/GhubSvv6oI15Iy/opljUasvw/3b+kcYF+0+jY9iFQt40fZKS/KfqGm7+D1mlEQ2oMMQMsMXUdcMcTQEGAAGsDV4lN/rKwAAAABJRU5ErkJggg==");
}

body.mizutama #news .inner {
  background-color: #ea6da3;
}

body.mizutama #news .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0M3RUJDQzQzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0M3RUJDQzUzRTZDMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDMjNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQzdFQkNDMzNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlVblCIAAAE/SURBVHja1NS7S8NQGMbhk1BvFK2rXUSxiBRBBGkHRwdxE6EiuDkLghdcdPY6aXehizi4+gc4uFhEnbqoiA51c1VQfwfeQpGAFk9i+sFDU3KSvj35vngviyUTYo3jCQ9h3NwP4Z4tmMIlirjHCjqQdPlDCYeBJ5DDElLfzu/KMsr6Q49xCX+LwV+s29fnG+Zw+p9tY1thB30NXteKI/Qij/Yowtv1w2jDDK6xqjCNVqcG+QKFKMJv4gZVHCPjqO0OcYasy/AeunQ8gmkdpxzOS+0pTOIKazhRO3p/GdgFDZndlVkTftm31nbd96pet2nc/RTe9vIQevCOee18FMGDag9b+FC2wPC+Fozh3MSrahnL2n073J/1JwZwEPRoYlSj6EdF7bVuwz/jVe0S9+oWWxsJDUPaNF9lfdPE9SXAAGVJMblkGlHfAAAAAElFTkSuQmCC");
}

body.mizutama #bottomBanner .inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAPCAYAAAB0i5aaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxMDlCNzEzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxMDlCNzIzRTZEMTFFOUFDMkI5MTA5MDI3RUMyNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzdFQkNDQTNFNkMxMUU5QUMyQjkxMDkwMjdFQzI1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzEwOUI3MDNFNkQxMUU5QUMyQjkxMDkwMjdFQzI1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQREIoAAAFASURBVHja1NS/SwJhGMDx9w77RZStuURhhEgQQdQQuDhEmwRFc/+AUIaDthc0VWs0RkNrew4uilhTS0bU4OhaUn4feAQHI8X39Hzgg3f43t1zzz3P69SuH42HsYkPvHlxc9eDe45gGwVcoYIjTGDS5oMcS5WXhONYRxLBP9Ydoqgv9N7rQwOWivCMpQ7WnevvF/ZxP8i2kVY4w3yX143iBnPYwHg/kpf1yxjDDspIaTLdxpQOch67/Uj+BE+o4haLltruEg+I2kzewbQeryChx0GL89L8Clso4Rh32o5OLwN7oEMmVdkz3ofsWqct51XdbkN4/W+rlF6OYBbfyCBmBht1/GhubSvv6oI15Iy/opljUasvw/3b+kcYF+0+jY9iFQt40fZKS/KfqGm7+D1mlEQ2oMMQMsMXUdcMcTQEGAAGsDV4lN/rKwAAAABJRU5ErkJggg==");
}

body.mizutama #bottomBanner .inner .nae:before {
  background-image: url(/assets/images/top/parts/mizutama/teletama_lower.png);
}

body.mizutama #mainSlide .items {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

body.mizutama #mainSlide .items .item01 {
  background: url(/assets/images/top/parts/mizutama/mizutama01.png) no-repeat center top;
  width: 179px;
  height: 123px;
  position: absolute;
  left: 10%;
  bottom: -10px;
  visibility: hidden;
}

body.mizutama #mainSlide .items .item01.inview {
  visibility: visible;
  -webkit-animation: hyokkori 0.6s;
          animation: hyokkori 0.6s;
}

@media screen and (max-width: 768px) {
  body.mizutama #mainSlide .items .item01 {
    background-size: contain;
    padding-top: 16.01%;
    width: 23.3%;
    height: 0;
    left: -3%;
    bottom: -30px;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  body.mizutama #mainSlide .items .item01 {
    bottom: -30px;
  }
}

body.mizutama #pickup .inner .lead:after {
  background: url(/assets/images/top/parts/mizutama/tt_pickup.png) no-repeat center center;
  width: 139px;
  height: 157px;
  margin-left: 160px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.mizutama #pickup .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.mizutama #pickup .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    left: auto;
    padding-top: 20.44%;
    width: 18.09%;
    top: -10px;
    right: 12%;
  }
}

body.mizutama #pickup .items {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.mizutama #pickup .items .item01 {
  background: url(/assets/images/top/parts/mizutama/mizutama02.png) no-repeat center top;
  width: 139px;
  height: 196px;
  position: absolute;
  left: -1%;
  top: 300px;
}

body.mizutama #pickup .items .item02 {
  background: url(/assets/images/top/parts/mizutama/bird.png) no-repeat center top;
  width: 139px;
  height: 208px;
  position: absolute;
  left: 15%;
  top: -30px;
  visibility: hidden;
  z-index: 15;
}

body.mizutama #pickup .items .item02.inview {
  visibility: visible;
  -webkit-animation: fly 1s ease-in-out forwards;
          animation: fly 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.mizutama #pickup .items .item01,
  body.mizutama #pickup .items .item02 {
    display: none;
  }
}

body.mizutama #whatsNew .inner .lead:after {
  background: url(/assets/images/top/parts/mizutama/tt_wn.png) no-repeat center center;
  width: 125px;
  height: 123px;
  margin-left: -350px;
  bottom: -7px;
  left: 50%;
  visibility: visible;
}

body.mizutama #whatsNew .inner .lead.inview:after {
  -webkit-animation: swing 1s ease-in-out forwards;
          animation: swing 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.mizutama #whatsNew .inner .lead:after {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 16.01%;
    width: 16.27%;
    bottom: -7px;
    left: 5%;
  }
}

body.mizutama #whatsNew .items {
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

body.mizutama #whatsNew .items .item01 {
  background: url(/assets/images/top/parts/mizutama/tt_sns.png) no-repeat center top;
  width: 183px;
  height: 149px;
  position: absolute;
  margin-left: 420px;
  left: 50%;
  bottom: 5px;
  z-index: 10;
  visibility: hidden;
}

body.mizutama #whatsNew .items .item01.inview {
  visibility: visible;
  -webkit-animation: fuwafuwa 2s ease-in-out infinite alternate;
          animation: fuwafuwa 2s ease-in-out infinite alternate;
}

@media screen and (max-width: 960px) {
  body.mizutama #whatsNew .items .item01 {
    background-size: contain;
    padding-top: 19.4%;
    width: 23.82%;
    margin-left: 0;
    height: 0;
    right: 6%;
    left: auto;
    bottom: 0;
  }
}

body.mizutama #special .items {
  width: 100%;
  height: 400px;
  position: absolute;
  top: -100px;
  bottom: 0;
  overflow: hidden;
  z-index: 6;
}

body.mizutama #special .items .item01 {
  background: url(/assets/images/top/parts/tree01.png) no-repeat center top;
  width: 354px;
  height: 356px;
  position: absolute;
  left: -30px;
  top: 5px;
  z-index: 1;
}

body.mizutama #special .items .item02 {
  background: url(/assets/images/top/parts/mizutama/mizutama03.png) no-repeat center top;
  width: 187px;
  height: 122px;
  position: absolute;
  left: -50px;
  top: 70px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  body.mizutama #special .items {
    display: none;
  }
}

body.mizutama #news .inner .lead:after {
  background: url(/assets/images/top/parts/mizutama/tt_news.png) no-repeat center center;
  width: 116px;
  height: 174px;
  margin-left: -220px;
  top: -30px;
  left: 50%;
  visibility: visible;
}

body.mizutama #news .inner .lead.inview:after {
  -webkit-animation: bounce 1s ease-in-out forwards;
          animation: bounce 1s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  body.mizutama #news .inner .lead:after {
    background-size: contain;
    padding-top: 22.65%;
    width: 15.1%;
    margin-left: 0;
    height: 0;
    left: auto;
    top: -20px;
    right: 20%;
  }
}

body.mizutama #bottomBanner .inner .bottom {
  position: relative;
  height: 108px;
}

body.mizutama #bottomBanner .inner .bottom .foot {
  background: url(/assets/images/top/parts/teletama_foot.png) no-repeat center top;
  margin-left: -110px;
  width: 223px;
  height: 121px;
  position: absolute;
  top: -13px;
  left: 50%;
}

body.mizutama #bottomBanner .inner .bottom .item01 {
  background: url(/assets/images/top/parts/flower01.png) no-repeat center top;
  background-size: contain;
  width: 80px;
  height: 156px;
  position: absolute;
  bottom: -1px;
  left: 10%;
  z-index: 2;
}

body.mizutama #bottomBanner .inner .bottom .item02 {
  background: url(/assets/images/top/parts/mizutama/flower01.png) no-repeat center top;
  width: 163px;
  height: 189px;
  position: absolute;
  bottom: -10px;
  right: 200px;
  z-index: 3;
}

body.mizutama #bottomBanner .inner .bottom .item03 {
  background: url(/assets/images/top/parts/flower02.png) no-repeat center top;
  width: 138px;
  height: 269px;
  position: absolute;
  bottom: -1px;
  right: 50px;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  body.mizutama #bottomBanner .inner .bottom .item01 {
    background-size: contain;
    margin-left: 0;
    height: 0;
    padding-top: 20.31%;
    width: 10.41%;
    position: absolute;
    bottom: -1px;
    left: 10%;
  }
  body.mizutama #bottomBanner .inner .bottom .item02 {
    background-size: contain;
    height: 0;
    padding-top: 24.6%;
    width: 21.22%;
    bottom: -10px;
    right: 20%;
  }
  body.mizutama #bottomBanner .inner .bottom .item03 {
    background-size: contain;
    height: 0;
    padding-top: 35.02%;
    width: 17.96%;
    bottom: -1px;
    right: 1%;
  }
}

body.mizutama #bottomBanner .items {
  width: 100%;
  height: 90%;
  position: absolute;
  top: -150px;
  bottom: 0;
  z-index: 6;
  overflow: hidden;
}

body.mizutama #bottomBanner .items .item01 {
  background: url(/assets/images/top/parts/tree02.png) no-repeat center top;
  width: 456px;
  height: 314px;
  position: absolute;
  right: -10px;
  top: 24px;
  z-index: 1;
}

body.mizutama #bottomBanner .items .item02 {
  background: url(/assets/images/top/parts/mizutama.png) no-repeat center top;
  width: 153px;
  height: 168px;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
}

body.mizutama #bottomBanner .items .item03 {
  background: url(/assets/images/top/parts/drop.png) no-repeat center top;
  width: 33px;
  height: 977px;
  position: absolute;
  right: 70px;
  top: 130px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  body.mizutama #bottomBanner .items {
    display: none;
  }
}