body {

	margin: 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.5;

	font-size: calc(  0.8vw + 1.3vh );

	color : #000000;
	background-color: #ffffff;

}

.Roman { font-family : Georgia,'Hiragino Mincho ProN','MS PMincho',serif; }

html { scroll-behavior: smooth; }

.rank-LOGOTYPE {z-index : 110;}

.rank-menu {z-index : 109}

.rank-sticky {z-index : 100;}

.rank-sticky_101 {z-index : 101;}

.rank-relative {z-index : 108;}
.rank-relative-title {z-index : 200;}

.rank-pinstripe {z-index : 300;}
.rank-pinstripe_dummy {z-index : 150;}

.rank-1000 {z-index : 1000;}

.rank-footer {z-index : 2000;}

.rank-9999 {z-index : 9999;}

p {text-align: justify;}

ul {text-align: justify;}

ul li {padding-left: 0px}

input { font-size: calc( 0.7vw + 1.2vh ); }

option { font-size: calc( 0.7vw + 1.2vh ); }

select { font-size: calc( 0.7vw + 1.2vh ); }

textarea { font-size: calc( 0.7vw + 1.2vh ); width : 100%;}

.checkbox { margin : calc( 1.2vw + 1.8vh ); }

.rubi {font-size: calc( 0.4vw + 0.7vh );}

span { white-space: nowrap; }


table { font-size: calc( 0.8vw + 1.3vh ); }

#menu a {font-size : calc( 0.8vw + 1.3vh ); font-weight : 600;}


/*.border-line {
	border-width: 1px;
	border-color: #ff0000;
	border-style: solid;
}*/

.sticky-position {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.relative-position {position: relative;}
.absolute-position {position: absolute;}

.center {text-align : center;}
.justify {text-align: justify; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #f6b330; text-shadow : 0px 0px 3px #ffffff;}
a { text-decoration: none; }

.language a:link { color: #000000; }
.language a:visited { color: #000000; }
.language a:hover { color: #f6b330; text-shadow : 0px 0px 3px #ffffff;}
.language a { text-decoration: none; }

#top-logo { margin-top : -30vh; }

#header-area {

	position: fixed;
	width : 100%;

	text-align : center;
	top : 0px;

}


#fullscreen-area {
	width: 100%;
	height : 100vh;
	display: flex;
  	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-color : rgba(255, 255, 255, 0.7);

}

#halfscreen-area {
	width: 100%;
	height : 50vh;
	display: flex;
  	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-color : rgba(255, 255, 255, 0.7);

}


#free-area-scroll-up {
	width: 100%;
	display: flex;
  	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-color : rgba(255, 255, 255, 0.7);
}

#contents-area { 

	position: relative;
	width : 81vw;
	margin : 0% auto;
	padding : 0% 2vw;

	background-color: #ffffff;

	border: 1px solid #2b2b2b;
	border-top : none;
	border-bottom : none;

}

#footer-area { 

	position: relative;
	width : 81vw;
	margin : 0% auto;
	padding : 0% 2vw;

	background-color: #000000;

	border: 1px solid #2b2b2b;
	border-top : none;
	border-bottom : none;

}

.free-contents-box {
	display : block;
	width : 100%;

	margin : 5% 0%;
	padding : 0% 0%;

}

.all-area {

	display: block;
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;

}

#no-cookies {

	position : fixed;
	bottom : 0px;
	left : 0px;

	width : 100%;
	height : 23%;

	background: rgba(30, 30, 30, 0.7);
}


.center-center{
	width : 100%;
	height : 25vh;
	margin : 0 auto 0 auto;
	padding : 0;

	text-align : center;
}


.text-shadow {

	text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000;

}

.text-light {

	text-shadow: 0px 0px 2px #ffffff, -1px -1px 2px #ffffff;

}

.text-shadow-thicker {

	text-shadow: 2px 2px 4px #000000, -2px -2px 4px #000000;

	-webkit-text-stroke: 1px #ffffff;
  	ext-stroke: 1px #ffffff;

}


.fade-out{
    opacity:0;
    -webkit-transition:all 1.5s;
    -moz-transition:all 1.5s;
    -o-transition:all 1.5s;
    -ms-transition:all 1.5s;
    transition:all 1.5s;
}
.fast-out{
    opacity:0;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
    -o-transition:all 0.7s;
    -ms-transition:all 0.7s;
    transition:all 0.7s;
}

.fade-in{
    opacity:1;

}

.vanish{ 

	visibility:hidden;

}

#mobile-only { display : none; }



@media screen and (max-device-width:1281px){

	body { -webkit-text-size-adjust: 100%; 	}

	#contents-area { width : 100vw; margin : 0; padding : 0;}

	#footer-area {  width : 100vw; margin : 0; padding : 0;}

	#mobile-only {
		display : block;
	}

	#no-cookies {

	width : 100%;
	height : 20%;

	}

	#top-logo { margin-top : -7vh; }

	.free-contents-box { width : 90%; margin : 5% 5%;}

}

@media (orientation: landscape) {

	#mobile-landscape-only {
		display : block;
	}

	#mobile-landscape-only-title {
		display :  flex;
	}

	#mobile-portrait-only {
		display : none;
	}

	#mobile-portrait-only-title {
		display : none;
	}

}

@media (orientation: portrait) {

	#mobile-portrait-only {
		display : block;
	}

	#mobile-portrait-only-title {
		display : flex;
	}

	#mobile-landscape-only {
		display : none;
	}

	#mobile-landscape-only-title {
		display :  none;
	}

}

#browser { visibility: hidden; }

_:-ms-lang(x)::-ms-backdrop, #browser{ visibility: visible;}