@charset 'UTF-8';

/* common */
  html
  {
      font-size: 100%;
  }
  body
  {
      font-size: 1.4rem;
      overflow-x: hidden;
  } 
  body#top{
    background-color: #FCF7E1;
  }

  img
  {
      max-width: 100%;
      height: auto;
  }
  #wrapper
  {
      width: 640px;
      margin: 0 auto;
      overflow-x: hidden;
  }
  #main-container
  {
    width: 640px;
  }
  
  .clear-smp
  {
    display: none;
  }

/* container-2nd */  
  .ttlBox {
    width: 640px;
  }
  .singleBox {
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .ttlBox .custom-slug-matome {
    background: url("../img/smp/ttitle_matome.png");
  }
  .ttlBox .custom-slug-present {
    background: url("../img/smp/ttitle_present.png");
  }
  .ttlBox .custom-slug-staff {
    background: url("../img/smp/ttitle_blog.png");
  }
  .ttlBox .custom-slug-blog {
    background: url("../img/smp/ttitle_blog.png");
  }
  .ttlBox .custom-slug-news {
    background: url("../img/smp/ttitle_news.png");
  }
  .ttlBox .custom-slug-campaign {
    background: url("../img/smp/ttitle_campaign.png");
  }
  .ttlBox .custom-slug-apps {
    background: url("../img/smp/ttitle_app.png");
  }
.ttlBox .custom-slug-privacy {
    background: url("../img/smp/ttitle_houshin.png");
}
.ttlBox .custom-slug-privacy-agreement {
    background: url("../img/smp/ttitle_doui.png");
}
.ttlBox .custom-slug-personal-infomation {
    background: url("../img/smp/ttitle_toriatsukai.png");
}
.ttlBox .custom-slug-mailmaga-domain {
    background: url("../img/smp/ttitle_domain.png");
}
.ttlBox .custom-slug-mailmagazine {
    background: url("../img/smp/ttitle_merumaga.png");
}
.ttlBox .custom-slug-mailmaga-cancel {
    background: url("../img/smp/ttitle_taikai.png");
}
.ttlBox .custom-slug-mailmaga-faq {
    background: url("../img/smp/ttitle_faq.png");
}
.ttlBox .custom-slug-company-info {
    background: url("../img/smp/ttitle_unei.png");
}

/* container-adbanner */
  #container-adbanner
  {
    margin-top: 25px;
  }

/* container-animation */
  #container-animation
  {
    -margin-top: 45px;
  }
  #container-animation .banner
  {
    background: url("../img/smp/ttitle_anime.png") repeat-x center;
    height: 45px;
  }
  #container-animation .contents
  {
      background: url("../img/smp/animation_bnr02.gif") no-repeat center;
      height: 349px;
  }

/* container-campaign */
  #container-campaign
  {
    margin-top: 45px;
  }
  #container-campaign .banner
  {
    background: url("../img/smp/ttitle_campaign.png") repeat-x center;
    height: 45px;
  }

/* container-information */
  #container-information
  {
    margin-top: 45px;
  }
  #container-information .banner
  {
    background: url("../img/smp/ttitle_shinchaku.png") repeat-x center;
    height: 45px;
  }

/* container-introduction */
  #container-introduction
  {
    width: 640px;
    /* margin-top: 45px; */
    border: none;
  }
  #container-introduction > .left
  {
      float: left;
      width: 50%;
      text-align: center;
      padding:0;
  }
  #container-introduction > .right
  {
      float: right;
      width: 50%;
      text-align: center;
      padding:0;
  }
  #container-introduction .banner
  {
    background: url("../img/smp/ttitle_contents.png") no-repeat center;
    height: 45px;
    margin-bottom: 20px;
  }
  #container-introduction .link-movie
  {
      background: url("../img/smp/movie.jpg") no-repeat center;
  }
  #container-introduction .link-game
  {
      background: url("../img/smp/game.png") no-repeat center;
  }
  #container-introduction .link-line
  {
      background: url("../img/smp/line.png") no-repeat center;
  }
  #container-introduction .link-app
  {
      background: url("../img/smp/app.png") no-repeat center;
  }
  #container-introduction .link-fts
  {
      background: url("../img/smp/fts.png") no-repeat center;
      height: 145px;
      background-position: left 20px top 0;
      margin-bottom: 20px;
  }
  #container-introduction .link-sndeco
  {
      background: url("../img/smp/sndeco.png") no-repeat center;
      height: 145px;
      background-position: right 20px top 0;
      margin-bottom: 20px;
  }
  #container-introduction .link-kisekae
  {
      background: url("../img/smp/kisekae.png") no-repeat center;
      height: 145px;
      background-position: left 20px top 0;
      margin-bottom: 20px;
  }
  #container-introduction .link-sncon
  {
      background: url("../img/smp/sncon.png") no-repeat center;
      height: 145px;
      background-position: right 20px top 0;
      margin-bottom: 20px;
  }
  #container-introduction .link-mail
  {
      background: url("../img/smp/line_register.jpg") no-repeat center;
      height: 145px;
      background-position: right 20px top 0;
      margin-bottom: 20px;
  }
  #container-introduction .link-style-iphone
  {
      background: url("../img/smp/style-iPhone.png") no-repeat center;
      height: 145px;
      background-position: left 20px top 0;
      margin-bottom: 20px;
  }

/* container-line */
  #container-line .line-logo
  {
    background: url("../img/smp/ttitle_line.png") no-repeat center;
  }
  #container-line .line-logo-stump
  {
    background: url("../img/smp/line_title_stump.png") no-repeat center;
  }
  #container-line .line-logo-emoji
  {
    background: url("../img/smp/line_title_emoji.png") no-repeat center;
  }
  #container-line .line-logo-play
  {
    background: url("../img/smp/line_title_play.png") no-repeat center;
  }
  #container-line .line-logo-kisekae
  {
    background: url("../img/smp/line_title_kisekae.png") no-repeat center;
  }
  #container-line .line-logo-aillis
  {
    background: url("../img/smp/line_title_camera.png") no-repeat center;
  }
  #container-line .line-logo,
  #container-line .line-logo-stump,
  #container-line .line-logo-emoji,
  #container-line .line-logo-play,
  #container-line .line-logo-kisekae,
  #container-line .line-logo-aillis
  {
    height: 45px;
  }


/* container-okaimono */
  #container-okaimono
  {
    width: 640px;
    margin-bottom: 0;
    padding:30px;
    border: none;
  }

  #container-okaimono .banner-okaimono
  {
    background: url("../img/smp/okaimono.png") no-repeat center;
    background-size: 580px;
    height: 132px;
  }
  #container-okaimono .turnBox-container
  {
    margin-top: 30px;
    width: 580px;
    height: 150px;
  }
  /* for extra */
  #container-okaimono .ad-banner-okaimono-ad
  {
    background: url("../img/advertising/banner_600x250_0901_SNPark.jpg") no-repeat center;
    height: 250px;
    margin-bottom: 10px;
  }
  #container-okaimono .ad-banner-okaimono-ad2
  {
    background: url("../img/smp/okaimono_2.jpg") no-repeat center;
    background-size: 600px;
    height: 250px;
    margin-bottom: 15px;
  }
  #container-okaimono .content{
    padding: 0;
    background: #fff;
    margin-bottom: 10px;
  }
  #container-okaimono .content .thumbnail{
    padding: 0;
  }
  #container-okaimono .content .thumbnail img{
    max-width: 150px ;
    border: none;
  }
  #container-okaimono h3 {
    margin-bottom: 30px;
  }
  

