.tophslide_wrap {
	width: 100%;
	background-size: cover;
	position: relative;
}

body#maintop {
	background: transparent;
}

body#maintop::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	background: #171A37 url(../img/topbg.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	content: "";
}

body#maintop .top_info,
body#maintop .ryuui,
body#maintop .footer_links,
body#maintop #footer {
	background: #171A37;
}

body#maintop .ryuui {
	padding-bottom: 1.5rem;
}


.tophslide {
	width: 100%;
	height: 100vh;
}

.tophslide_in {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.tophslide:first-child {
	height: calc(100vh - 120px - 5rem);
}

.tophslide:first-child .tophslide_in {
	height: calc(100vh - 120px - 5rem);
}

.slick-prev,
.slick-next {
	z-index: 1009;
}

.tophs {
	width: calc(100% - 1.5rem);
	margin: 0 auto;
	line-height: 1.7;
	font-size: 110%;
	position: relative;
}

.tophst {
	position: absolute;
	top: 18rem;
	right: 1.5rem;
	transform: rotate(90deg);
	transform-origin: 100% 50%;
	border-bottom: 1px solid #febd09;
	padding: 0 .5rem;
	opacity: .75;
}

.tophst span {
	padding: 0 .25rem;
}

/* 1 */
.tophslide_in .w2s.topset_l {
	width: calc(100% - 1.5rem);
	max-width: 740px;
	margin: 0 auto;
}

.tophslide_in .bh3 {
	line-height: 1.25;
	font-size: 47px;
}

/* 2 */
.tophslide_in .topset2 {
	padding: 0;
	background: none;
}

.tophslide_in .bh1 {
	line-height: 1.25;
	font-size: 58px;
}

.tophslide_in .topset2 .bh3 {
	line-height: 1.25;
	font-size: 48px;
}

.convimg {
	width: 90%;
	max-width: 440px;
	margin: 0 auto;
}

/* 3 */
.tophslide_in .bh2 {
	line-height: 1.25;
	font-size: 48px;
}

.tophslide_in .bh4 {
	line-height: 1.25;
	font-size: 32px;
}

.tophslide_in .flex_c {
	justify-content: flex-start;
}

.tophslide_in .w3s {
	width: 30%;
}

.tophslide_in .topharrow {
	position: absolute;
	bottom: 4.5rem;
	left: calc(50% - 1.5rem);
	font-size: 3rem;
	cursor: pointer;
}

/*
.tophslide:first-child .tophslide_in .topharrow{bottom:1.5rem;}
*/
.tophslides .slick-prev {
	right: .75rem;
	bottom: calc(1.5rem + 48px);
}

.tophslides .slick-next {
	right: .75rem;
	bottom: .5rem;
}

.tophslides .slick-prev:before {
	font-family: Font Awesome\ 5 Free;
	content: "\f077" !important;
}

.tophslides .slick-next:before {
	font-family: Font Awesome\ 5 Free;
	content: "\f078" !important;
}

.tophslides .slick-arrow:before {
	border-radius: 50%;
	border: 1px solid #febd09;
}

.tophslides .slick-prev.slick-disabled:before,
.tophslides .slick-next.slick-disabled:before {
	opacity: 0;
}

.tophst_next {
	position: absolute;
	right: .75rem;
	bottom: 2rem;
	width: 48px !important;
	height: 48px !important;
	line-height: 48px;
	text-align: center;
	background: #4C4E62;
	color: #febd09;
	font-weight: 700;
	border-radius: 50%;
	border: 1px solid #febd09;
	z-index: 1020;
	opacity: .75;
}

.tophst_next:hover {
	opacity: 1;
}

.tophst_next::after {
	font-family: Font Awesome\ 5 Free;
	content: "\f078" !important;
	font-size: 20px;
}

/* rate */
.fdblocks2 {
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid #febd09;
	margin-bottom: 0;
	height: 3.5rem;
	overflow: hidden;
}

.fdblocks2 .rset {
	padding: 1rem;
	line-height: 1.5rem;
}

.fdblocks2 .rset span {
	margin-right: .5rem;
	vertical-align: middle;
}

.r1 img {
	display: inline-block;
	height: 1.5rem;
	vertical-align: middle;
	margin-bottom: .1rem;
}

.r2 {
	font-weight: bold;
}

.r3 {
	font-size: 1.1rem;
}

.r4 {
	opacity: .6;
}

.topharrow {
	animation: move-y .75s infinite alternate ease-in-out;
}

@keyframes move-y {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(10px);
	}
}

