body.backend{
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-weight: normal;;
}


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

.header-menu{
	font-size:2rem;
	margin-top:2rem;
	margin-bottom:0.6rem;
}
.header-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;
}


@media (max-width:1320px) {
	.header-menu{font-size:1.6rem;}
	img.header_logo{max-height:210px;}

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

@media (max-width:767px) {
	img.header_logo{
		max-height:160px;
		margin-top:0rem;
	}
}

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

@media (max-width:767px) {
	.logo_img{
		max-height:100px;
	}
}

div.logo_base{
	position:relative;
	height:30px;
}
@media (max-width:767px) {
	div.logo_base{
		position:relative;
		height:75px;
	}
}

.sns_div img{
	height:40px;
	width:40px;
}
@media (max-width:540px) {
	.sns_div img{
		height:30px;
		width:30px;
	}
}
.login_btn,.logout_btn{
	font-size:1.2rem;
	padding-top:0.65rem;
}

.no_header_menu_space{
	height:3rem;
}

.top-content-title{
	font-family: "ltc-broadway-engraved";
	font-weight: 400;
	font-style:normal;
	color:#e8b400;
	font-size: 3em;
}

.top-about-bg-img{
	background: url(/images/top-about.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media (max-width:480px) {
	.top-about-bg-img{
		background-position: 100%;
	}
}

.header_site_title{
	font-size:2rem;
}
@media (max-width:480px) {
	.header_site_title{
		font-size:1rem;
	}
}
/* ---- indexページ ------*/
.index-top{
	position: relative;
	overflow: hidden;
}

.index-top_text{
	font-size:3.5rem;
	line-height:1;
	letter-spacing: 1px;
}
@media (max-width:480px) {
	.index-top_text{
		font-size:2.0rem;
		line-height:1;
	}
}
.index-title_text{
	font-size: 3rem;
	border-bottom: 1px solid var(--navy-color);
	display:inline-block;
	padding-bottom:5px;
	margin-bottom:5px;
}

@media (max-width:480px) {
	.index-title_text{
		font-size:2rem;
	}
}

/* */
.index-title_text_about{
	border-bottom: 1px solid var(--main-text-color)!important;
}
.index-title_text_about-top{
	border-top: 1px solid var(--main-text-color)!important;
}

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


/* Aタグ色 */
.index-top a{
	color:var(--primary-text-color);
	text-decoration:none;
}

.index-card a{
	color:var(--secondary-text-color);
	text-decoration:none;
}

.index-text{
	display: block;
}

.index-bg-img:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:40vh;
	background:url(/images/index-bg1.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;
	/* filter: brightness(0.8); */
}

.index-bg-mypage-image{
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background:url(/images/index-bg-member.jpg) center/cover no-repeat;

}

.index-bg-membersshop-image{
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background:url(/images/index-bg-membersshop.jpg) center/cover no-repeat;
	filter: brightness(0.8);
}

.index-bg-caskshare-image{
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background:url(/images/index-bg-caskshare.jpg) center/cover no-repeat;
	filter: brightness(0.8);
}
.index-bg-tastingnotes-image{
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background:url(/images/index-bg-tastingnote.jpg) center/cover no-repeat;
	filter: brightness(0.8);
}

.image-index{
	height:70%;
}

/*-------- 各ページ共通 -------------*/
.common-title_text{
	font-size: 3rem;
	border-bottom: 1px solid var(--main-text-color);
	display:inline-block;
	margin-bottom:5px;
	font-weight: bold;
	line-height:1.5;
}
.common-title_text-shadow {
	text-shadow: 8px 8px 6px rgba(0, 0, 0, 0.4);
}
.common-h_text{
	font-size: 3rem;
	border-bottom: 1px solid var(--main-text-color);
	display:inline-block;
	margin-bottom:5px;
	font-weight: bold;
	line-height:1.2;
}
.common-h_text-navy{
	font-size: 3rem;
	border-bottom: 1px solid var(--navy-color);
	display:inline-block;
	margin-bottom:5px;
	font-weight: bold;
	line-height:1.2;
}

.common-h_text-secandary{
	letter-spacing:0.2rem;
	border-bottom: 1px solid var(--main-text-color)!important;
}

.common-sup_text{
	font-weight:bold;
}

/*--------------- about -------------*/
.about-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/about-bg.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-icon-container{
	background-color: #e5e3c6;
	padding:1rem;
	margin-bottom:1rem;
	border-radius: 8px;
}
.about-icon-text{
	min-height:4rem;
}

/*-----------------shop-----------------*/
.shop-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/about-bg.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-secretkey-bg-img{
	background:url(/images/code.jpg) center/cover no-repeat;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*---------------caskshare-------------*/
.caskshare-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/about-bg.jpg) center/cover no-repeat;
	filter: brightness(1);
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}
.cask-icon-container{
	background-color: #e5e3c6;
	padding:1rem;
	margin-bottom:1rem;
	border-radius: 8px;
}
.cask-icon-text{
	font-weight: bold;
	font-size:1.5rem;
	text-align:center;
}

.cask-procedure_img_text{
	padding : 1rem 0 0 0;
	color:var(--secondary-text-color);
	font-weight: bold;
	text-align:center;
}

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

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

.nolink{
	color:var(--primary-text-color);
	text-decoration:none;
}
.nolink:hover{
	color:var(--primary-text-color);
	text-decoration:none;
}

/*-----------------mypage-----------------*/
.mypage_iconbtn{
	min-height:55px;
	min-width:55px;	
}
.btn-mypage-point{
	background-color: #fff;
}

.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:double 9px #0d1727;
}

.point-badge{
	border-radius: 0.75rem;
	aspect-ratio: 1 / 1;
}
.top-content-title-jp{
	font-style:normal;
	font-size: 1.5em;
	letter-spacing: 0.04em;
}

/*------------ tasting seminar ------------*/
.tasting_seminar{
	font-weight: normal;
}
.seminar-title-second{
	font-size: 24px;
}
.seminar-title-second span{
	font-size: 40px;
}
.distillery-title{
	border-left: 5px solid #6b3b2f;
}
.taster-title{
	background: #6b3b2f;color: #ffffff;
}
.seminar-whisky-img{
	background: #ffffff;
}
.seminar-whisky-img img{
	max-width: 110px;
}

/*------------ backend ------------*/
.qr_read-money_input{
	font-size:3rem;
	outline:none;
	border:none;
	border-bottom: 1px solid #000;
}

.no-ui {
	-moz-appearance:textfield; 
} 
.no-ui::-webkit-outer-spin-button, 
.no-ui::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
} 

/* --- 以下不要？ -----*/

/*
.contact-bg-img:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url(/images/contact-bg.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;
}





*/