@charset "UTF-8";
/*----------news-header----------*/
html #wpadminbar {
	display: none;
}

.page-title nav ul {
	display: flex;
	justify-content:space-between;
	border-bottom: 1px solid #d3d3d3;
	margin: 140px 0 30px 0;
}

.page-title nav ul li {
	margin: auto;
	padding: 15px 0;
	width: 33%;
	line-height: 1.6em;
	font-weight: bold;
	color: #574741;
}

#navi li:first-of-type {
	width: 34%;
	border-bottom: 3px solid #4e4e4e;
}

#navi li:first-of-type:before {
	content: 'NEWS';
	font-weight: normal;
}
#navi li:nth-of-type(2):before {
	content: 'CAMPAIGN';
	font-weight: normal;
}
#navi li:nth-of-type(3):before {
	content: 'STAFF BLOG';
	font-weight: normal;
}

/*----------body----------*/
body {
	background: #f7f4f2;
}
.contents {
	background: none;
}

/*----------contents----------*/
.headline-news {
	background: #4e4e4e;
}
div.news-left h1 {
	border-left: solid 6px #4e4e4e;
	background-color: #fff;
}
div.excerpt a:hover {
	background: #fff;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 10px;
}

.archive-box-left {
	width: 280px;
	height: 210px;
}

.archive-box-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

article.campaign  {
	margin-top: 70px;
}

/*----------side----------*/
.news-right h2.widgettitle {
	background: #4e4e4e;
}
.news-right li.widget ul li a:hover {
	background: #fff;
}
.news-right li.blog-banner > a {
	height: auto;
	border-radius: 2em;
	color: #4e4e4e;
	border: solid 1px #4e4e4e;
}
.news-right li.cat-item-none {
	padding: 10px;
	font-size: 1.4em;
}

/*----------footer----------*/

footer {
	background-image: none;
	box-shadow: 0 -2px 2px rgb(107 107 107 / 10%);
}
footer .page-top {
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	padding-top: 0;
	border-bottom: none;
	background: none;
}

footer h5 {
	color: #574741;
}
footer .footer-tel span {
	border: none;
	background: #574741;
	color: #fff;
}
footer div.copyright {
	padding: 10px 0;
	background: #fff;
	color: #000;
}

@media screen and (max-width: 768px) {
	#top .contents {
		width: 100%;
		padding-top: 0;
	}

	#top .contents .page-main {
		width: 100%;
		height: 370px;
		margin-top: 60px;
		overflow: hidden;
	}
	#top .contents .page-main img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	#top .contents .page-main div[class^="kv_"] {
		width: calc(1140px * 0.7708);
		height: 370px;
	}
	#top .contents .page-main .kv_news img {/* 被写体センター */
		object-position: calc(-1 * ((1140px * 1 - 100vw) / 2)) 0px;
	}
	/* 被写体センター */
	/* #top .contents .page-main .kv_news img {
		object-position: calc(-1 * ((1140px * 0.7708 - 100vw) / 2)) 0px;
	} */
	#top .contents .page-main .kv_campaign img {/* 被写体ひだり */
		object-position: calc(-1 * ((1140px * 0.7708 - 100vw) / 6)) 0px;
	}
	#top .contents .page-main .kv_staff img {/* 被写体みぎ */
		object-position: calc(-1 * (1140px * 0.7708 - 100vw) ) 0px;
	}
	#top .contents img {
		display: block;
	}
	
	article.post,
	article.blog {
		margin-bottom: 0;
	}
	
	.page-title {
		padding: 0 10px;
	}
	
	.page-title h2 img {
		max-width: 95%;
		margin: auto;
	}
	
	div.page-title > p {
		margin: 15px;
	}

	.page-title nav ul {
		margin-top: 40px;
	}

	
	section.contents {
		padding: 0 15px;
	}

	section.contents div.news-container {
		flex-direction: column-reverse;
	}

	section.contents .headline-news,
	section.contents div.news-left {
		width: 100%;
	}
	
	section.contents .headline-news {
		margin: 0 -5px 0;
		font-size: 1.8em;
		height: auto;
	}
	
	div.archive-box {
		display: flex;
		flex-direction: column;
	}
	div.archive-box h1 {
		order: 0;
	}
	div.archive-box .archive-box-left {
		order: 1;
		margin: 15px auto;
	}
	div.archive-box .archive-box-right {
		order: 2;
	}
	
	section.contents div.news-right {
		margin: 30px auto 0;
	}

	section.contents div.news-right li.widget_categories ul li,
	section.contents div.news-right li.widget_archive ul li {
		display: inline-block;
		padding: 5px 0;
	}

	section.contents div.news-right li.widget_categories ul li a,
	section.contents div.news-right li.widget_archive ul li a {
		display: inline;
		padding: 0;
	}
	
	section.contents div.news-right li.widget_categories ul li:after,
	section.contents div.news-right li.widget_archive ul li:after {
		content: "/";
		font-size: 1.4em;
	}

	section.contents div.news-right li.widget_categories ul li:last-of-type:after,
	section.contents div.news-right li.widget_archive ul li:last-of-type:after {
		display: none;
	}
	
	section.contents div.news-right li.widget_archive ul li:nth-child(n + 11),
	section.contents div.news-right li.blog-cat-month ul li:nth-child(n + 11) {
		display: none;
	}
	
	section.contents div.news-right li.widget_archive ul li:nth-of-type(10):after,
	section.contents div.news-right li.blog-cat-month ul li:nth-of-type(10):after {
		content: "...";
	}
	
	.campaign-cat-month {
		margin-top: 40px;
	}
	
	li.rss {
		display: none;
	}
	
	div.archive-box-right {
		width: 100%;
	}
	
	.wp-pagenavi a, .wp-pagenavi span {
		padding: 2px;
	}
	
	div.postinfo {
		margin: 10px 0 0 0;
	}

	#top .contents img {
		width: 100%;
	}
	
}