.header-logo-div{
	position:relative;
	padding-top:2rem;
}

.global-menu{
	font-size:1.2rem;
	margin-top:2rem;
	margin-bottom:2rem;

}
.footer-menu a,
.global-menu a{
	text-decoration: none;
	color:inherit;
}

img.header_logo{
	/* top:200%; */
	left:50%;
	display:inline!important;
	position:absolute;
	-webkit-transform:translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	z-index:10;
	max-height:230px;
}

.logo_img{
	background-image:url(/images/header.jpg);
	background-size: cover;
	height:15vh;
	width:100%;
}

div.logo_base{
	position:relative;
	height:30px;
}

.sns_div img{
	height:40px;
	width:40px;
}

.login_btn,.logout_btn{
	padding-top:0.65rem;
	border-radius: 15px 15px 15px 15px;
	color: #5b83c1!important;
	font-family: "font-montserrat"!important;
	font-weight: 550;
}
.login_btn:hover,.logout_btn:hover{
	padding-top:0.65rem;
	border-radius: 15px 15px 15px 15px;
	color: #fff!important;
}

.no_header_menu_space{
	height:3rem;
}

.top-content-title{
	font-family: "Noto Sans JP";
	font-weight: 300;
	font-style:normal;
	font-size: 2.0em;
	letter-spacing: 0.04em;
}

.top-content-title-jp{
	font-style:normal;
	font-size: 1.5em;
	letter-spacing: 0.04em;
}

.top-content-title-main{
	font-family: "Noto Sans JP";
	font-weight: 300;
	font-style:normal;
	font-size: 3.0em;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
}

