@charset "UTF-8";

body {
    background-image:none;
}

/* 会員証ログイン*/

.membercard_subtitle{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

.digi_member_txtarea{
	margin: 2em 0;
}

	/*ツールチップ*/

	/* カーソルを重ねる要素 */
	.tooltip {
	  position: relative; /* ツールチップの位置の基準に */
	  cursor: pointer; /* カーソルを当てたときにポインターに */
	}

	/* ツールチップのテキスト */
	.tooltip-text {
	  /*opacity: 0;*/ /* はじめは隠しておく */
	  /*visibility: hidden;*/ /* はじめは隠しておく */
	  position: absolute; /* 絶対配置 */
	  left: 50%; /* 親に対して中央配置 */
	  transform: translateX(-50%); /* 親に対して中央配置 */
	  bottom: -30px; /* 親要素下からの位置 */
	  /*display: inline-block;*/
	  display: none;
	  padding: 5px; /* 余白 */
	  white-space: nowrap; /* テキストを折り返さない */
	  font-size: 1rem; /* フォントサイズ */
	  line-height: 1.3; /* 行間 */
	  background: #30598d; /* 背景色 */
	  color: #fff; /* 文字色 */
	  border-radius: 3px; /* 角丸 */
	  transition: 0.3s ease-in; /* アニメーション */
	}

	/* ホバー時にツールチップの非表示を解除 */
	/*
	.tooltip:hover .tooltip-text {
	  opacity: 1;
	  visibility: visible;
	}
*/

/* googlefont question */

	.material-symbols-outlined {
		font-weight: bold !important;
		font-size: 1.8rem !important;
		color: #30598d;
		padding-left: 0.2em;
	}

.member_login_ck{
	padding: 0 0 1em;
}

/* 会員証ログインエラー*/

.digi_member_error{
	text-align: center;
	color: #D5191C;
	padding: 1em 0;
}

/* 会員証URL送信*/

.digi_mail_url{
	text-align: center;
	padding: 3em 0;
	font-weight: bold;
}

/* 会員証提示*/

.membercard_titletxt{
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding: 1em 0;
	line-height: 140%;
}

.membercard_img{
	margin: 0 auto;
	width: 50%;
	text-align: center;
}

.member_nmarea{
	margin: 0 auto;
	width: 50%;
	text-align: center;
}

.member_nm{
	text-align: left;
}
.member_num{
	text-align: left;
}
.member_expire{	
	text-align: left;
}
.qr_txt{
	text-align: center;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding: 2em 0 0;
}
.qr_img{
	margin: 0 auto;
	width: 20%;
	text-align: center;
	padding-bottom: 2em;
}


@media screen and (max-width: 460px){
	.membercard_img{
		margin: 0 auto;
		width: 75%;
		text-align: center;
	}

	.member_nmarea{
		margin: 0 auto;
		width: 75%;
		text-align: center;
	}
	.qr_img{
		margin: 0 auto;
		width: 30%;
		text-align: center;
	}
}

/******************/

