@charset "utf-8";
.mainbox{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
	font-size: 16px;
	line-height: 1.6;
}
.kzrt{
	text-align: right;
	font-size: 12px;
	color: #585858;
}
.kome{
	font-size: 10px;
	vertical-align: text-top;
	color: #525252;
}
.kometext{
	font-size: 10px;
	text-align: right;
	color: #525252;
}
.text_btn{
	text-align: right;
	font-size: 14px;
}
.text_btn2{
	text-decoration: underline;
}
.point{
	text-align: left;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.point li{
	font-size: 14px!important;
}
.bgns{
	font-size: 24px!important;
}
.btn {
	display: block;
	animation: spin 1s ease-in-out infinite;
}
.red{
	color: #FF0004;
}
.pink{
	color: #FF0096;
}
.marker{
	background-color: #FFFE50;
}
.blue{
	color: #0005FF;
}
.bld{
	font-weight: bold!important;
}
.bg_1{
	background-color: #FFFD00!important;
}
.big_1{
	font-size: 18px;
}
.big_2{
	font-size: 21px;
}
.big_3{
	font-size: 24px;
}

@keyframes spin{
	5% {
    transform: rotate(1deg);
	}
	15% {
		transform: rotate(-1deg);
	}
	25% {
		transform: rotate(1deg);
	}
	35% {
		transform: rotate(-1deg);
	}
	45% {
		transform: rotate(1deg);
	}
	55% {
		transform: rotate(-1deg);
	}
	60% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
/*スライドショー*/

#viewer {
    margin: 0 auto;
    width: 600px;
	height: 400px;
	max-width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}
#viewer2 {
    margin: 0 auto;
    width: 600px;
	height: 280px;
	max-width: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#viewer2 img {
    top: 0;
    left: 0;
    position: absolute;
}

@media screen and (max-width:640px) {
	h1{
		font-size: 4.3vw;
		font-weight: bold;
	}
	#wrapper{
		margin: 0 auto;
	}
	#wrapper p{
		font-size: 3.6vw;
	}
	.text_btn{
		text-align: right;
		font-size: 3.0vw!important;
	}
	.kometext{
		font-size: 8px!important;
	}
	.kzrt{
		font-size: 12px!important;
	}
	.bgns{
		font-size: 5.8vw!important;
	}

	#viewer {
		margin: 0 auto;
		width: 100vw;
		height: 65vw;
		max-width: 100%;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	#viewer2 {
		margin: 0 auto;
		width: 100vw;
		height: 45vw;
		max-width: 100%;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	.big_1{
	font-size: 4vw!important;
	}
	.big_2{
		font-size: 4.8vw!important;
	}
	.big_3{
		font-size: 5.4vw!important;
	}


}