@media (max-width: 1024px) {

	.tophst {
		position: absolute;
		top: 14rem;
		bottom: unset;
		right: .75rem;
		transform: rotate(90deg);
		transform-origin: 100% 50%;
		border-bottom: 1px solid #febd09;
		padding: 0 .5rem;
		opacity: .75;
		font-size: 11px;
	}

	.tophslide,
	.tophslide .tophslide_in {
		height: 100vh;
	}

	.tophslide:first-child {
		height: calc(100vh - 122px);
	}

	.tophslide:first-child .tophslide_in {
		height: calc(100vh - 122px);
	}

	#toppage {
		padding-top: 10vh;
	}

	.tophslide_in .topharrow {
		bottom: 1rem;
	}

	.tophslides .slick-prev {
		right: .5rem;
		bottom: calc(.75rem + 48px);
	}

	.tophslides .slick-next {
		right: .5rem;
		bottom: 0;
	}

	.tophs {
		width: calc(100% - 1.5rem);
		margin: 0 auto;
		line-height: 1.7;
		font-size: 100%;
	}

	/* 1 */
	.tophslide_in .w2s {
		font-size: 100%;
	}

	.tophslide_in .bh3 {
		line-height: 1.25;
		font-size: 27px;
	}

	/* 2 */
	.tophslide_in .bh1 {
		font-size: 28px;
		margin-bottom: 1rem;
	}

	.tophslide_in .topset2 .bh3 {
		font-size: 24px;
	}

	.convimg {
		width: 70%;
		max-width: 440px;
		margin: 0 auto;
	}

	/* 3 */
	.tophslide_in .bh2 {
		font-size: 24px;
	}

	.tophslide_in .bh2s {
		margin-bottom: 1rem;
	}

	.tophslide_in .bh4 {
		font-size: 20px;
		margin-bottom: .5rem;
	}

	.tophslide_in .w3s {
		width: 100%;
		margin-bottom: 1rem;
	}

	.tophslide_in .btxt {
		line-height: 1.2;
	}

	.tophslide_in .mw_15 {
		margin-bottom: .5rem;
	}

	.fdblocks2 {
		height: 2.5rem;
		font-size: .9rem;
		line-height: 1.2rem;
	}

	.fdblocks2 .rset {
		padding: .5rem;
	}

	.r1 img {
		height: .9rem;
	}

	.r3 {
		font-size: .9rem;
	}

	.tophslide_in .fdblock {
		padding: 1rem;
	}
}

@media (orientation: landscape) and (max-width: 888px) {

	.tophslide,
	.tophslide .tophslide_in {
		height: 160vh;
	}

	.tophslide:first-child {
		height: calc(160vh - 122px);
	}

	.tophslide:first-child .tophslide_in {
		height: calc(160vh - 122px);
	}

}

@media (max-width: 380px) {

	.tophslide_in,
	.tophslide {
		height: 100vh;
	}

	#toppage {
		padding-top: 0;
	}


	.tophslide_in .w2s .mb_20 {
		margin-bottom: 1rem;
	}

	.tophslide_in a.topna {
		margin-top: 1rem;
	}

	.tophslide_in .w2s .mw_20 {
		margin: 1rem 0;
	}

	.tophslide_in .w2s .boxss {
		width: 100%
	}

	.tophslide_in .topharrow {
		bottom: .25rem;
	}

	a.topna {
		padding: .5rem 2.5rem;
	}

	#toph_p3 .tophslide_in .bh2 {
		font-size: 21px;
		margin-bottom: .75rem;
	}

	#toph_p3 .tophslide_in .bh4 {
		font-size: 18px;
		margin-bottom: .25rem;
	}

	#toph_p3 .tophslide_in .fdblock {
		padding: .75rem 1rem;
		margin-bottom: .75rem;
	}

	#toph_p3 .tophslide_in .btxt {
		font-size: .9rem;
	}
}

@media (max-width:349px) {
	.tophslide_in .bh3 {
		font-size: 23px;
	}
}

@media (min-width: 1024px) {

	.tophslide,
	.tophslide_in {
		min-height: 680px;
	}
}

.inb {
	display: inline-block;
}