@charset "UTF-8";

@font-face { font-family:"Yu Gothic M"; src:local("Yu Gothic Medium"); }
@font-face { font-family:"Yu Gothic M"; src:local("Yu Gothic Bold"); font-weight:bold; }

html{
	font-size:62.5%;
}
body{
	font-size: 16px;
	font-size: 1.6rem;
	font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Noto Emoji";
	line-height:1.6;
	color:#000;
	position:relative;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;

	overflow:auto;
	overflow-x:hidden;

	word-break:break-all;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

img{
	display:block;
	width:100%;
	/* 右クリック、ドラッグ禁止 */
	pointer-events:none;
	/* スマホの長押し保存禁止 */
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

ul,ol{
	list-style:none;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}


/* hover01 */
.hover01{
	opacity:1;
}
.hover01:hover{
	opacity:0.6;
}


/* hover02 */
.hover02{
	display:block;
	transform:scale(1.00, 1.00);
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}
.hover02:hover{
	transform:scale(1.07, 1.07);
}


/* effect01 */
.effect01{
	-webkit-animation:ani-effect01 1.5s infinite ease-out;
	animation:ani-effect01 2.2s infinite ease-out;
}
@-webkit-keyframes ani-effect01{
	0% {
		-webkit-transform:scale(1, 1);
	}
	10% {
		-webkit-transform:scale(1.1, 1.1);
	}
	20% {
		transform:scale(1, 1);
	}
	30% {
		-webkit-transform:scale(1.1, 1.1);
	}
	40% {
		transform:scale(1, 1);
	}
}
@keyframes ani-effect01{
	0% {
		transform:scale(1, 1);
	}
	10% {
		transform:scale(1.1, 1.1);
	}
	20% {
		transform:scale(1, 1);
	}
	30% {
		transform:scale(1.1, 1.1);
	}
	40% {
		transform:scale(1, 1);
	}
}


/* effect02 */
.effect02{
	-webkit-animation:ani-effect02 2.0s infinite ease-out;
	animation:ani-effect02 2.2s infinite ease-out;
}
@-webkit-keyframes ani-effect02{
	0% {
		-webkit-transform:translateX(0%);
	}
	10% {
		-webkit-transform:translateX(-40%);
	}
	20% {
		-webkit-transform:translateX(0%);
	}
	30% {
		-webkit-transform:translateX(-40%);
	}
	40% {
		-webkit-transform:translateX(0%);
	}
}
@keyframes ani-effect02{
	0% {
		transform:translateX(0%);
	}
	10% {
		transform:translateX(-40%);
	}
	20% {
		transform:translateX(0%);
	}
	30% {
		transform:translateX(-40%);
	}
	40% {
		transform:translateX(0%);
	}
}


/* effect03 */
.effect03{
	-webkit-animation:ani-effect03 2.2s infinite ease-in-out;
	animation:ani-effect03 2.2s infinite ease-in-out;
}
@-webkit-keyframes ani-effect03{
	0% {
		-webkit-transform:rotate(-20deg);
	}
	50% {
		-webkit-transform:rotate(20deg);
	}
	100% {
		-webkit-transform:rotate(-20deg);
	}
}
@keyframes ani-effect03{
	0% {
		transform:rotate(-20deg);
	}
	50% {
		transform:rotate(20deg);
	}
	100% {
		transform:rotate(-20deg);
	}
}


/*===============================================*/
/* SP */
/*===============================================*/
.pc{
	display:none;
}
.sp{
	display:block;
}
br.sp,
span.sp{
	display:inline;
}

.wrapper{
	width:100%;
	overflow:hidden;
	overflow-y:auto;
}


/*===============================================*/
/* PC */
/*===============================================*/
@media screen and (min-width:769px){
	.pc{
		display:block;
	}
	br.pc,
	span.pc{
		display:inline;
	}
	.sp,
	br.sp,
	span.sp{
		display:none;
	}

}