/*
Theme Name: ORIGINAL
*/




* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



html {
font-size: 100%;
overflow-y: scroll;
text-rendering:optimizeLegibility;
}


ul, li{
list-style:none;
}

img{
display:block;
	width:100%;
	height:auto;
}

::selection {
background-color: #000;
color:#fff;
}

a{
	text-decoration:none;
	color: #5b5a58;
}



.text_border{
text-decoration:underline;
}


.font_bold{
font-weight:bold;
}


.font12{
font-size:12pt;
}


.font13{
font-size:13pt;
}


.font14{
font-size:14pt;
}

.font15{
font-size:15pt;
}

.font16{
font-size:16pt;
}

.font17{
font-size:17pt;
}

.font18{
font-size:18pt;
}

.font19{
font-size:19pt;
}

.font20{
font-size:20pt;
}




p{
	font-size: 14px;
	line-height:200%;
	color: #5b5a58;
}


.clear{
clear: both;
}

.img_100 img{
width:100%;
height:auto;
}



body {
	color: #000;
	line-height: 150%;
	margin: 0;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	font-weight:normal;
}




.loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 999999;
opacity: 1;
background: #fff;
}



.loader
{
position: absolute;
display: inline-block;
top:50%;
left:50%;
margin-left:-17px;
margin-top:-30px;
width: 30px;
height: 30px;
border-radius: 30px;
border: 1px solid #000;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}






#top_header{
	position:relative;
	margin-top: 30px;
}

.top_header_wrap{
	margin:0 auto;
	padding:0 60px;
	display: flex;
	    align-items: flex-end;
}

.k_logo{
	width:200px;
}

.k_menu{
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin-left:30px;
}

.k_menu > a{
	height:16px;
}

.k_menu > a img{
	width:auto;
	height:100%;
}


#top_detail{
	position:fixed;
	bottom:40px;
	right:40px;
}


.s_kind p{
font-size:13px;
}

.s_title p{
	font-size:26px;
	letter-spacing:1px;
	line-height: 150%;
}

.s_date p{
	font-size:13px;
		letter-spacing:.5px;
}

.s_link {
	margin-top:5px;
}

.s_link a{
	font-size:13px;
}



#top_pop_detail{
	position:fixed;
	top: 0;
	left: 0;
		width:100%;
	height:100%;
}


.top_pop_bk{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
}

.top_pop_text {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.top_pop_text p{
	color:#fff;
	font-size:12px;
	text-align: justify;
}

.top_pop_text a{
	color:#fff;
}

.top_pop_close{
	position:fixed;
	top:40px;
	right:40px;
}

.top_pop_close:after{
	content:"";
	display:block;
	width:25px;
	height:1px;
	background:#fff;
	margin-top: -0.5px;
	margin-left: -0.5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.top_pop_close:before{
	content:"";
	display:block;
	width:25px;
	height:1px;
	background:#fff;
	margin-top: -0.5px;
	margin-right: -0.5px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}









#top_scroll{
	position:absolute;
	top:46%;
	overflow: hidden;
	width:100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}




.scroll-infinity__wrap {
  overflow: hidden;
}

.scroll-infinity__list {
	display: flex;
	align-items: center;
  width: max-content;
  animation: infinity-scroll 70s linear infinite;
  list-style: none;
  padding: 0;
  margin: 0;
}


.scroll-infinity__list > li {
	width: calc(100vw / 2);
	max-width:600px;
	padding:0 12px;
}



	@keyframes infinity-scroll {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}
	}














.sp_img{
display:none!important;
}








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


.sp_img{
display:block!important;
}

.pc_img{
display:none!important;
}
	
	
	
	#top_header {
		position: fixed;
		width: 100%;
		margin-top:20px;
		padding: 0 30px;
	}
	
	.k_logo {
		width: 170px;
	}
	

	.top_header_wrap {
		align-items: flex-start;
		justify-content: space-between;
		padding: 0 0px;
	}
	
	.k_menu {
		align-items: flex-end;
		flex-direction: column;
		gap: 10px;
		margin-left: 0px;
		margin-right: 10px;
		margin-top:20px;
	}
	
	.k_menu > a {
		height: 13px;
		display: block;
	}
	
	
	#top_pop_detail {
		overflow: scroll;
	}
	
	.top_pop_close {
		top: 40px;
		right:30px;
	}
	
	
	
	.top_pop_text {
		position:absolute;
		padding: 0 30px;
		margin-top:100px;
		padding-bottom: 100px;
		top:auto;
		left:auto;
		transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform: none;
		-ms-transform:none;
	}
	
	
.scroll-infinity__list > li {
	width: calc(90vw / 1);
	max-width:500px;
	padding:0 5px;
	}
	
	
	
	.s_title p{
	font-size:22px;
}
	
	.s_kind p {
		font-size: 12px;
	}
	.s_date p {
		font-size: 12px;
	}
	
	.top_pop_text p{
	font-size:11px;
}
	
	
}