/* container-others */
  #container-others .table
  {
	display:table;
	margin: 0 auto;
  }
  #container-others .table-list-other
  {
	width: 600px;
	margin: 0px auto;
  }
  #container-others .block-lists
  {
    box-sizing: border-box;
    margin-bottom: 15px;
  }


/* container-pickup */
  #container-pickup
  {
    width: 640px;
    margin-top: 45px;
  }
  #container-pickup .banner
  {
    background: url("../img/smp/ttitle_pickup.png") repeat-x center;
    height: 45px;
  }
  #container-pickup > .left
  {
      /*float: left;*/
      width: 100%;
      /*text-align: right;
      padding-right:10px;*/
      margin-bottom: 10px;
  }
  #container-pickup > .right
  {
      /*float: right;*/
      width: 100%;
      /*text-align: left;
      padding-left:10px;*/
      margin-bottom: 10px;
  }
  #container-pickup > .left img
  {
      width:600px;
  }
  #container-pickup > .right img
  {
      margin-bottom: 10px;
      width:600px;
  }


/* global-copyright */
  #global-modes
  {
    font-size: 1.2em;
  }
  #global-footer {
    margin: 0;
    background-color: #FCF7E1;
    padding-bottom: 30px;
  }
/* global-footer */
  #global-footer-container
  {

    /* background: url("../img/pc/top_header_bg.png") repeat-x center; */
  }
  
  #global-footer-container #footer-img
  {
    background-color: #FCF7E1;
    padding-top:30px;
  }



