@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');


body {
	background: #000;
	font-family: Helvetica, ArialMT,"Noto Sans Japanese","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	color:#fb30ae;
	font-size:14px;
	font-weight:400;
	text-align: center;
}

nav{
	position:fixed;
	top:0;
	width:100%;
	background: #fb30ae;
	color:#fff;
	z-index: 9999;
}

h1{
	line-height: 0;
}

.bansen ul.bansen_area li div.bansen_text{
	text-align: left;
	color:#fff;
}

.bansen_day,.bansen_title{
	font-weight:700;
}

.bansen_title{
	line-height: 1.2;
}

.bansen_inner{
	line-height: 1.4;
}

.bansen_inner span{
	color:#ffff33;
	font-weight:700;
}

.bansen_title a,.bansen_inner a{
	color:#fff;
	text-decoration: underline;
}

.archivelist{
	display: flex;
	flex-flow:row wrap;
}

.archivelist li{
	line-height: 0;
	position:relative;
}

.archivelist li a{
	display:block;
	color:#fff;
	text-decoration: none;
}

.archivelist li a:before{
	position: absolute;
	background: rgba(0,156,229,0.8);
	mix-blend-mode: multiply;
	content: "";
	width:100%;
	height:20%;
	bottom:0;
	left:0;
}

.archivelist li p{
	position: absolute;
	width:100%;
	bottom:0;
	line-height: 1.2;
	font-weight:700;
	text-align: left;
	box-sizing: border-box;
}

.about,.track{
	color:#fff;
}

.about_text{
	line-height: 1.6;
}

.about_text a{
	color:#fff;
	text-decoration: underline;
}

.photo{
	color:#fcee21;
}

.entry{
	display:inline-block;
	box-sizing: border-box;
	line-height: 0;
}

.entry a{
	display:block;
	background:#fa30af;
	border:4px solid #ffff33;
}

.info{
	border-top:2px solid #fff;
	text-align: left;
	line-height: 1.6;
}

.info a{
	color:#fff;
	text-decoration: underline;
}

footer{
	background: #fb30ae;
	color:#fff;
}

.logo{
	font-weight:100;
}

