@charset "utf-8";

@import url(reset.css);
@import url(normalize.css);


html {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	word-break: break-all;
}

*/
* {
    margin:0;
    padding:0;
}
a {
	color: #fff;
	text-align: justify;
	text-decoration: underline;
	outline: none;
}
a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration: underline;
}
a:active,
a:visited {
	color: #fff;
	text-decoration: underline;
}
a:focus, *:focus {
	outline:none;
}
::selection {
background: #ff0;
}
::-moz-selection {
background: #ff0;
}
img {
	border: none;
}
img a {
	border: none;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: "Sawarabi Mincho";
	font-size: calc(112.5% + 0.25vw);
	color: #fff;
	text-align: left;
	font-weight: 100;
}
h2 {
	font-family: 'Ubuntu';
	font-size: calc((112.5% + 0.25vw)*2);
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}
h3 {
	font-family: "Sawarabi Mincho";
	font-size: calc((112.5% + 0.1vw)*1.2);
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}
h4 {
	font-family: "Sawarabi Mincho";
	font-size: calc((112.5% + 0.1vw)*1.1);
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}
p {
	font-family: "Sawarabi Mincho";
	font-size: calc(0.5rem + 1.5vmin);
	color: #fff;
	line-height: 2.4em;
	text-align: justify;
	font-weight: 100;
}

.error {
	background: #ff6699;
	padding: 20px;
	text-align: center;
}

/* 共通 */

#background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: url(../images/bg.png) center center / cover no-repeat;
}

#totop {
	position: fixed;
	top: 0;
	right: 3%;
	z-index: 100;
	width: 6%;
	min-width: 60px;
	height: 5%;
}
#string {
	width: 100%;
	height: 90%;
	background: url(../images/string.png) center top repeat-y;
	background-size: 3%;
}
#yoyo {
	width: 100%;
}
#yoyo img {
	width: 100%;
}

#top {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top img {
	width: 100%;
	max-width: 960px;
	height: auto;
}

.contents {
	width: 90%;
	max-width: 800px;
	height: auto;
	margin: 0 auto;
	padding: 60px 0;
}

.contents img {
	width: 100%;
	margin-bottom: 20px;
}

#content01 {
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: auto;
}

#content02 {
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: auto;
}

#content03 {
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: auto;
}

#content03 .contents ul {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#content03 .contents ul li {
	width: 30%;
	margin: 0 2%;
	font-size: calc(70% + 0.2vw) ;
	color: ;
}

#content03 .contents ul li img {
	width: 100%;
	border-radius: 50%;
	transition: .8s;
}
#content03 .contents ul li.list-mv img {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
#content03 .contents ul li.mv img {
	transform: rotate(720deg);
	-webkit-transform: rotate(720deg);
}

#content04 {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: auto;
	text-align: center;
}

#content05 {
	background-color: rgba(0,0,0,1);
	width: 100%;
	height: auto;
	text-align: center;
}
#content05 p {
	font-size: calc(50% + 0.1vw);
	color: #fff;
	line-height: 2.4em;
	text-align: center;
	font-weight: 100;
}