/* global-header */
  #global-header-container #global-header
  {
    background: url("../img/renewal/top/header_2nd.png");
    width: 640px;
    height: 100px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
  }
  #global-header-container-top #global-header
  {
    background: url("../img/renewal/top/header.png");
    background-size: cover;
    width: 640px;
    height: 640px;
    top: 0;
    left: 0;
    right: 0;
  }
  
  #global-header-container-top .sub_page_margin{
    padding: 0;
  }

  #global-header-container .sub_page_margin{
    padding: 90px 0 0;
  }
  #global-header-container .top_link{
    display: block;
    width: 85%;
    height: 100px;
  }
  #global-header-container-top #shop_link{
    position: absolute;
    right: 85px;
    top: 11px;
  }
  #global-header-container-top #shop_link a:hover{
    opacity: 1;
  }
  #global-header-container-top #shop_link img{
    width: 63px;
  }
  #global-header-container #shop_link{
    display: none;
  }

  #global-header .login-button
  {
    display:block;
    float:right;
    margin: 5px 80px 0 0;
  }

  #global-header .menu-button
  {
    background:url("../img/renewal/top/menu.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display:block;
    height:60px;
    width:53px;
    float:right;
    margin: 20px 20px 0 0;
    /* margin: 5px -130px 0 0; */
  }
  #global-header .menu-button a span{
    display: none;
  }


/* global-link */
  .global-link-container{
    margin-bottom: 0;
  }
  .global-link-container .link-area
  {
    background-color: #FCF7E1;
    width: 640px;
    font-size: 90%;
  }
  
  .global-link-container .link-area
  {
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
  }
  .global-link-container .link-area li
  {
    float: left;
    width: 50%;
    text-align: left;
    padding: 10px 10px;
    display: block;
  }
  /* for odd number*/
  .global-link-container .link-area li:nth-child(odd)
  {
    text-align: right;
  }
  .global-link-container .link-area li:after
  {
    clear: both;
  }


/* global-login */


/* global-menu */
  .global-menu-container .global-menu
  {
    width: 640px;
  }


/* container-game */
  #container-game .game-logo
  {
    background: url("../img/smp/ttitle_game.png") no-repeat center;
  }
  #container-game .game-logo-android
  {
    background: url("../img/smp/game_title_android.png") no-repeat center;
  }
  #container-game .game-logo,
  #container-game .game-logo-android
  {
    height: 45px;
  }
  #container-game .game-logo-iphone
  {
    background: url("../img/smp/game_title_iphone.png") no-repeat center;
  }
  #container-game .game-logo,
  #container-game .game-logo-iphone
  {
    height: 45px;
  }
  #container-game .game-logo-others
  {
    background: url("../img/smp/game_title_sonota.png") no-repeat center;
  }
  #container-game .game-logo,
  #container-game .game-logo-others
  {
    height: 45px;
  }
  #container-game .area  {
    margin: 15px 10px 10px 15px;
    height: 275px;
  }
  #container-game .area1 .area:first-child  {
    margin-left: 13px;
  }

  #container-game .app-logo
  {
    background: url("../img/pc/ttitle_application.png") no-repeat center;
    height: 45px;
  }
  #container-game .app-logo-game
  {
    background: url("../img/pc/ttitle_application_game.png") no-repeat center;
    height: 45px;
  }
  #container-game .app-logo-application
  {
    background: url("../img/pc/ttitle_application_app.png") no-repeat center;
    height: 45px;
  }