@charset "utf-8";
/*--****************************************
site : idolish7
@PC - top.css
Copyright (c) ULM Co.,Ltd. - http://www.ulm-design.com

*****************************************--*/
@media (min-width: 769px) {
  #top{
    
  }

  .movie-bnr {
    display: block;
    width: 560px;
    margin: 0 auto 50px;
    transition: all .3s ease;
  }

  .movie-bnr:hover {
    opacity: .7;
  }

  #main{
    position: relative;
    display: flex;
    padding: 100px 0 0;
  }

  #main-ttl {
    display: none;
  }

  .top-ttl-logo{
    width: 300px;
    height: 104px;
  }

  #header{
    background: rgba(255,255,255,0.9);
  }

  .w100 {
    width: 100%;
    height: auto;
  }

  /*.nav-box .fa-twitter {
    padding: 9px 0 0 2px;
  }*/

  /*--***********************************

  top-main

  ************************************--*/
  #top-main {
    width: calc(100vw - 640px);
    position: fixed;
    background: #fff;
    overflow: hidden;
    top: 0;
    left: 0;
    margin: 100px 0 0 0;
    pointer-events: none;
  }

  #housou {
    position: absolute;
    z-index: 8;
    opacity: 1;
    width: 54%;
    top: .5%;
    right: 1%;
  }

  #housou.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .housou-img {
    width: 100%;
  }

  #copy {
    position: absolute;
    z-index: 9;
    top: 48.8vw;
    left: 29vw;
    width: 42vw;
    min-width: 538px;
  }

  .copy-img {
    width: 100%;
  }

  #main-img-nav {
    position: absolute;
    z-index: 10;
    left: 0;
    display: flex;
    width: 100%;
    height: 50px;
    background: #fff;
    justify-content: center;
    bottom: 2px;
    border-top: 1px solid #000;
  }

  .main-img-nav-box {
    width: 160px;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s ease;
  }

  .main-img-nav-box:hover,
  .main-img-nav-box.act {
    opacity: .5;
  }

  .main-img-nav-box.act {
    cursor: default;
  }

  #main-img-box {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(1.1) translateZ(2px);
    transform: scale(1.1) translateZ(2px);
    transition: all 2.5s cubic-bezier(.33,.86,.32,.86);
  }

  #main-img-box.show {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(1px);
    transform: scale(1) translateZ(1px);
  }

  .main-img {
    /* position: absolute; */
    width: 100%;
    /* top: 0; */
    /* left: 0; */
    opacity: 0;
    transition: all 2.5s cubic-bezier(.33,.86,.32,.86);
  }

  .main-img.act {
    opacity: 1;
  }

  #main-line-box {
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }

  .main-line {
    width: 100%;
    height: 2px;
  }

  /*--***********************************

  top-contents

  ************************************--*/
  #top-contents {
    width: 640px;
    margin: 0 0 0 calc(100vw - 640px);
    /*background: url("../img/top/bg_particle.png") no-repeat center top;
    background-size: 1920px auto;*/
  }

  #appbnrArea {
    width: 1024px;
    height: 254px;
    margin: 0 auto;
    position: relative;
    background: url(../img/top/dl_bg.jpg) no-repeat;
    margin-bottom: 60px;
  }
    
  #appbnrArea a {
    position: absolute;
    display: block;
    right: 114px;
  }

  #appbnrArea a img {
    transition: .2s;
  }

  #appbnrArea a img:hover {
    opacity: .7;
  }

  #appbnrArea a.app {
    bottom: 74px;
  }

  #appbnrArea a.google {
    bottom: 22px;
  }

  /*-------------------------------

  #news

  -------------------------------*/
  #news-container {
    margin: 0 0 100px 0;
  }

  #news-contents-ttl {
    text-align: center;
    margin: 0 0 20px 0;
  }

  .contents-ttl-img {
    height: 97px;
  }

  #news-container-inner {
    width: 600px;
    margin: 0 auto;
  }

  .news-box {
    width: 280px;
    margin: 0 10px 20px;
    position: relative;
    background: rgba(255,255,255,.9);
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
  }

  .news-link {
    color: #000;
    display: block;
  }

  .new-post-icon {
    width: 30px;
    height: 35px;
    background: #ff4683;
    color: #fff;
    font-size: 10px;
    font-family: Arial, Helvetica, "sans-serif";
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -2px;
    left: 7px;
    box-sizing: border-box;
    padding: 15px 0 0 0;
  }

  .new-post-icon:before {
    content: "";
    display: block;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #ff4683;
    position: absolute;
    z-index: 1;
    bottom: -8px;
    left: 0px;
  }

  .new-post-icon:after {
    content: "";
    display: block;
    border-top: 15px solid transparent;
    border-right: 15px solid #ff4683;
    border-bottom: 8px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    z-index: 1;
    bottom: -8px;
    right: 0px;
  }

  .new-post-icon.pickup {
    background: #FCF087;
    color: #000;
    padding: 10px 0 0 0;
  }

  .new-post-icon.pickup:before {
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #FCF087;
  }

  .new-post-icon.pickup:after {
    border-top: 15px solid transparent;
    border-right: 15px solid #FCF087;
    border-bottom: 8px solid transparent;
    border-left: 15px solid transparent;
  }

  .news-thumb-box {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #000;
  }

  .news-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .news-link:hover .news-thumb {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .news-data {
    font-family: Arial, Helvetica, "sans-serif";
    height: 18px;
    margin: 5px 0;
    padding: 10px 0 0 10px;
    -webkit-justify-content: space-between; 
    justify-content: space-between;
  }

  .news-date {
    font-size: 11px;
    line-height: 18px;
  }

  .news-category {
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 80px;
    padding: 4px 0 4px 2px;
    border-radius: 10px 3px 0 10px;
    position: relative;
    right: -4px;
  }

  .news-category::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #b1b1b1 transparent transparent transparent;
    position: absolute;
    bottom: -3px;
    right: 0;
  }

  .news-ttl {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 10px 10px 20px;
  }

  .news-bg-information{ background-color: #0d326f; }
  .news-bg-media{ background-color: #67af28; }
  .news-bg-game{ background-color: #f08300; }
  .news-bg-music{ background-color: #5bc2d9; }
  .news-bg-goods{ background-color: #856daf; }
  .news-bg-books{ background-color: #d8bf3f; }
  .news-bg-event{ background-color: #e60039; }


  /*-------------------------------

  #top-contents-footer

  -------------------------------*/
  #top-contents-footer{
    width: 600px;
    margin: 0 auto;
    padding: 0 0 155px 0;
    display: block;
  }


  /*-------------------------------

  #twitter-container

  -------------------------------*/
  #top-twitter-container{
    width: 560px;
    margin: 0 20px 40px;
  }

  #tab,
  #ogami,
  #tw-txt {
    display: none;
  }

  .twitter-contents-ttl{
    width: 100%;
  }


  .twitter-contents-ttl-img{
    height: 98px;
  }


.top-twitter-widget-box{
    width: 560px;
    height: 350px;
    box-sizing: border-box;
  }


  /*-------------------------------

  #movie-container

  -------------------------------*/
  #top-movie-container{
    width: 600px;
    margin: 0 auto 100px;
  }

  #movie-container-inner {
    overflow: hidden;
  }

  #movie-contents-ttl {
    text-align: center;
    margin: 0 0 20px 0;
  }

  .movie-box{
    width: 560px;
    margin: 0 20px;
  }

  .movie-link{
    color: #000;
    display: block;
  }

  .movie-thumb-box{
    width: 560px;
    height: 315px;
    overflow: hidden;
    background: #000;
    position: relative;
  
  }

  .movie-start-btn{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .movie-box:hover .movie-start-btn {
    background: #2bd0fe;
  }

  .movie-box:hover .movie-start-btn:before {
    border-left: 25px solid #fff;
  }

  .movie-box:hover .movie-start-btn:after {
    border: 1px solid #2bd0fe;
  }

  .movie-start-btn:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 20px;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .movie-start-btn:after {
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    border: 1px solid #fff;
    border-radius: 32px;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .movie-thumb {
    opacity: 0.7;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }


  .movie-box:hover .movie-thumb{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }


  .movie-data{
    font-family: Arial, Helvetica, "sans-serif";
    height: 18px;
    margin: 5px 0;
    -webkit-justify-content: space-between; 
    justify-content: space-between;
  }


  .movie-date{
    font-size: 11px;
    line-height: 18px;
  }


  .movie-category{
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 70px;
    padding: 4px 0 4px 2px;
  }


  .movie-ttl{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
  }


}

@media (max-width: 768px) {
  #top{
  }

  .movie-bnr {
    display: block;
    width: 94%;
    margin: 0 auto 10%;
  }

  
  #main{
    position: relative;
    display: block;
    padding: 60px 0 0;
  }
  
  /*
  #header{
    top: -60px;
  }
  
  #header-line-box{
    top: 60px;
  }
  */
  .w100 {
    width: 100%;
    height: auto;
  }
  
  .contents-ttl-img,
  .twitter-contents-ttl-img {
    width: 100%;
    height: auto;
  }


  /*--***********************************
  
  top-main
  
  ************************************--*/
  #top-main{
    width: 100%;
    height: 142.4vw;
    position: relative !important;
    top: 0 !important;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    pointer-events: none;
  }
  
  #main-ttl{
    position: absolute;
    z-index: 10;
    top: 114vw;
    left: 19vw;
    width: 62vw;
  }
  
  .main-ttl-img{
    width: 100%;
  }
  
  #housou{
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 1%;
    z-index: 8;
  }
  
  #housou.show{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  #main-img-box{
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: scale(1.1);
    transition: all 2.5s cubic-bezier(.33,.86,.32,.86);
  }
  
  #main-img-box.show {
    opacity: 1;
    transform: scale(1);
  }
  
  .main-img {
    position: absolute;
    width: 100%;
    top: 0px;
    opacity: 0;
    transition: all 2.5s cubic-bezier(.33,.86,.32,.86);
  }
  
  .main-img.act {
    opacity: 1;
  }
  
  .main-particle-img{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
  }
  
  
  #top-main-bg{
    position: absolute;
    z-index: 0;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0;
    overflow: hidden;
  }
  
  .top-main-bg-img{
    position: absolute;
    z-index: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  
  #main-line-box{
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
  
  .main-line{
    width: 100%;
    height: 2px;
  }
  
  .housou-img{
  }
  
  .housou-img{
    width: 100%;
  }
  
  #copy {
    position: absolute;
    z-index: 9;
    top: 5vw;
    left: 50vw;
    width: 47.4vw;
  }
  
  .copy-img {
    width: 100%;
  }
  
  #main-img-nav {
    display: flex;
    width: 100%;
    background: #fff;
  }
  
  .main-img-nav-box {
    width: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #000;
  }
  
  .main-img-nav-box.act {
    opacity: .5;
  }
  
  
  
  /*--***********************************
  
  top-contents
  
  ************************************--*/
  #top-contents{
    width: 100%;
    background: url(../img/top/bg.png) no-repeat top center;
    background-size: 100% auto;
    padding: 8% 0 0 0;
  }
  
  /*-------------------------------
  
  #news
  
  -------------------------------*/
  #news-container{
    margin: 0 0 15% 0;
  }
  
  #news-contents-ttl{
    text-align: center;
    margin: 0 0 8% 0;
    padding: 0 10%;
    box-sizing: border-box;
  }
  
  #news-container-inner{
    width: 98%;
    margin: 0 auto;
  }
  
  .news-box{
    width: 46%;
    margin: 0 2% 4% 2%;
    position: relative;
    background: rgba(255,255,255,.9);
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
  }
  
  .news-link{
    color: #000;
    display: block;
  }
  
  .new-post-icon{
    width: 30px;
    height: 35px;
    background: #ff4683;
    color: #fff;
    font-size: 10px;
    font-family: Arial, Helvetica, "sans-serif";
    text-align: center;
    position: absolute;
    z-index: 2;
    top: -2px;
    left: 7px;
    box-sizing: border-box;
    padding: 15px 0 0 0;
  }
  
  .new-post-icon:before{
    content: "";
    display: block;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #ff4683;
    position: absolute;
    z-index: 1;
    bottom: -8px;
    left: 0px;
  }
  
  .new-post-icon:after{
    content: "";
    display: block;
    border-top: 15px solid transparent;
    border-right: 15px solid #ff4683;
    border-bottom: 8px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    z-index: 1;
    bottom: -8px;
    right: 0px;
  }
  
  .new-post-icon.pickup{
    background: #FCF087;
    color: #000;
    padding: 10px 0 0 0;
  }
  
  .new-post-icon.pickup:before{
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #FCF087;
  }
  
  .new-post-icon.pickup:after{
    border-top: 15px solid transparent;
    border-right: 15px solid #FCF087;
    border-bottom: 8px solid transparent;
    border-left: 15px solid transparent;
  }
  
  .news-thumb-box{
    width: 100%;
    height: 0;
    padding-top: -webkit-calc((170/240)*100%);
    padding-top: calc((170/240)*100%);
    overflow: hidden;
    background: #000;
    position: relative;
  }
  
  .news-thumb{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    object-fit: cover;
  }
  
  .news-data{
    font-family: Arial, Helvetica, "sans-serif";
    height: 18px;
    margin: 5px 0;
    -webkit-justify-content: space-between; 
    justify-content: space-between;
    padding: 0 0 0 5%;
  }
  
  .news-date{
    font-size: 10px;
    line-height: 18px;
  }
  
  .news-category{
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 70px;
    padding: 4px 0 4px 2px;
    border-radius: 10px 3px 0 10px;
    position: relative;
    right: -4px;
  }
  
  .news-category::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #b1b1b1 transparent transparent transparent;
    position: absolute;
    bottom: -3px;
    right: 0;
  }
  
  .news-ttl{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0 5% 5%;
  }
  
  .news-bg-information{ background-color: #0d326f; }
  .news-bg-media{ background-color: #67af28; }
  .news-bg-game{ background-color: #f08300; }
  .news-bg-music{ background-color: #5bc2d9; }
  .news-bg-goods{ background-color: #856daf; }
  .news-bg-books{ background-color: #d8bf3f; }
  .news-bg-event{ background-color: #e60039; }
  
  /*-------------------------------
  
  #top-contents-footer
  
  -------------------------------*/
  #top-contents-footer{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20% 0;
  }
  
  /*-------------------------------
  
  #twitter-container
  
  -------------------------------*/
  #top-twitter-container{
    width: 100%;
  }
  
  .twitter-contents-ttl{
    width: 100%;
    margin: 0 0 8% 0;
    padding: 0 10%;
    box-sizing: border-box;
  }
  
  /*.twitter-contents-ttl-img{
    margin: 0 0 0 -13px;
  }*/
  
  .top-twitter-widget-box{
    width: 90%;
    margin: 0 auto;
    padding: 5% 5% calc(10% + 70px) 5%;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    background: #8cd9d9 url(../img/top/tw_bg_pt.png) repeat;
    background-size: 25px 1px;
    position: relative;
  }
  
  .top-twitter-anime-widget-box{
    width: 90%;
    margin: 0 auto;
    padding: 5% 5% calc(10% + 70px) 5%;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    background: #285ebb url(../img/top/tw_bg_pt01.png) repeat;
    background-size: 25px 1px;
    position: relative;
  }
  
  .twitter-timeline{
    width: 100%;
  }
  
  #ogami{
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 5px;
    pointer-events: none;
  }
  
  #tw-txt{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  
  #tw-txt img {
    width: 100%;
  }
  
  .ogami-img{
    width: 140px;
    height: 141px;
  }
  
  #twitter-more-btn{
    position: absolute;
    z-index: 2;
    bottom: 7.5%;
    right: 5%;
    margin: 0;
  }
  
  #twitter-anime-more-btn{
    position: absolute;
    z-index: 2;
    bottom: 5%;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  
  #twitter-anime-more-btn .more-btn-inner,
  #twitter-more-btn .more-btn-inner {
    font-size: 13px;
  }
  
  #tab{
    overflow:hidden;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0,0,0,1);
  }
  
  #tab li {
    border-radius: 5px 5px 0 0;
    padding: 4% 0;
    box-sizing: border-box;
    background: #285ebb url(../img/top/tw_bg_pt01.png) repeat;
    background-size: 25px 1px;
    width: 48%;
    float: left;
  }
  
  #tab li:last-child {
    background: #8cd9d9 url(../img/top/tw_bg_pt.png) repeat;
    background-size: 25px 1px;
    float: right;
  }
  
  #tab li img {
    width: 100%;
  }
  
  
  #tab-content .hide {
    display:none;
  }

  #tab-content .twitter-contents-ttl {
    display: none;
  }
  
  /*-------------------------------
  
  #movie-container
  
  -------------------------------*/
  #top-movie-container{
    width: 100%;
    margin: 0 0 15% 0;
  }
  
  #movie-contents-ttl{
    padding: 0 10% 5%;
    box-sizing: border-box;
  }
  
  .movie-box{
    width: 90%;
    margin: 0 auto;
  }
  
  .movie-link{
    color: #000;
    display: block;
  }
  
  .movie-thumb-box{
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
    position: relative;
  }

  /*.movie-thumb-box:before {
    content:"";
    display: block;
    padding-top: 56.25%;
  }*/
  
  #youtube{
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  
  .movie-start-btn{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
  }
  
  .movie-start-btn:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 20px;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #000;
  }
  
  
  .movie-start-btn:after{
    content: "";
    display: block;
    width: 64px;
    height: 64px;
    border: 1px solid #fff;
    border-radius: 32px;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
  }
  
  
  .movie-thumb{
    opacity: 0.7;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }  
  
  .movie-data{
    font-family: Arial, Helvetica, "sans-serif";
    height: 18px;
    margin: 5px 0;
    -webkit-justify-content: space-between; 
    justify-content: space-between;
  }
  
  
  .movie-date{
    font-size: 11px;
    line-height: 18px;
  }
  
  
  .movie-category{
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 70px;
    padding: 4px 0 4px 2px;
  }
  
  
  .movie-ttl{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
  }  

}