@charset "UTF-8";
/*
Template:auberge
Theme Name:auberge-child
*/
/*子テーマ用CSS。*/
body {
    padding-left: 0;
    padding-right: 0;
}
#instagram {
	padding: 4% 0;
}
.author {
	display: none;
}
.site-title {

    text-transform: none;
}
#main .post-thumbnail img {
  width: 632px;
  height: 400px;
  object-fit: cover;
}
#main #posts .post-thumbnail img {
  height: auto;
}
.archives-listing .post-thumbnail img {
  width: auto;
  height: auto;
  object-fit: none;
}
.site-header {
    padding: 0.62rem 1rem 0.62rem 5.24rem;
}
.site-banner-media img[width], .site-banner-media img[height] {
    width: auto;
}
h1.entry-title,h2.title,h2.entry-title,h3.entry-title,.sbi_header_text h3 {
    text-transform: none;
}
.site-info a {
	font-weight: 100;
}
.comments-link {
	display: none;
}
/* Images -------------------------------------------------------------- */
.alignleft,
img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alignright,
img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.aligncenter,
img.aligncenter,
.lead{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}


@media only screen and (min-width: 55em) {
.site-header-inner {
    max-width: 1140px;
    margin: 0 auto;
}
.site-banner-title {
	font-size: 2.00rem;
}
.home .site-branding {
	display: none;
}
.sticky-header .site-branding {
	display: block;
}
.site-header {
    padding: 0rem;
    position: relative;
    margin: 0 auto;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.custom-logo {
    max-height: 3.62rem;
}
.site-banner .top-main {
    position: absolute;
    top: 45%;
    left: 47%;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);
    z-index: 1000;
    text-align: center;
    color: #FFFFFF;
    line-height: 3;
    margin-left: -135px;
}
.site-banner-thumbnail {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 43.75%;
    background: url("https://www.larche.jp/wp/wp-content/uploads/2019/07/main5.jpg") 0 0 no-repeat;
    background-size: contain;
}
}

/*　スマホ・タブレット共通　*/
@media screen and (max-width: 1019px) {
/* Images -------------------------------------------------------------- */
.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter,
.attachment-restaurant-and-cafe-service-section {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    font-size: 24px;
}
h2.entry-title {
    font-family: "Cardo",serif;
}
.site-header {
    padding: 0.62rem 1rem 0.62rem 4.24rem;
}
.menu-toggle {
    left: 0;
}
.site-branding {
	display: block;
	float: left;
	width: 40%;
}
.home .site-branding {
	display: none;
}
.social-links {
    clear: none;
    float: right;
    margin-top: 0;
}
.site-banner {
    position: relative;
    margin: 0 auto;
}
.site-banner .top-main {
	width: 190px;
    margin-left: -95px;
    position: absolute;
    top: 14%;
    _top: 15%;
    left: 52%;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);
    z-index: 1000;
    text-align: center;
    color: #FFFFFF;
    line-height: 3;
}
.site-banner-thumbnail {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 156.25%;
    background: url("https://www.larche.jp/wp/wp-content/uploads/2019/07/main-sp1.jpg") 0 0 no-repeat;
    background-size: contain;
}
.main-navigation {
    width: 100%;
    left: 0rem;
    top: 0;
}
.home .front-page-widgets-wrapper {
    padding: 1.62rem 0 0;
}
.front-page-widgets-container .widget {
    margin: 0 2% 1.62rem;
}
.front-page-widgets-container .widget p,.front-page-widgets-container .widget address {
    margin: 0;
}
.main-navigation-inner {
    padding: 1em 4% 1em;
}
.site-header .social-links {
    margin-top: 0;

}
}

/*　タブレット　*/
@media screen and (min-width:600px) and ( max-width:1019px) {
.site-banner .top-main {
	width: 45%;
    margin-left: -95px;
    position: absolute;
    top: 14%;
    _top: 15%;
    left: 44%;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);
    z-index: 1000;
    text-align: center;
    color: #FFFFFF;
    line-height: 3;
}
}