/*PC*/
@media print, screen and (min-width: 768px)
{

	html,body{
		min-width: 1024px;
	}

	.hide_pc{
		display: none;
	}

	a:focus,input:focus,textarea:focus {
		outline: 0;
	}
	
	header,nav article,.w1024,footer article{
		width: 1024px;
		margin:0 auto;
		position:relative;
	}
	
	.w980{
		width: 980px;
		margin:0 auto;
		position:relative;
	}
	
	/*nav*/
	nav article{
		text-align: left;
		padding:5px 0;
	}

	nav img{
		vertical-align: middle;
		margin:0 10px;
		height:45px;
	}
	
	nav a:nth-child(2) img{
		height:35px;
	}

	nav article .social{
		position:absolute;
		top:12px;
		right:0;
		font-weight:700;
	}

	nav article .social img{
		margin:0 2px;
		height:30px;
	}
	
	nav article .social span{
		font-size:14px;
		vertical-align: middle;
	}
	
	nav article .social .menu img{
		margin:0 15px;
		height:14px;
	}
	
	nav article .social .menu a img:hover{
		opacity: 0.8;
	}
	
	/*nav*/
	
	.room{
		background: url('../img/bg.jpg') top center no-repeat;
	}
	
	header{
		padding:50px 0 ;
	}
	
	h1{
		padding:50px 0;
	}
	
	.bansen{
		padding:100px 0 60px;
	}
	
	.bansen ul.bansen_area{
		display:table;
		width:100%;
	}
	
	.bansen ul.bansen_area li{
		display: table-cell;
		vertical-align: top;
	}
	
	.bansen ul.bansen_area li:first-child{
		width:722px;
		height:492px;
	}
	
	.bansen ul.bansen_area li:last-child{
		padding:0 0 0 13px;
	}
	
	.bansen ul.bansen_area li div.bansen_text{
		background: url('../img/bansen_bg.jpg') top center no-repeat;
		box-sizing: border-box;
		width:722px;
		height:492px;
		padding:45px;
	}
	
	.bansen_day{
		font-size:16px;
	}
	
	.bansen_title{
		font-size:26px;
	}
	
	.bansen_inner{
		font-size:14px;
		padding:30px 0;
	}
	
	.bansen_inner a:hover{
		color:#ffff33;
	}
	
	.bansen_free{
		background:#009ce5;
		width:245px;
		height:219px;
		box-sizing: border-box;
	}
	
	.bansen_rap{
		width:245px;
		margin:10px 0 5px;
		box-sizing: border-box;
	}
	
	.bansen_rap img{
		width:100%;
	}
	
	.bansen_message{
		display: table;
		width:100%;
		margin:5px 0;
	}
	
	.bansen_message p{
		display: table-cell;
		vertical-align: top;
	}
	
	.bansen_message p:first-child{
		padding-right:1px;
	}
	
	.bansen_message a img:hover,.bansen_link a img:hover{
		filter: brightness(110%)
	}
	
	.archivelist{
		padding:30px 0 0;
		justify-content:space-between;
	}
	
	.archivelist li{
		width:465px;
		margin:0 0 45px 0;
		box-sizing: border-box;
		border:1px solid #fff;
	}
	
	.archivelist li a:hover{
		filter: brightness(110%);
	}
	
	.archivelist li img{
		width:100%;
		height: auto;
	}
	
	.archivelist li p{
		padding:15px;
		font-size:24px;
	}
	
	.archivelist li p span{
		font-size:10px;
	}
	
	p#btnClick img:hover{
		cursor: pointer;
		filter: brightness(105%)
	}
	
	.about{
		background-image: url('../img/bg_logo.png'),url('../img/bg_blue.jpg');
		background-position: center 576px,center top;
		background-repeat: no-repeat,repeat;
	}
	
	.about article.w1024,.track article.w1024{
		padding:60px 0;
	}
	
	.about_title{
		margin-top:-30px;
	}
	
	.about_title img{
		height:45px;
	}
	
	.about_text{
		padding:30px 0;
		font-size:16px;
	}
	
	.about_text p{
		padding:15px 0;
	}
	
	.about_text span{
		font-size:26px;
	}
	
	.about_text a:hover{
		color:#ffff33;
	}
	
	.about_link img{
		width:382px;
	}
	
	.about_link a img:hover{
		filter:brightness(110%);
	}
	
	.about_text ul.photo{
		display:table;
		width:700px;
		margin:30px auto;
	}
	
	.about_text ul.photo li{
		display:table-cell;
		width:33%;
		width:calc(100% / 3);
	}
	
	.about_text  ul.photo li p{
		padding:0;
	}
	
	.about_text  ul.photo li span{
		font-size:12px;
	}
	
	.entry a:hover{
		filter: brightness(120%)
	}
	
	.info{
		padding:30px 0;
	}
	
	footer article{
		padding:80px 0;
	}
	
	.logo{
		text-align: center;
		font-size:30px;
	}
	
	.logo img{
		vertical-align: middle;
		height:55px;
		margin:0 15px;
	}
	
	footer div.copyright{
		font-size:10px;
		padding:25px 0 0;
	}
	
	.banner{
		padding:60px 0 0;
	}
	
	#pagetop{
		display:inline;
		position:fixed;
		bottom:0;
		right:20px;
		opacity:0.7;
		width:50px;
		text-align: right;
		line-height: 0;
	}
	
	#pagetop img{
		width:50px;
	}
	
	#pagetop img:hover{
		cursor: pointer;
		opacity:0.5;
	}


}


