html {
	height: 100%;
	font-size:14px;
	overscroll-behavior: none;	/* バウンススクロール */
	letter-spacing: 0.03em;
}
body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	/* color:#fff; */
}

/* コンテナ */
.main-container {
	flex: 1;
}

/* メインコンテンツ */
.main-contents{
	min-height:20vh;
}

/* 共通モーダルの設定 */
.commonModal{
	color:#000000;
}


/* 背景 */
.bg-main{background-color:#003240;}
.bg-primary{background-color:#ad8242!important;}
.bg-yellowocher{background-color:#b6893c;}
.bg-glay{background-color:#c1c1c1;}
.bg-black{background-color:#000000;}
.bg-white{background-color:#ffffff;}
.bg-skyblue{background-color: #a0b8bf;}

/* ランク背景 */
.bg-regular{background-color:#0066ad;}
.bg-bronze{background-color:#6c3c00;}
.bg-silver{background-color:#4e4e4e;}
.bg-gold{background-color:#ad8242;}
.bg-black{background-color:#000000;}
.bg-rank{
	border-radius: 1.75rem;
}

/* テキスト */
.text-white{color:#FFF;}
.text-green{color:#28a745;}
.text-black{color:#000;}
.text-red{color:#d40000;}			/* TAW変更 */
.text-darkblue{color:#003240;}		/* TAW追加 */
.overflow-hidden{overflow:hidden;}

.text-lampblack{color:#222221;}
.text-yellowocher{color:#AD8242;}

.border-yellowocher{border-color:#AD8242!important;}

.border-1{border-width:1px!important;}
.border-2{border-width:3px!important;}
.border-3{border-width:5px!important;}
.border-4{border-width:7px!important;}

/* 改行 */
@media screen and (min-width: 767px){	
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 767px){	
	.br-pc { display:none; }
	.br-sp { display:block; }
}
/* 画像(縦横比を維持し、横幅いっぱい */
img.width_fill{
	width: 100%;
	height : auto;
}

@font-face {
	font-family: 'bravesFont';
	src: url(/fonts/castleton.otf);
}
@font-face{
	font-family: 'ab';
	src: url(/fonts/ab.otf);
}
.font-ab{
	font-family: ab;
}
.font-braves{
	font-family: bravesFont;
}
.largefont-braves,.process_title_font{ font-size: 5.0em; }
@media (max-width:767px) {
	.largefont-braves{font-size:3.5em;}
}
/* processサブタイトル */
.process_subtitle_font{ font-size:2.0em;}

/* processタイトル - スマホ */
@media (max-width:767px) {
	.process_title_font{ font-size: 2.0em; }
	.process_subtitle_font{font-size:0.8em;}
}

.middlelarge_font-braves{ font-size: 3em; }

.large_font{font-size:3.5em;}
@media (max-width:767px) {
	.large_font{font-size:2.5em;}
}
.middlelarge_font{font-size:2em;}
.middle_font{font-size:1.5em;}
.middlesmall_font{font-size:1.2rem;}

.top_welcome_font{font-size:2em;}
@media (max-width:767px) {
	.top_welcome_font{font-size:1.5em;}
}

/* 各画面 */
/* .screen_bg_vh{
	height:60vh;
} */
.screen_title_vh{
	height:30vh;
}

/* ヘッダー */
header{
	font-size:13px;		/* 13px = タブレット横  */
	/* height:100px; */
}

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

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;
}

/* ヘッダーロゴスケール */
@media (max-width:767px) {
	img.header-logo_scale{
		width:auto;
		max-height:140px;
	}
}

div.header_sentence{
	font-size:0.85em;
}

div.contents_bg{
	/* border:1px solid #cecece; */
	background-color: rgba(10,10,10,0.9);
}
div.error_container{
	min-height: 600px;
}

div.mobile_menu{
	position : fixed;
	top: 16px;
    right: 7px;
    /* left: 0; */
    z-index: 20;
    padding: 0;
}

/* 画像を丸く切り抜く */
.image-round1{
  border-radius: 50%;
}

/* 中央寄せ */
img {
	display: block;
	margin: 0 auto;
}

/* footer */
div.footbox2{height:24px;}
div.footbox3{height:24px;}


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


/*---------------- bootstrap4 hack ----------------*/
.no-gutters {
	margin:0;
	padding:0;
}

.no-gutters > .col,.no-gutters > [class*="col-"] {
	margin:0;
	padding:0;
}
/* Media */
.media > img{
	width:64px;
	height:64px;
}


/*---------------------------- 以下使用しない ------------------------------------- */


.header_wave{
	position : relative;
}

.header_wave:before{
	background-image:url(/images/header-line-gold.png);
	background-size: contain;
	position : absolute;
	top:0px;
	left:0px;
	height:10px;
	width:100%;
	z-index:5;
	content:"　";
}

.footer_wave{
	position: relative;
}

.footer_wave:after{
	background-image:url(/images/footer-line-darkgray.png);
	background-size: contain;
	position : absolute;
	bottom:0;
	left:0px;
	height:10px;
	width:100%;
	z-index:5;
	content:"　";
}

div.footer_contents{
	position : relative;
}

div.footer_copyright{
	font-size:0.85em;
}