.top-index-bg-img{
	background: url(/images/top-bgpc.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.top-classicclub-bg-img{
	background: url(/images/top-club01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ハリスでは未使用 */
/* .top-ginshop-bg-img{
	background: url(/images/top-shop02.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} */

.top-contact-bg-img{
	background: url(/images/top-contact01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* 定義重複 */
/* .theharrisjournal-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/process_top.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
} */

.about-card{
	min-height: 460px;
	position: relative;
	overflow: hidden;
}

.about-beclassic{
	font-size:8rem;
}

.about-shoki-text{
	text-align: right;
}

.classic_club-text{
	font-size:1.5rem;
}

/* --------------ショップページ-------------- */

.picture-fit{
    object-fit: contain;
}

/* エラーページ */
.error-center{
	width: 90%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* --------------背景画像定義開始-------------- */

.top-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	/* top:-110px; */
	left:0;
	z-index:-1;
	width:100%;
	/* default */
	/* height:100vh; */
	height:100vh;
	background:url(/images/top-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	/* 暫定的な定義開始 */
}

/* 暫定的な定義終了 */

.theharrisjournal-bg-img-sys:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/journal-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.shop-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	/* default */
	/* height:100vh; */
	height:100vh;
	background:url(/images/shop-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.theharrisjournal-bg-img-sys:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:50vh;
	background:url(/images/journal-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.theharrisjournal-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/journal-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.contact-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/contact-bgpc.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.about-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/about-topbg.jpg) center/cover no-repeat;
	background-color: #e4e4e4;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.hearach-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	/* top:-110px; */
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	/* height:100vh; */
	background:url(/images/hearach/202310_hearach-topbg_1920x.jpg) center/cover no-repeat;
	background-color: #e4e4e4;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

.journal-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:-110px;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/top-journal.png) center/cover no-repeat;
	background-color: #e4e4e4;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

/* --------------背景画像定義終了-------------- */

.header-border_img{
	height:1rem;
	background-color: #213567;
	background: url(/images/border.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.footer-border_img{
	height:1rem;
	background-color: #213567;
	background: url(/images/border.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*-----------------mypage-----------------*/

.icon-point-btn{
	background:url(/images/mypage/mypage-icon-point.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-pointchange-btn{
	background:url(/images/mypage/mypage-icon-pointchange.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.icon-rank-btn{
	background:url(/images/mypage/mypage-icon-rank.png) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.serial-bg-img{
	background:url(/images/mypage/serial-bg.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.post-bg-img{
	background:url(/images/mypage/post-bg.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mypage-header-menu-border{
	border-bottom:solid 3px #fff;
}

.top-logo-position{
	margin-top: 50vh;
}


.harrisjournal-desc-img{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/images/login-harris.jpg) no-repeat center center / cover;
    /* height: 100%; */
    text-decoration: none;
	aspect-ratio: 5 / 3;
}

.harrisjournal-desc-btn{
	color: #fff;
	background-color: transparent;
	font-size: 1.5rem!important;
	border-radius: 15px;
	font-weight: 400!important;
}
.harrisjournal-desc-btn:hover{
	background-color: rgba(255 255, 255, 0.3)!important;
	border-color: #fff!important;
	font-weight: 400!important;
}
.point-badge{
	border-radius: 0.75rem;
	aspect-ratio: 1 / 1;
}

.font-noto-sans-jp{
	font-family: 'Noto Sans JP', sans-serif;
}

.header-menu:hover{
	background-color: black;
}

.sns_btn{
	color:#4b4b4b;
}
.sns_btn:hover{
	color:#5b83c1;
}

.header-desc{
	font-size: 1.15rem!important;
	line-height: 2!important;
}

/* reCATPCHA logo hidden */
.grecaptcha-badge{
	visibility: hidden;
}

.footer_awards{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* tag */

ul.tag_container{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

ul.tag_container li{
	list-style:none;
	margin:0 5px 10px 5px;
}

@media (max-width:1320px) {
	img.header_logo{max-height:210px;}

}
@media (max-width:1190px) {
	img.header_logo{max-height:180px;margin-top:1rem;}
}
@media (max-width:960px) {
	img.header_logo{max-height:150px;margin-top:-3rem;}
}

@media (max-width:767px) {
	img.header_logo{
		max-height:160px;
		margin-top:0rem;
	}
	.logo_img{
		max-height:100px;
	}
	div.logo_base{
		position:relative;
		height:75px;
	}
}

@media (max-width:540px) {
	.sns_div img{
		height:30px;
		width:30px;
	}
}

@media (max-width:480px) {
	.top-content-title-main{
		font-size: 1.5em;
	}
	.top-index-bg-img{
		background-position: 100%;
	}
	.about-card{
		min-height:initial;
	}
		.about-beclassic{
		font-size:6rem;
	}
		.about-shoki-text{
		text-align:left;
	}
}

@media screen and (max-width: 991px) {
	.top-bg-img:before{
		height:90vh;
		background:url(/images/top-bgpc_sp.jpg) center/cover no-repeat;
	}
	.top-logo-position{margin-top: 0;}
}

@media screen and (max-width: 670px){
	.theharrisjournal-bg-img-sys:before{background:url(/images/journal-bgsp.jpg) center/cover no-repeat;}
	.shop-bg-img:before{background:url(/images/shop-bgsp.jpg) center/cover no-repeat;}
	.theharrisjournal-bg-img-sys:before{background:url(/images/journal-bgsp.jpg) center/cover no-repeat;}
	.theharrisjournal-bg-img:before{background:url(/images/journal-bgsp.jpg) center/cover no-repeat;}
	.contact-bg-img:before{background:url(/images/contact-bgsp.jpg) center/cover no-repeat;}
	.about-bg-img:before{background:url(/images/about-bgsp.jpg) center/cover no-repeat;}
	.hearach-bg-img:before{background:url(/images/hearach/202310_hearach-topbg_1920x_sp.jpg) center/cover no-repeat;}
	.journal-bg-img:before{background:url(/images/top-journal.png) center/cover no-repeat;}
}
@media screen and (max-width: 480px) {
	.top-bg-img:before{
		height:90vh;
	}
	.top-logo-position{margin-top: 12vh;font-size: 2rem;}
}
@media screen and (max-width: 320px) {
	.top-bg-img:before{
		height:90vh;	
	}
	.top-logo-position{margin-top: 40vh;}
}

/* header mypage button margin */
@media screen and (min-width: 992px) {
	.mypage_margin{margin-right: -28vw;}
}
@media screen and (min-width: 1200px) {
	.mypage_margin{margin-right: -35vw;}
}
@media screen and (min-width: 1400px) {
	.mypage_margin{margin-right: -40vw;}
}
@media screen and (min-width: 1600px) {
	.mypage_margin{margin-right: -45vw;}
}