@charset "utf-8";
/* common */
body{
	font-size:14px;line-height:1.8;background-repeat:repeat;margin:0px;padding:0px;-webkit-text-size-adjust:100%;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;
	color:#FFFFFF;font-weight: 500;
}

img{max-width:100%;height:auto;}
h1{font-size:40px;margin:0;padding:0;}
h2{font-size:30px;margin:0;padding:0;line-height:100%;}
p{margin:0;padding:0;}
a{color:rgba(66,66,66,1);}

a:hover {opacity:0.6;filter:Alpha(opacity=60);transition: all .6s ease}
a:hover img{opacity:0.6;filter:Alpha(opacity=60);transition: all .6s ease}

html,body{height: 100%;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden;}

#wrap{
    min-height: 100vh;
    position: relative;
    padding-bottom: 80px;
    box-sizing: border-box;
	overflow: hidden;

	/* gradation */
	background: linear-gradient(180deg, rgba(180,0,25,1) 0%, rgba(173,0,23,1) 15.21%, rgba(155,0,18,1) 36.39%, rgba(126,0,9,1) 60.95%, rgba(92,0,0,1) 83.93%, rgba(57,0,0,1) 100%);
}

#header{
	width: 100%;
    color: #000000;
	position: absolute;
	top: 32px;
	z-index: 1000;
}
#header .contents{
	max-width: 1140px;
	margin: 0px auto 0;
	height: 55px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .contents  img{
	max-width: initial;
	vertical-align: top;
}
#header .contents .logo a{
	display: flex;
	justify-content: center;
	align-items: center;
}
#header .contents .logo .text{
	margin-left: 10px;
}

#header .contents .menu{
}
#header .contents .menu .navi {
	list-style: none;
	padding: 0;
}   
#header .contents .menu .navi li {
	text-align: center;
	display: inline-block;
	font-size: 16px;
	margin: 15px;
}   
#header .contents .menu .navi li a {
	text-decoration: none;
	font-size: 15px;
	color: #FFFFFF;
	transition: all 0.2s;
}
#header .contents .menu .navi li:hover{
	color: #F5F5F5;
}
#header .contents .action {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#header .contents .action a{
	display: inline-block;
	text-decoration: none;
	color: #FFFFFF;

	padding-left: 37px;
    line-height: 32px;
    background: url(/image/common/tosainu_icon.png) no-repeat;
}


#footer{
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	color: #F8F8F8;
	position: absolute;
    bottom: 0;
	z-index: 1000;
}
#footer .contents{
	max-width: 1140px;
	margin: 0 auto;
	font-size: 14px;
}
#footer .contents a{
	text-decoration: none;
}
#footer .contents .copyright{
	text-align: center;
	margin: 30px auto 0;
}



/* media-query */
@media screen and (max-width: 1150px) {
	#wrap{
		/*padding-bottom: 166px;*/
	}

	#header{
		top: 5px;
	}
	#header .contents{
		margin: 0 auto;
		padding: 15px;
	}
	#header .contents .action .share{
		display: none;
	}
	#header .contents .menu{
		display: none;
	}

	#footer{
		height: auto;
	}
	#footer .contents {
		padding: 15px;
	}
}

@media screen and (max-width: 480px) {
	#header .contents .logo img{
		width: 150px;
	}
	#header .contents .action .view a {
		width: 168px;
	}
}

@media screen and (max-width: 359px) {
	#header .contents .logo .text{
		display: none;
	}
}
/* media-query */