@charset "UTF-8";


/*/////////////////////////// ▽ ヘッダーの設定 ▽ ///////////////////////////*/

@media screen and (max-width: 949px) { /* 949以下 */
  header ul { width: 920px;   }
  header ul li a.sub_logo {
    background: url("../img/logo_ss.png")no-repeat;
    background: url("../img/logo_ss@2x.png")no-repeat;background-size:36px 30px;
    width:40px;
    margin-left: 10px;
  }
  header ul a.lang_en    { background: url("../img/icon_en.png")  no-repeat; width:40px; }
  header ul a.lang_jp    { background: url("../img/icon_jp.png")  no-repeat; width:40px; }
}

@media screen and (min-width: 500px) {
  header ul { width: 920px;  margin:0px auto; }
  header ul li { float:left;  line-height: 40px; height: 40px; margin-right: 5px; padding-top: 5px;}
  header ul li a { display: block; }
  header ul li a.sub_logo { margin-top: 4px;}
  header ul a.concept { background: url("../img/icon_concept_big.png")no-repeat; width:140px; margin-top: 4px; }
  header ul a.access  { background: url("../img/icon_access_big.png") no-repeat; width:130px; margin-top: 4px; }
  header ul a.menu    { background: url("../img/icon_menu_big.png")   no-repeat; width:120px; margin-top: 4px; }
  header ul a.lang_en    { background: url("../img/icon_en_big.png")  no-repeat; width:120px; margin-top: 4px; }
  header ul a.lang_jp    { background: url("../img/icon_jp_big.png")  no-repeat; width:120px; margin-top: 4px; }
}
@media screen and (min-width: 900px) { /* 900以上のとき */
  header ul { width: 920px;  }
  header ul li a.sub_logo { background: url("../img/logo_small.png")no-repeat; width:360px; margin-top: 0px; }
}

@media screen and (max-width: 499px) {
  header ul { width: 430px; }
  header ul li { float:left;  line-height: 30px; height: 30px; padding-top: 9px;margin-right: 20px;  }
  header ul li a { display: block; }
  header ul a.concept { background: url("../img/icon_concept.png")no-repeat; width:40px;
                        background: url("../img/icon_concept@2x.png")no-repeat; background-size:30px 30px;  }
  header ul a.access  { background: url("../img/icon_access.png") no-repeat; width:40px;
                        background: url("../img/icon_access@2x.png") no-repeat; background-size:30px 30px; }
  header ul a.menu    { background: url("../img/icon_menu.png")   no-repeat; width:40px;
                        background: url("../img/icon_menu@2x.png")   no-repeat; background-size:30px 30px; }
  header ul a.lang_en    { background: url("../img/icon_en.png")  no-repeat; width:40px;
                           background: url("../img/icon_en@2x.png")   no-repeat; background-size:30px 30px; }
  header ul a.lang_jp    { background: url("../img/icon_jp.png")  no-repeat; width:40px;
                           background: url("../img/icon_jp@2x.png")   no-repeat; background-size:30px 30px;}
}

/*/////////////////////////// △ ヘッダーの設定 △ ///////////////////////////*/


/*/////////////////////////// ▽ topの設定 ▽ ///////////////////////////*/

@media screen and (min-width: 950px) {
  div.wrapper {
      max-width: 1024px;
      margin: 0px auto;
      padding-top:50px;
      text-align: center;
  }

  div.contents {
      max-width: 920px; margin: 0px auto; padding-top: 40px;
  }

  div.logos {
      max-width: 920px;
      margin-bottom: 100px;
  }
  img.logo { float: left; margin-right: 40px; }
  h1 { float: left; }
  a.link_concept { float:left; margin-right: 60px; margin-bottom: 60px;}
  a.link_menu { float:left; margin-bottom: 60px; }
  div.social {
    width: 430px;
    float: left;
    margin-bottom: 60px;
  }
  iframe.facebook_feed { width:430px; }
  .fb { margin-right: 60px; }
  .blog { margin-right: 60px;}
  .youtube { width: 430px; height: 323px; }

}