/*SP*/
@media screen and (max-width: 767px)
{
	body{
		font-size:14px;
	}
	
	.hide_sp{
		display: none;
	}

	img {
		width: 100%;
	}

	nav article{
		padding:8px 5px 8px 0;
		text-align: left;
	}

	nav img{
		vertical-align: middle;
		margin:0 5px;
		width: initial;
		height:25px;
	}

	nav article .social{
		position:absolute;
		top:5px;
		right:5px;
	}

	nav article .social img{
		height:30px;
		margin:0 2px;
	}
	
	.room{
		background: url('../img/bg_sp.jpg') top center no-repeat;
		background-size:100%;
	}
	
	header{
		padding:80px 0 0 ;
	}
	
	h1{
		padding:0 10px 50px;
	}
	
	.bansen{
		padding:20px 10px;
	}
	
	.bansen_text{
		background: url('../img/bansen_bg_sp.jpg') top center repeat;
		background-size:100%;
		border:6px solid #fff;
		padding:10px;
	}
	
	.bansen_day{
		font-size:14px;
	}
	
	.bansen_title{
		font-size:20px;
		padding:10px 0;
	}
	
	.bansen_inner{
		font-size:12px;
		padding:10px 0;
	}
	
	.bansen_freetop{
		background:#009ce5;
		line-height: 0;
		padding:10px 6px 0;
		margin-top:10px;
	}
	
	.bansen_free_sp{
		display:table;
		width:100%;
		background:#009ce5;
	}
	
	.bansen_free_sp p{
		display:table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.bansen_free_sp p:first-child{
		width:45%;
		padding:10px 6px;
	}
	
	.bansen_free_sp p:last-child{
		padding:10px 6px 10px 0;
	}
	
	.bansen_rap{
		padding-top:10px ;
	}
	
	.bansen_rap a{
		background:#fff;
		padding:0 30%;
		display:block;
	}
	
	.archivelist{
		padding:20px 0 0;
		justify-content:space-between;
	}
	
	.archivelist li{
		margin:0 0 15px 0;
		box-sizing: border-box;
		border:1px solid #fff;
	}
	
	.archivelist li img{
		width:100%;
	    height: auto;
		
	}
	
	.archivelist li p{
		padding:8px;
		font-size:16px;
	}
	
	.archivelist li p span{
		font-size:10px;
	}
	
	.about{
		background-image: url('../img/bg_logo.png'),url('../img/bg_blue_sp.jpg');
		background-size:80%,100%;
		background-position: center 38%,center top;
		background-repeat: no-repeat,repeat;
	}
	
	.about article.w1024,.track article.w1024{
		padding:30px 10px;
	}
	
	.about_logo img{
		width:80%;
	}
	
	.about_title{
		margin-top:-20px;
	}
	
	.about_title img{
		width:40%;
	}
	
	.about_text{
		padding:15px 0;
		font-size:14px;
	}
	
	.about_text p{
		padding:15px 0;
	}
	
	.about_text span{
		font-size:20px;
	}
	
	.about_link a img{
		width:80%;
	}
	
	.photo img{
		width:40%;
	}
	
	.about_text  ul.photo li {
		padding-bottom:20px;
	}
	
	.about_text  ul.photo li:last-child{
		padding-bottom:0;
	}
	
	.about_text  ul.photo li p{
		padding:0;
		line-height: 1.2;
		font-weight:700;
	}
	
	.about_text  ul.photo li span{
		font-size:12px;
	}
	
	.download img{
		width:40%;
	}
	
	.info{
		padding:30px 0;
		font-size:12px;
	}
	
	footer{
		padding:40px 0;
	}
	
	.logo{
		font-size:26px;
		text-align: center;
	}
	
	.logo a img{
		vertical-align: middle;
		width:30%;
		margin:0 15px;
	}
	
	footer div.copyright{
		font-size:10px;
		padding:25px 0 20px;
	}
	
	.banner{
		padding:20px ;
	}
	
	#pagetop{
		position:fixed;
		bottom:0;
		right:10px;
		line-height:0;
		text-align:right;
		width:100%;
	}

	#pagetop img{
		width:12%;
		opacity:0.8;
	}
	
}

@media screen and (max-width: 320px)
{
	
	.about_text{
		font-size:12px;
	}
	.about_text span{
		font-size:16px;
	}
}