@charset "UTF-8";
/*
Theme Name:AVALON CLASSIC
Theme URI:
Version:1.8.4
Template: avalon_tcd040
*/
@import url("../avalon_tcd040/style.css");


/* 20220602デザイン修正 */
#site_loader_overlay {
    background: #000;
}
#side_col{
	background-image: url("/wp-content/themes/avalon_ebisu/img/sidemenubg-inner.svg");
	background-color: transparent !important;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	max-width: 300px;
}
.home #side_col{
	background-image: url("/wp-content/themes/avalon_ebisu/img/sidemenubg-top.svg");
}
/* トップページ */
.mvArea{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
	position: relative;
}
.mvArea img{
	width: 100%;
    max-width: 100%;
	height: 100vh;
	object-fit: cover;
}
.mvArea .discGroup{
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 10;
	
	font-size: 14px;
	text-align: right;
	color: #fff;
}
.mvArea .discGroup span{
	display: block;
	margin: 8px 0;
}
.mvArea .discGroup span.mainDisc{
	color: #f2e5c9;
}
.mvArea .sp{
    display: none;
}
@media screen and (max-width:767px) {
    .mvArea .pc{
        display: none;
    }
    .mvArea .sp{
        display: block;
    }
}
/* サイドバーロゴ */
@media screen and (min-width: 1025px) {
	#logo_image{
		margin: 50px auto 50px 10% !important;
	}
	#logo_image h1{
		text-align: left;
	}
	#logo_image img { 
		width: 140px; 
		max-width: 100%; 
		height: auto;
	}
}
#global_menu{
	margin-top: 80px;
	margin-left: 10px;
}
#global_menu li a {
    display: block;
    padding: 18px 0;
	margin: 0 10%;
	text-align: left;
/* 	color:#000000 !important; */
}
#global_menu li.instagram a{
}
#global_menu li.instagram a svg{
	height: 20px;
}
#global_menu .menu li svg{
	height: 14px;
	fill: #fff;
}
#global_menu .menu li a:hover svg{
	fill: #f2e5c9;
}
/*  */
@media screen and (min-width: 1025px) {
	.index #main_col .container{
		/*width: 970px;*/
	}
	.index #main_col{
		padding:0;
	}
	#main_col .container { 
		width: calc(100% - 30px);
		padding-left: 320px;
		margin-left: 0;
		margin-right: auto;
		box-sizing: border-box;
	}
	
	#main_col #footer .container {
		padding-left: 0;
	}
	#main_col .header-title {
  		padding: 0 0 0 300px;
	}
}
body{
	background-color: #3e3a39 !important;
}

.home #main_col {
	padding-left: 0px;
}
/* 背景ブラック */
a {
    color: #ccc;
}
#post_meta_bottom{
	background-color: transparent;
}
#bread_crumb li a,
.entry-meta{
    color: #ccc;
}
.entry-header .page-title{
	color: #F2E5C9;
}
#main_col {
	border-left: none;
	background-color: #3e3a39;
	color: #FFF;
}
@media screen and (max-width: 1024px){
	#main_col,
	.single_wrap{
		background-color:#3e3a39 !important;
	}
	#post_meta_bottom{
		background-color: transparent !important;
	}
	#footer{
		background-color:#3e3a39 !important;
	}
	#edit-area p{
		color: #fff !important;
	}
}
/* スマホナビゲーションメニュー */
@media screen and (max-width: 1024px){
	.home #side_col,
	#side_col{
		background-image: none;
		background-color: #1d1e1e !important;
	}
	#logo_image img {
		width: 30%;
		max-width: 200px;
	}
	#global_menu{
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #000000 !important;
		z-index: 19 !important;
		margin-left: 0;
	}
	a.menu_button{
		position: fixed !important;
		z-index: 20 !important;
	}
	#global_menu li:before {
		display: none;
	}
	#global_menu li a {
		display: block;
		width: 190px;
		text-align: center;
		padding: 10px 0px;
		margin: 0 auto;
		border-right: none;
		border-bottom: none;
	}
	#global_menu li.instagram a{
		border-top: #ddd 1px solid;
		margin-top: 20px;
	}
	#global_menu li a img{
		fill: #f2e5c9;
		vertical-align: middle;
	}
	#global_menu .menu{
		margin-top: 80px;
	}
	#global_menu a:hover{
		background-color:inherit;
	}
	#return_top{
		z-index: 0 !important;
	}
	a.menu_button:before {
		color: #FFF !important;
	}
	#global_menu a{
		color: #f2e5c9 !important;
	}
}
#top_blog_header{
	display:none;
}
/* top blog */
.top-blog-list .blog_archive_link {
	display: none;
}
.top-blog-list .blog-title {
	font-size: 16px;
	color: #f2e5c9;
}
.top-blog-list .blog-title a{
	color: inherit;
}
.top-blog-list .blog-item {
	background-color: inherit;
}
.top-blog-list .blog-image{
	width: 350px !important;
	height: 280px !important;
	object-fit: cover;
}
.top-blog-list .img-wrap{
	text-align: center;
	width: 350px !important;
	height: 280px !important;
	overflow: hidden;
	margin: 0 auto;
}
.top-blog-list .blog-content {
	width: 350px;
	margin: 0 auto;
    padding: 10px;
}

@media screen and (min-width: 1025px){
	.index #main_col .container {
		width: calc(100% - 20px);
		box-sizing: border-box;
		margin-top: 80px;
	}
	.index #main_col .container .row {
		margin-bottom: 40px;
	}
}
/* 一覧ページ */
.blog .blog-item,
.archive  .blog-item {
    position: relative;
    background-color: #3e3a39;
    border: none;
}
.blog  .blog-item .blog-content,
.archive  .blog-item .blog-content{
	padding: 10px 0;
}
.blog  .blog-item .blog-title,
.blog  .blog-item .blog-title a,
.archive  .blog-item .blog-title,
.archive  .blog-item .blog-title a{
	color: #F2E5C9;
	height: auto;
	font-size: 16px;
}
/* お問合せ */
.wpcf7 {
	background-color: transparent;
	max-width: 900px;
}