@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
#main {
  width: auto; }

#top_image {
  position: relative;
  width: 100%;
  left: 0; }
  @media screen and (max-width: 600px) {
    #top_image {
      width: 100%; } }
.top_text {
  margin: 40px auto;
  font-weight: normal;
  text-align: center;
  line-height: 2em;
  width: 60%;
  font-size: 19px; }
  .top_text p {
    margin-bottom: 1.5em; }
  @media screen and (max-width: 600px) {
    .top_text {
      font-size: .9em;
      margin: 30px auto;
      width: 100%; } }

.site_image {
  text-align: center; }
  .site_image img {
    height: auto;
    vertical-align: middle; }
    .site_image img:nth-child(1n) {
      width: 280px; }
    .site_image img:nth-child(2) {
      width: 110px; }
    @media screen and (max-width: 600px) {
      .site_image img:nth-child(1n) {
        width: 40% !important; }
      .site_image img:nth-child(2) {
        width: 40px !important; } }
/*
  .site_image a img:hover {
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%); }
*/

.btn_area {
  text-align: center;
  margin: 50px 0 100px 0; }

#artist_new, #column_news {
  display: block;
  position: relative;
  padding: 40px 0; }
  #artist_new h2, #column_news h2 {
    display: inline-block;
    font-size: 2.3em;
    color: #666;
    position: relative;
    top: -20px;
    font-weight: normal; }
    @media screen and (max-width: 600px) {
      #artist_new h2, #column_news h2 {
        font-size: 1.5em;
        left: 25px; } }
  #artist_new .artists, #column_news .artists {
    display: block;
    margin: 30px auto; }
    #artist_new .artists h3, #column_news .artists h3 {
      display: inline-block;
      font-size: 22px;
      margin: 1.4em 0;
      position: relative; }
      #artist_new .artists h3:before, #column_news .artists h3:before {
        content: '';
        display: inline-block;
        background-image: url(../../image/img_label_icon.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 20px;
        vertical-align: sub; }

#artist_new {
  background: linear-gradient(to right, #f9fb5f, #e9f8a7, #c1eceb); }

#column_news {
  background: linear-gradient(to right, #f9fb5f, #e9f8a7, #c1eceb); }
#artist_new_child ul,#column_news_child ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#artist_new_child li,#column_news_child li {
    position: relative;
}
#column_news_child li {
    height: 400px;
}
@media screen and (max-width: 600px) {
  #column_news_child li {
    height: 350px; } }
#artist_new_child a,#column_news_child a {
    height: 100%;
}
/*# sourceMappingURL=../_map/page/top.css.map */