@charset "UTF-8";

/* for Reset
=========================================*/

html,body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td,section {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:160%;
	font-weight:400;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}
@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;300;400;700&display=swap);
body{
	width:100%;
	margin:0 auto;
	font:15px/1.2 'Kumbh Sans', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-weight: 100;
	line-height:1.5;
	
}

.nodisplay{
	display: none !important;
}

.small{
	font-size: 95%;
	line-height: 120%;
}
/*font*/






/*button*/
		.closeBtn {
			border:0; padding:0; margin:0; overflow:visible;  position:absolute; 
			width: 3.2rem; height: 3.2rem;
			right: 3%;
		
			background:url(../img/controls/button.svg) 0 0/100% 263% no-repeat;
			opacity: 1;
		}
		
		.closeBtn:hover{
			opacity: 0.6;
		}
		
	a#home{	
	display: inline-block;
	width: 45px;
	height: 45px;
	background:url(../img/controls/button.svg) 0 bottom/100% auto no-repeat; 
	top:0.5rem;
	right:-6vw;
	z-index: 10;
	vertical-align: middle;
	}
	
	a#instagram{
		display: inline-block;
		width: 1.0rem;
		height: 1.0rem;
		margin:0.5rem 0;
		background:url(../img/controls/insta.svg) center center/100% auto no-repeat; 
		filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));
	}
	a#instagram:hover{
		opacity: 0.8;
	}	
/*link animation*/
a.linkani{
display: inline-block;
	border: 1px solid rgba(255, 0, 0, 0);
	border-radius: 10rem;
	padding:0.25rem 0.7rem 0.2rem;
	font-size: 1rem;
	line-height: 1rem;	
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	margin-left:-0.7rem;
	color:#00F;
}

a.linkani::before{
	content: '';transition: all .4s;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background:none;
	z-index: -1;
	opacity: 0.14;
}
a.linkani:hover{
	color:#fff;
	text-decoration: none;
}
a.linkani:hover:before{
	width: 100%;
	background:#FA5738;
	opacity: 1;
}

/*basic layout*/

.tC{
	text-align: center;
}