@charset "utf-8";

/*-------------------------------
	共通
-------------------------------*/

/*----- ヘッダー */
.translate-bar{
	background: var(--hara_gradcolor_dark1);
}
.header__logo{
	width: 26.5rem;
}
.header__top{
	width: calc(100% - (26.5rem + 4.4rem));
}
.header__logo-title{
	padding-left: 0;
}
.header__logo-title-jp{
	color: var(--blackcolor);
}
.header__logo-title-en{
	color: var(--hara_maincolor_dark1);
}
.header__search:hover::before{
	background-image: url(../../images/harasankei/common/icon_search-maincolor_dark1.svg);
}
.header__nav{
	background: var(--hara_gradcolor_dark1);
}
.header__nav-inner{
	max-width: calc(76rem + (var(--padding-leftright) * 2));
}
.header__nav-item{
	width: calc(100% / 3);
}
.header__nav-item::before{
	background: var(--hara_gradcolor_dark1);
}
.header__nav2{
	border-left-color: var(--hara_maincolor_dark1);
}
.header__nav2-logo-title{
	padding-left: 0;
}
.header__nav2-logo-title-jp{
	color: var(--blackcolor);
}
.header__nav2-logo-title-en{
	color: var(--hara_maincolor_dark1);
}
.header__search-form{
	background: var(--hara_gradcolor_dark1);
}
.header__search-close:hover{
	color: var(--hara_maincolor_dark1);
}
.header__search-button{
	background: var(--hara_maincolor_dark4);
}

.header__nav2-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: var(--hara_maincolor_dark2);
}

/*----- フッター */
.footer__logo-title{
	padding-left: 0;
	align-items: center;
}
.footer__nav-main{
	column-gap: 12rem;
	justify-content: center;
}
.footer__nav-main::before,
.footer__nav-main::after{
	display: none;
}
.footer__nav-main-inner{
	width: fit-content;
}
.footer__nav-main-title::before{
	background-image: url(../../images/harasankei/common/icon_title.svg);
}

/*----- コンテンツ */
.main{
	padding-bottom: 59.8rem;
}
.main::after{
	height: 49rem;
	background-image: image-set(url(../../images/harasankei/common/bg_main-last.jpg) 1x, url(../../images/harasankei/common/bg_main-last@2x.jpg) 2x);
	background-image: -webkit-image-set(url(../../images/harasankei/common/bg_main-last.jpg) 1x, url(../../images/harasankei/common/bg_main-last@2x.jpg) 2x);
}

/*----- キービジュアル */
.C-Keyvisual{
	background-image: image-set(url(../../images/harasankei/common/bg_keyvisual.jpg) 1x, url(../../images/harasankei/common/bg_keyvisual@2x.jpg) 2x);
	background-image: -webkit-image-set(url(../../images/harasankei/common/bg_keyvisual.jpg) 1x, url(../../images/harasankei/common/bg_keyvisual@2x.jpg) 2x);
}
.C-Keyvisual__inner::before,
.C-Keyvisual__inner::after{
	display: none;
}
.C-Keyvisual__title::before{
	background-image: url(../../images/harasankei/common/icon_title.svg);
}

/*----- レイアウト */
/* サイドバー */
.C-Sidebar__title::before{
	background-image: url(../../images/harasankei/common/icon_title.svg);
}

/*----- ページャー */
.C-Pagenavi .wp-pagenavi > *:not(.dots):hover,
.C-Pagenavi .wp-pagenavi > .current{
	background: var(--hara_maincolor_dark1);
}

@media screen and (min-width:769px) , print{

	.header.on .header__logo{
		width: calc(26.5rem * var(--header-height-fix-scale));
	}
	.header.on .header__logo-title{
		padding-left: 0;
	}
	.header.on .header__top{
		width: calc(100% - (26.5rem * var(--header-height-fix-scale) + 4.4rem));
	}

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	/*----- ヘッダー */
	.header__logo{
		width: 100%;
	}
	.menu-button{
		background: var(--hara_gradcolor_dark1);
	}

	/*----- コンテンツ */
	.main{
		padding-bottom: 40rem;
	}
	.main::after{
		height: 30rem;
	}

}





/*-------------------------------
	外国語サイト作成時
-------------------------------*/

/*----- 多言語全体 */
body.-global{

	.header__nav-inner{
		justify-content: center;
	}
	
	.footer__nav-main-inner{
		width: fit-content;
	}
	.footer__logo-title-jp{
		text-align: center;
	}

}

/* 英語 */
body.-global.-en{

	.header__logo{
		width: 20rem;
	}
	.header__top{
		width: calc(100% - (20rem + 4.4rem));
	}

	.header__nav2-logo-title-jp{
		font-size: 2.2rem;
	}

}

@media screen and (min-width:769px) , print{

	/* 英語 */
	body.-global.-en{

		.header.on .header__logo-title-jp{
			font-size: 2.2rem;
		}
		.header.on .header__logo{
			width: 18rem;
		}
		.header.on .header__top{
			width: calc(100% - (18rem + 4.4rem));
		}

	}
	
}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	/* 英語 */
	body.-global.-en{

		.header .header__logo{
			width: 100%;
		}

		.header__nav2-logo-title-jp{
			font-size: 3.8rem;
		}

	}

}