/**
 * Theme Name: Maruyochaya
 * Theme URI: none
 * Description: LOKAL Japan
 * Version: 0.0.0
 * Author: LOKAL JAPAN
 * Author URI: http://lokal.co.jp/
 *
 */

/**
 * ========================================
 * // header
 * ========================================
 */

.top-img {
  background: url("../img/shincha/top_pc.jpg") no-repeat center bottom;
}

@media screen and (max-width: 599px) {
  .top-img {
    background: url("../img/shincha/top_sp.jpg") no-repeat center center;
  }
}

/**
 * ========================================
 * // main
 * ========================================
 */

#main .bg_main01 {
  background: url("../img/shincha/main01_top_pc.jpg") no-repeat center bottom;
}

#main .bg_main02 {
  background: url("../img/shincha/main02_top_pc.jpg?2") no-repeat center bottom;
}

#main .bg_main03 {
  background: url("../img/shincha/main03_top_pc.jpg") no-repeat center bottom;
}

#main .bg_main04 {
  background: url("../img/shincha/main04_top_pc.jpg") no-repeat center bottom;
  height: 650px;
  margin-top: 80px;
}

#main .bg_main05 {
  background: url("../img/shincha/main05_top_pc.jpg") no-repeat center bottom;
}

@media screen and (max-width: 599px) {
  #main .bg_main01 {
    background: url("../img/shincha/main01_top_sp.jpg") no-repeat center bottom;
  }

  #main .bg_main02 {
    background: url("../img/shincha/main02_top_sp.jpg") no-repeat center bottom;
  }

  #main .bg_main03 {
    background: url("../img/shincha/main03_top_sp.jpg") no-repeat center bottom;
  }

  #main .bg_main04 {
    background: url("../img/shincha/main04_top_sp.jpg") no-repeat center bottom;
    height: 590px;
  }

  #main .bg_main05 {
    background: url("../img/shincha/main05_top_sp.jpg") no-repeat center bottom;
  }
}

@media screen and (max-width: 399px) {
  #main .bg_main04 {
    height: 500px;
  }
}

/**
 * ========================================
 * // sub
 * ========================================
 */

.sub_01 .bg_top {
  background: url("../img/shincha/sub01_top.jpg") no-repeat center center;
}

.sub_02 .bg_top {
  background: url("../img/shincha/sub02_top.jpg") no-repeat center center;
}

/**
 * ========================================
 * // wrapping
 * ========================================
 */


.wrapping {
  text-align: right;
}

@media screen and (max-width: 599px) {
  .wrapping {
    text-align: center;
    margin-top: 10px;
  }

  .wrapping img {
    max-width: 240px;
  }

  #macaroon {
    padding: 95px 10px 30px 10px !important;
  }
}

@media screen and (min-width:600px) and (max-width: 1356px) {
  .wrapping {
    margin-top: 20px;
  }

  .wrapping img {
    max-width: 300px;
  }
}