body{
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	overflow-x: hidden;
}
.new-border-red{ border: 5px solid #D22D26; }
.new-border-green{ border: 5px solid #9CCC53; }
.new-border-orange{ border: 5px solid #E2883A; }

.new-border-red a:hover, .new-border-green a:hover, .new-border-orange a:hover{ opacity: 0.6; }

.flat7 img{ border: 2px solid #D22D26; border-radius: 5px; }
.joycal img{ border: 2px solid #9CCC53; border-radius: 5px; }
.keigayasui img{ border: 2px solid #E2883A; border-radius: 5px; }

.flat7 section, .joycal section, .keigayasui section{ position: absolute; bottom: 0px; height: 30%; display: block; width: 100%; padding-right: 30px; }
.flat7 section span{ background-color: #D22D26A6; width: 100%; display: flex; align-items: center; justify-content: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 100%; }
.joycal section span{ background-color: #9CCC53A6; width: 100%; display: flex; align-items: center; justify-content: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 100%; }
.keigayasui section span{ background-color: #E2883AA6; width: 100%; display: flex; align-items: center; justify-content: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 100%; }

.img-none{ border: 0px !important;	border-radius: 0px !important; }

.pointer{ cursor: pointer;}
.active{ transform: rotate(90deg); transition: transform 0.2s linear; }
.deactive{ transform: rotate(0deg); transition: transform 0.2s linear; }

.font-4w, p { font-size: 1rem; }

@media screen and (max-width: 360px) {
	.font-4w{ font-size: 4.5vw !important;}
}

@media screen and (max-width: 575px) {
	p { font-size: 5vw; }
	.font-4w{ font-size: 5vw;}

	.flat7 { display: block; }
	.flat7 a {
		display: flex;
		align-items: center;
		justify-content: start;
		background-color: #D22D26;
		border-radius: 5px;
	}

	.flat7 .basis { border : 0px; flex: 0 0 40%; }
	.flat7 section span { justify-content: start; }
	.flat7 section span p { padding-left: 2vw; }

	.keigayasui { display: block; }
	.keigayasui a {
		display: flex;
		align-items: center;
		justify-content: start;
		background-color: #E2883A;
		border-radius: 5px;
	}

	.keigayasui .basis { border : 0px; flex: 0 0 40%; }
	.keigayasui section span { justify-content: start; }
	.keigayasui section span p { padding-left: 2vw; }

	.joycal { display: block; }
	.joycal a {
		display: flex;
		align-items: center;
		justify-content: start;
		background-color: #9CCC53;
		border-radius: 5px;
	}

	.joycal .basis { border : 0px; flex: 0 0 40%; }
	.joycal section span { justify-content: start; }
	.joycal section span p { padding-left: 2vw; }

	.flat7 section, .joycal section, .keigayasui section{ position: relative; padding-right: 0px; }

	.new-border-red{ border: 2px solid #D22D26; border-radius: 5px;}
	.new-border-green{ border: 2px solid #9CCC53; border-radius: 5px;}
	.new-border-orange{ border: 2px solid #E2883A; border-radius: 5px;}
}

@media screen and (min-width: 576px) {
	.flat7 { display: block !important; }
	.joycal { display: block !important; }
	.keigayasui { display: block !important; }
}