@media screen and (max-width: 949px) {
  div.wrapper {
      max-width: 950px;
      margin: 0px auto;
      padding-top:50px;
      text-align: center;
  }

  div.contents {
      max-width: 410px; margin: 0px auto; padding: 40px 10px 0px 10px;
  }

  div.logos {
      max-width: 430px;
      margin-bottom: 30px;
  }
  img.logo { float: none; margin-right: 0px; }
  h1 { float: none; }
  a.link_concept { margin: 0px auto;}
  a.link_concept img { margin-bottom: 20px; }
  a.link_menu { margin: 0px auto; }
  a.link_menu img { margin-bottom: 20px; }
  div.social {
    /* width: 410px; */
    float: none;
    margin: 0px auto;
    padding:  0px 10px 20px 0px;
  }
  .fb { margin-right: 0px; }
  iframe.facebook_feed { display: none; }
  .twitter-timeline { display: none; }
  .blog img { margin: 0px auto;  width: 300px;}
  .youtube { width: 300px; }
}


/*/////////////////////////// △ topの設定 △ ///////////////////////////*/



/*/////////////////////////// ▽ footer の設定 ▽ ///////////////////////////*/
  footer {
      background: url("../img/bg_footer.png") center repeat-x;
      width     : 100%;
      height    : auto;
      color     : #fff;
      padding-bottom: 40px;
  }
  
@media screen and (min-width: 950px) {
  
  footer div.content {
      width: 920px;
      padding-top: 55px;
      margin: 0px auto;
      text-align: left;
  }
  footer h3 { margin-bottom: 50px; font-size:30px; }
  footer dl.shop_info {
      width:500px;
      float: left;
  }
  footer dt {
      clear: left; float:left; width: 80px; font-size: 16px;
  }
  footer dd {
      margin-left:80px; margin-bottom: 10px; font-size: 16px;
  }

  img.access { width: 410px;float: right; padding-top: 80px; }
  .copyright {
      text-align: right;
      font-size: 11px;
      padding-top: 40px;
  }
}

@media screen and (max-width: 949px) { /* せまいほう */

  footer div.content {
      width: 280px;
      margin: 0px auto;
      text-align: left;
      padding: 55px 0px 30px 15px;
       -webkit-text-size-adjust: 100%;
       overflow:hidden;
  }
  footer h3 { margin-bottom: 50px; font-size:20px; }
  footer dl.shop_info {
      width:300px;
            
      float: left;
      font-size: 7px;
  }
  footer dt {
      clear: left; float:left; width: 80px; font-size: 7px;
  }
  footer dd {
      margin-left:80px; margin-bottom: 10px; font-size: 7px;
  }

  img.access { width: 50%; float: none; text-align: center; }
  .copyright {
      font-size: 8px;
      text-align: center;
      width: 280px;
      padding-top: 20px;
  }
  
  
  footer.en div.content {
      width: 280px;
      margin: 0px auto;
      text-align: left;
      padding: 55px 0px 30px 15px;
       -webkit-text-size-adjust: 100%;
       overflow:hidden;
  }
  footer.en h3 { margin-bottom: 50px; font-size:20px; }
  footer.en dl.shop_info {
      width:300px;
            
      float: left;
      font-size: 7px;
  }
  footer.en dt {
      clear: left; float:left; width: 80px; font-size: 7px;
  }
  footer.en dd {
      margin-left:80px; margin-bottom: 10px; font-size: 7px;
  }

  img.access { width: 50%; float: none; text-align: center; }

}

/*/////////////////////////// △ footer の設定 △ ///////////////////////////*/




header ul li a.sub_logo {  }

/*****                ****/

div#top {
    background: url("../img/main_img01.png") no-repeat;
    max-width: 1024px;
}





div.navibtn { }