@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
img, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
video{
	width: 100vw;
	vertical-align: bottom;
}







/* 〜〜　テキスト 色分け　〜〜 */

.Red---text{color: #de3232;}

.Magenta---text{color: #ff2ba8;}

.Pink---text{color: #ff7cb0;}

.Violet---text{color: #9879f8;}

.Blue---text{color: #70aeff;}

.Emerald---text{color: #2dc3a0;}

.Green---text{color: #4dde42;}

.Yellow---text{color: #ffd000;}

.Orange---text{color: #f27a2b;}

.Black---text{color: #313131;}

.Grey---text{color: #797979;}

.White---text{color: #ffffff;}




/* 〜〜　背景 単色　〜〜 */

.Red---bg{background-color: #de3232;}

.Magenta---bg{background-color: #ff2ba8;}

.Pink---bg{background-color: #ff7cb0;}

.Violet---bg{background-color: #9879f8;}

.Blue---bg{background-color: #70aeff;}

.Emerald---bg{background-color: #2dc3a0;}

.Green---bg{background-color: #53ef47;}

.Yellow---bg{background-color: #ffd000;}

.Orange---bg{background-color: #f27a2b;}

.Black---bg{background-color: #313131;}

.Grey---bg{background-color: #797979;}

.White---bg{background-color: #ffffff;}




/* 〜〜　背景 単色 明　〜〜 */

.Red---bg-pastel{background-color: #ff8484;}

.Magenta---bg-pastel{background-color: #ff92d2;}

.Pink---bg-pastel{background-color: #ffaad5;}

.Violet---bg-pastel{background-color: #d8b2ff;}

.Blue---bg-pastel{background-color: #a3d1ff;}

.Emerald---bg-pastel{background-color: #a8ffd3;}

.Green---bg-pastel{background-color: #88f380;}

.Yellow---bg-pastel{background-color: #ffe571;}

.Orange---bg-pastel{background-color: #fac673;}

.Black---bg-pastel{background-color:#5c5c5c;}

.Grey---bg-pastel{background-color:#bbbbbb;}





/* 〜〜　背景 単色 暗　〜〜 */

.Red---bg-shadow{background-color: #a53232;}

.Magenta---bg-shadow{background-color: #be0d75;}

.Pink---bg-shadow{background-color: #a72556;}

.Violet---bg-shadow{background-color: #624ea2;}

.Blue---bg-shadow{background-color: #0078db;}

.Emerald---bg-shadow{background-color: #21967b;}

.Green---bg-shadow{background-color: #369c2e;}

.Yellow---bg-shadow{background-color: #d0a900;}

.Orange---bg-shadow{background-color: #db8600;}

.Black---bg-shadow{background-color:#000000;}

.Grey---bg-shadow{background-color:#565656;}





/* 〜〜　縦ストライプ　〜〜 */

/* レッド */
.Red---stripe{
    background-image: repeating-linear-gradient(90deg, #de3232 0, #de3232 25%, #cc3030 25%, #cc3030 50%);
}

/* マゼンタ */
.Magenta---stripe{
    background-image: repeating-linear-gradient(90deg, #ff4cb6 0, #ff4cb6 25%, #ff2ba8 25%, #ff2ba8 50%);
}

/* ピンク */
.Pink---stripe{
    background-image: repeating-linear-gradient(90deg, #f879ac 0, #f879ac 25%, #f76aa3 25%, #f76aa3 50%);
}

/* バイオレット */
.Violet---stripe{
    background-image: repeating-linear-gradient(90deg, #9879f8 0, #9879f8 25%, #8d71e8 25%, #8d71e8 50%);
}

/* ブルー */
.Blue---stripe{
    background-image: repeating-linear-gradient(90deg, #70aeff 0, #70aeff 25%, #88bcff 25%, #88bcff 50%);
}

/* エメラルドグリーン */
.Emerald---stripe{
    background-image: repeating-linear-gradient(90deg, #2dc3a0 0, #2dc3a0 25%, #44d2b1 25%, #44d2b1 50%);
}

/* グリーン */
.Green---stripe{
    background-image: repeating-linear-gradient(90deg, #4dde42 0, #4dde42 25%, #6fe467 25%, #6fe467 50%);
}

/* イエロー */
.Yellow---stripe{
    background-image: repeating-linear-gradient(90deg, #ffd000 0, #ffd000 25%, #f7c900 25%, #f7c900 50%);
}

/* オレンジ */
.Orange---stripe{
    background-image: repeating-linear-gradient(90deg, #ff7e29 0, #ff7e29 25%, #ff8f46 25%, #ff8f46 50%);
}

/* ブラック */
.Black---stripe{
    background-image:repeating-linear-gradient(90deg, #212121 0, #212121 25%, #000000 25%, #000000 50%);
}

/* グレー */
.Grey---stripe{
    background-image:repeating-linear-gradient(90deg, #797979 0, #797979 25%, #6d6d6d 25%, #6d6d6d 50%);
}






/* 〜〜　斜め　ストライプ　〜〜 */

/* レッド */
.Red---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #de3232 0, #de3232 25%, #cc3030 25%, #cc3030 50%);
}

/* マゼンタ */
.Magenta---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #ff4cb6 0, #ff4cb6 25%, #ff2ba8 25%, #ff2ba8 50%);
}
/* ピンク */
.Pink---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #f879ac 0, #f879ac 25%, #f76aa3 25%, #f76aa3 50%);
}

/* バイオレット */
.Violet---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #9879f8 0, #9879f8 25%, #8d71e8 25%, #8d71e8 50%);
}

/* ブルー */
.Blue---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #70aeff 0, #70aeff 25%, #88bcff 25%, #88bcff 50%);
}

/* エメラルドグリーン */
.Emerald---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #2dc3a0 0, #2dc3a0 25%, #44d2b1 25%, #44d2b1 50%);
}

/* グリーン */
.Green---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #4dde42 0, #4dde42 25%, #6fe467 25%, #6fe467 50%);
}

/* イエロー */
.Yellow---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #ffd000 0, #ffd000 25%, #f7c900 25%, #f7c900 50%);
}

/* オレンジ */
.Orange---stripe-sloping{
    background-image: repeating-linear-gradient(-45deg, #ff7e29 0, #ff7e29 25%, #ff8f46 25%, #ff8f46 50%);
}

/* ブラック */
.Black---stripe-sloping{
    background-image:repeating-linear-gradient(-45deg, #212121 0, #212121 25%, #000000 25%, #000000 50%);
}

/* グレー */
.Grey---stripe-sloping{
    background-image:repeating-linear-gradient(-45deg, #797979 0, #797979 25%, #6d6d6d 25%, #6d6d6d 50%);
}




/* 〜〜　ドット柄　〜〜 */

/* レッド */
.Red---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#ff5353 15%, transparent 20%),
                      radial-gradient(#ff5353 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Red---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#de3232 15%, transparent 20%),
                        radial-gradient(#de3232 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Red---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#de3232 15%, transparent 20%),
                        radial-gradient(#de3232 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}

/* マゼンタ */
.Magenta---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#ff64bf 15%, transparent 20%),
                      radial-gradient(#ff64bf 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Magenta---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#ff64bf 15%, transparent 20%),
                        radial-gradient(#ff64bf 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Magenta---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#ff64bf 15%, transparent 20%),
                        radial-gradient(#ff64bf 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}

/* ピンク */
.Pink---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#ff6d99 15%, transparent 20%),
                      radial-gradient(#ff6d99 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Pink---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#ff6d99 15%, transparent 20%),
                        radial-gradient(#ff6d99 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Pink---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#ff6d99 15%, transparent 20%),
                        radial-gradient(#ff6d99 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* バイオレット */
.Violet---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#b283ff 15%, transparent 20%),
                      radial-gradient(#b283ff 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Violet---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#b283ff 15%, transparent 20%),
                        radial-gradient(#b283ff 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Violet---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#b283ff 15%, transparent 20%),
                        radial-gradient(#b283ff 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* ブルー */
.Blue---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#64b1ff 15%, transparent 20%),
                      radial-gradient(#64b1ff 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Blue---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#64b1ff 15%, transparent 20%),
                        radial-gradient(#64b1ff 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Blue---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#64b1ff 15%, transparent 20%),
                        radial-gradient(#64b1ff 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}

/* エメラルドグリーン */
.Emerald---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#42d899 15%, transparent 20%),
                      radial-gradient(#42d899 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Emerald---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#42d899 15%, transparent 20%),
                        radial-gradient(#42d899 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Emerald---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#42d899 15%, transparent 20%),
                        radial-gradient(#42d899 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}

/* グリーン */
.Green---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#3fe055 15%, transparent 20%),
                      radial-gradient(#3fe055 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Green---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#3fe055 15%, transparent 20%),
                        radial-gradient(#3fe055 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Green---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#3fe055 15%, transparent 20%),
                        radial-gradient(#3fe055 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* イエロー */
.Yellow---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#ffd000 15%, transparent 20%),
                      radial-gradient(#ffd000 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Yellow---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#ffd000 15%, transparent 20%),
                        radial-gradient(#ffd000 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Yellow---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#ffd000 15%, transparent 20%),
                        radial-gradient(#ffd000 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* オレンジ */
.Orange---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#ffa743 15%, transparent 20%),
                      radial-gradient(#ffa743 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Orange---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#ffa743 15%, transparent 20%),
                        radial-gradient(#ffa743 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Orange---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#ffa743 15%, transparent 20%),
                        radial-gradient(#ffa743 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* ブラック */
.Black---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#414141 15%, transparent 20%),
                      radial-gradient(#414141 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Black---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#414141 15%, transparent 20%),
                        radial-gradient(#414141 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Black---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#414141 15%, transparent 20%),
                        radial-gradient(#414141 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}


/* グレー */
.Grey---dot-S{
    background-size: 10px 10px;
    background-image: radial-gradient(#979797 15%, transparent 20%),
                      radial-gradient(#979797 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Grey---dot-M{
    background-size: 30px 30px;
    background-image: radial-gradient(#979797 15%, transparent 20%),
                        radial-gradient(#979797 15%, transparent 20%);
    background-position: 0 0, 15px 15px;
}
.Grey---dot-L{
    background-size: 50px 50px;
    background-image: radial-gradient(#979797 15%, transparent 20%),
                        radial-gradient(#979797 15%, transparent 20%);
    background-position: 0 0, 25px 25px;
}







/* 〜〜　チェック柄　〜〜 */

/* レッド */
.Red---check1{
    background-image: linear-gradient(45deg, #ff5353 25%, transparent 25%, transparent 75%, #ff5353 75%, #ff5353), linear-gradient(45deg, #ff5353 25%, transparent 25%, transparent 75%, #ff5353 75%, #ff5353);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Red---check2{
    background-image: linear-gradient(45deg, #ff5353 25%, transparent 25%, transparent 75%, #ff5353 75%, #ff5353), linear-gradient(-45deg, #ff5353 25%, transparent 25%, transparent 75%, #ff5353 75%, #ff5353);
    background-size: 25px 25px;
}


.Red---check3{
    background-image: linear-gradient(90deg, rgba(255, 81, 81, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 59, 59, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Red---check4{
    background-image: linear-gradient(-45deg, rgba(255, 81, 81, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 81, 81, 0.5) 50%, rgba(255, 81, 81, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255, 81, 81, 0.5) 25%, transparent 25%, transparent 50%,  rgba(255, 81, 81, 0.5) 50%, rgba(255, 81, 81, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* マゼンタ */
.Magenta---check1{
    background-image: linear-gradient(45deg, #ff64bf 25%, transparent 25%, transparent 75%, #ff64bf 75%, #ff64bf), linear-gradient(45deg, #ff64bf 25%, transparent 25%, transparent 75%, #ff64bf 75%, #ff64bf);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Magenta---check2{
    background-image: linear-gradient(45deg, #ff64bf 25%, transparent 25%, transparent 75%, #ff64bf 75%, #ff64bf), linear-gradient(-45deg, #ff64bf 25%, transparent 25%, transparent 75%, #ff64bf 75%, #ff64bf);
    background-size: 25px 25px;
}


.Magenta---check3{
    background-image: linear-gradient(90deg, rgba(255, 100, 190, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 100, 190, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Magenta---check4{
    background-image: linear-gradient(-45deg, rgba(255, 100, 190, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 100, 190, 0.5) 50%, rgba(255, 100, 190, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255, 100, 190, 0.5) 25%, transparent 25%, transparent 50%,  rgba(255, 100, 190, 0.5) 50%, rgba(255, 100, 190, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* ピンク */
.Pink---check1{
    background-image: linear-gradient(45deg, #ff6d99 25%, transparent 25%, transparent 75%, #ff6d99 75%, #ff6d99), linear-gradient(45deg, #ff6d99 25%, transparent 25%, transparent 75%, #ff6d99 75%, #ff6d99);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Pink---check2{
    background-image: linear-gradient(45deg, #ff6d99 25%, transparent 25%, transparent 75%, #ff6d99 75%, #ff6d99), linear-gradient(-45deg, #ff6d99 25%, transparent 25%, transparent 75%, #ff6d99 75%, #ff6d99);
    background-size: 25px 25px;
}


.Pink---check3{
    background-image: linear-gradient(90deg, rgba(255, 109, 153, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 109, 153, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Pink---check4{
    background-image: linear-gradient(-45deg, rgba(255, 109, 153, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 109, 153, 0.5) 50%, rgba(255, 109, 153, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255, 109, 153, 0.5) 25%, transparent 25%, transparent 50%,  rgba(255, 109, 153, 0.5) 50%, rgba(255, 109, 153, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* バイオレット */
.Violet---check1{
    background-image: linear-gradient(45deg, #b283ff 25%, transparent 25%, transparent 75%, #b283ff 75%, #b283ff), linear-gradient(45deg, #b283ff 25%, transparent 25%, transparent 75%, #b283ff 75%, #b283ff);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Violet---check2{
    background-image: linear-gradient(45deg, #b283ff 25%, transparent 25%, transparent 75%, #b283ff 75%, #b283ff), linear-gradient(-45deg, #b283ff 25%, transparent 25%, transparent 75%, #b283ff 75%, #b283ff);
    background-size: 25px 25px;
}

.Violet---check3{
    background-image: linear-gradient(90deg, rgba(179, 131, 255, 0.5) 50%, transparent 50%), linear-gradient(rgba(179, 131, 255, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Violet---check4{
    background-image: linear-gradient(-45deg, rgba(179, 131, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(179, 131, 255, 0.5) 50%, rgba(179, 131, 255, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(179, 131, 255, 0.5) 25%, transparent 25%, transparent 50%,  rgba(179, 131, 255, 0.5) 50%, rgba(179, 131, 255, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* ブルー */
.Blue---check1{
    background-image: linear-gradient(45deg, #64b1ff 25%, transparent 25%, transparent 75%, #64b1ff 75%, #64b1ff), linear-gradient(45deg, #64b1ff 25%, transparent 25%, transparent 75%, #64b1ff 75%, #64b1ff);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Blue---check2{
    background-image: linear-gradient(45deg, #64b1ff 25%, transparent 25%, transparent 75%, #64b1ff 75%, #64b1ff), linear-gradient(-45deg, #64b1ff 25%, transparent 25%, transparent 75%, #64b1ff 75%, #64b1ff);
    background-size: 25px 25px;
}

.Blue---check3{
    background-image: linear-gradient(90deg, rgba(100, 177, 255, 0.5) 50%, transparent 50%), linear-gradient(rgba(100, 177, 255, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Blue---check4{
    background-image: linear-gradient(-45deg, rgba(100, 177, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(100, 177, 255, 0.5) 50%, rgba(100, 177, 255, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(100, 177, 255, 0.5) 25%, transparent 25%, transparent 50%,  rgba(100, 177, 255, 0.5) 50%, rgba(100, 177, 255, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}

/* エメラルドグリーン */
.Emerald---check1{
    background-image: linear-gradient(45deg, #42d899 25%, transparent 25%, transparent 75%, #42d899 75%, #42d899), linear-gradient(45deg, #42d899 25%, transparent 25%, transparent 75%, #42d899 75%, #42d899);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Emerald---check2{
    background-image: linear-gradient(45deg, #42d899 25%, transparent 25%, transparent 75%, #42d899 75%, #42d899), linear-gradient(-45deg, #42d899 25%, transparent 25%, transparent 75%, #42d899 75%, #42d899);
    background-size: 25px 25px;
}

.Emerald---check3{
    background-image: linear-gradient(90deg, rgba(66, 216, 154, 0.5) 50%, transparent 50%), linear-gradient(rgba(66, 216, 154, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Emerald---check4{
    background-image: linear-gradient(-45deg, rgba(66, 216, 154, 0.5) 25%, transparent 25%, transparent 50%, rgba(66, 216, 154, 0.5) 50%, rgba(66, 216, 154, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(66, 216, 154, 0.5) 25%, transparent 25%, transparent 50%,  rgba(66, 216, 154, 0.5) 50%, rgba(66, 216, 154, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}



/* グリーン */
.Green---check1{
    background-image: linear-gradient(45deg, #3fe055 25%, transparent 25%, transparent 75%, #3fe055 75%, #3fe055), linear-gradient(45deg, #3fe055 25%, transparent 25%, transparent 75%, #3fe055 75%, #3fe055);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Green---check2{
    background-image: linear-gradient(45deg, #3fe055 25%, transparent 25%, transparent 75%, #3fe055 75%, #3fe055), linear-gradient(-45deg, #3fe055 25%, transparent 25%, transparent 75%, #3fe055 75%, #3fe055);
    background-size: 25px 25px;
}

.Green---check3{
    background-image: linear-gradient(90deg, rgba(63, 224, 84, 0.5) 50%, transparent 50%), linear-gradient(rgba(63, 224, 84, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Green---check4{
    background-image: linear-gradient(-45deg, rgba(63, 224, 84, 0.5) 25%, transparent 25%, transparent 50%, rgba(63, 224, 84, 0.5) 50%, rgba(63, 224, 84, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(63, 224, 84, 0.5) 25%, transparent 25%, transparent 50%,  rgba(63, 224, 84, 0.5) 50%, rgba(63, 224, 84, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* イエロー */
.Yellow---check1{
    background-image: linear-gradient(45deg, #ffd000 25%, transparent 25%, transparent 75%, #ffd000 75%, #ffd000), linear-gradient(45deg, #ffd000 25%, transparent 25%, transparent 75%, #ffd000 75%, #ffd000);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Yellow---check2{
    background-image: linear-gradient(45deg, #ffd000 25%, transparent 25%, transparent 75%, #ffd000 75%, #ffd000), linear-gradient(-45deg, #ffd000 25%, transparent 25%, transparent 75%, #ffd000 75%, #ffd000);
    background-size: 25px 25px;
}

.Yellow---check3{
    background-image: linear-gradient(90deg, rgba(255, 208, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 208, 0, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Yellow---check4{
    background-image: linear-gradient(-45deg, rgba(255, 208, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 208, 0, 0.5) 50%, rgba(255, 208, 0, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255, 208, 0, 0.5) 25%, transparent 25%, transparent 50%,  rgba(255, 208, 0, 0.5) 50%, rgba(255, 208, 0, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* オレンジ */
.Orange---check1{
    background-image: linear-gradient(45deg, #ffa743 25%, transparent 25%, transparent 75%, #ffa743 75%, #ffa743), linear-gradient(45deg, #ffa743 25%, transparent 25%, transparent 75%, #ffa743 75%, #ffa743);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Orange---check2{
    background-image: linear-gradient(45deg, #ffa743 25%, transparent 25%, transparent 75%, #ffa743 75%, #ffa743), linear-gradient(-45deg, #ffa743 25%, transparent 25%, transparent 75%, #ffa743 75%, #ffa743);
    background-size: 25px 25px;
}

.Orange---check3{
    background-image: linear-gradient(90deg, rgba(255, 167, 67, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 167, 67, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Orange---check4{
    background-image: linear-gradient(-45deg, rgba(255, 167, 67, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 167, 67, 0.5) 50%, rgba(255, 167, 67, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255, 167, 67, 0.5) 25%, transparent 25%, transparent 50%,  rgba(255, 167, 67, 0.5) 50%, rgba(255, 167, 67, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* ブラック */
.Black---check1{
    background-image: linear-gradient(45deg, #414141 25%, transparent 25%, transparent 75%, #414141 75%, #414141), linear-gradient(45deg, #414141 25%, transparent 25%, transparent 75%, #414141 75%, #414141);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Black---check2{
    background-image: linear-gradient(45deg, #414141 25%, transparent 25%, transparent 75%, #414141 75%, #414141), linear-gradient(-45deg, #414141 25%, transparent 25%, transparent 75%, #414141 75%, #414141);
    background-size: 25px 25px;
}

.Black---check3{
    background-image: linear-gradient(90deg, rgba(65, 65, 65, 0.5) 50%, transparent 50%), linear-gradient(rgba(65, 65, 65, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Black---check4{
    background-image: linear-gradient(-45deg, rgba(65, 65, 65, 0.5) 25%, transparent 25%, transparent 50%, rgba(65, 65, 65, 0.5) 50%, rgba(65, 65, 65, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(65, 65, 65, 0.5) 25%, transparent 25%, transparent 50%,  rgba(65, 65, 65, 0.5) 50%, rgba(65, 65, 65, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}


/* グレー */
.Grey---check1{
    background-image: linear-gradient(45deg, #979797 25%, transparent 25%, transparent 75%, #979797 75%, #979797), linear-gradient(45deg, #979797 25%, transparent 25%, transparent 75%, #979797 75%, #979797);
    background-position: 0 0, 25px 25px;
    background-size: 50px 50px;
}

.Grey---check2{
    background-image: linear-gradient(45deg, #979797 25%, transparent 25%, transparent 75%, #979797 75%, #979797), linear-gradient(-45deg, #979797 25%, transparent 25%, transparent 75%, #979797 75%, #979797);
    background-size: 25px 25px;
}

.Grey---check3{
    background-image: linear-gradient(90deg, rgba(151, 151, 151, 0.5) 50%, transparent 50%), linear-gradient(rgba(151, 151, 151, 0.5) 50%, transparent 50%);
    background-size: 50px 50px;
}

.Grey---check4{
    background-image: linear-gradient(-45deg, rgba(151, 151, 151, 0.5) 25%, transparent 25%, transparent 50%, rgba(151, 151, 151, 0.5) 50%, rgba(151, 151, 151, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(151, 151, 151, 0.5) 25%, transparent 25%, transparent 50%,  rgba(151, 151, 151, 0.5) 50%, rgba(151, 151, 151, 0.5) 75%, transparent 75%, transparent 100%);
    background-size: 52px 52px;
}





/* 〜〜　ブラー（アニメ） 色分け　〜〜 */

.Red---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #de3232;
}

.Magenta---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #ff2ba8;
}

.Pink---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #ff7cb0;
}

.Violet---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #9879f8;
}

.Blue---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #70aeff;
}

.Emerald---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #2dc3a0;
}

.Green---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #4dde42;
}

.Yellow---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #ffd000;
}

.Orange---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #f27a2b;
}

.Black---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #313131;
}

.Grey---glow{
    display: block;
    border-radius: 300px;
    box-shadow: 0 0 15px 3px #797979;
}



/* 〜〜　ブラー（アニメ） 色分け　〜〜 */

.Red---glow-mv{
    animation: Red---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Red---glow {
    0% {
        box-shadow: 0 0 15px 3px #de3232;
    }
    50% {
        box-shadow: 0 0 15px 10px #de3232;
    }
    100% {
        box-shadow: 0 0 15px 3px #de3232;
    }
}

.Magenta---glow-mv{
    animation: Magenta---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Magenta---glow {
    0% {
        box-shadow: 0 0 15px 3px #ff2ba8;
    }
    50% {
        box-shadow: 0 0 15px 10px #ff2ba8;
    }
    100% {
        box-shadow: 0 0 15px 3px #ff2ba8;
    }
}

.Pink---glow-mv{
    animation: Pink---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Pink---glow {
    0% {
        box-shadow: 0 0 15px 3px #ff7cb0;
    }
    50% {
        box-shadow: 0 0 15px 10px #ff7cb0;
    }
    100% {
        box-shadow: 0 0 15px 3px #ff7cb0;
    }
}

.Violet---glow-mv{
    animation: Violet---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Violet---glow {
    0% {
        box-shadow: 0 0 15px 3px #9879f8;
    }
    50% {
        box-shadow: 0 0 15px 10px #9879f8;
    }
    100% {
        box-shadow: 0 0 15px 3px #9879f8;
    }
}

.Blue---glow-mv{
    animation: Blue---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Blue---glow {
    0% {
        box-shadow: 0 0 15px 3px #70aeff;
    }
    50% {
        box-shadow: 0 0 15px 10px #70aeff;
    }
    100% {
        box-shadow: 0 0 15px 3px #70aeff;
    }
}

.Emerald---glow-mv{
    animation: Emerald---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Emerald---glow {
    0% {
        box-shadow: 0 0 15px 3px #2dc3a0;
    }
    50% {
        box-shadow: 0 0 15px 10px #2dc3a0;
    }
    100% {
        box-shadow: 0 0 15px 3px #2dc3a0;
    }
}

.Green---glow-mv{
    animation: Green---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Green---glow {
    0% {
        box-shadow: 0 0 15px 3px #4dde42;
    }
    50% {
        box-shadow: 0 0 15px 10px #4dde42;
    }
    100% {
        box-shadow: 0 0 15px 3px #4dde42;
    }
}

.Yellow---glow-mv{
    animation:Yellow---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Yellow---glow {
    0% {
        box-shadow: 0 0 15px 3px #ffd000;
    }
    50% {
        box-shadow: 0 0 15px 10px #ffd000;
    }
    100% {
        box-shadow: 0 0 15px 3px #ffd000;
    }
}

.Orange---glow-mv{
    animation:Orange---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Orange---glow {
    0% {
        box-shadow: 0 0 15px 3px #f27a2b;
    }
    50% {
        box-shadow: 0 0 15px 10px #f27a2b;
    }
    100% {
        box-shadow: 0 0 15px 3px #f27a2b;
    }
}

.Black---glow-mv{
    animation:Black---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Black---glow {
    0% {
        box-shadow: 0 0 15px 3px #313131;
    }
    50% {
        box-shadow: 0 0 15px 10px #313131;
    }
    100% {
        box-shadow: 0 0 15px 3px #313131;
    }
}

.Grey---glow-mv{
    animation:Grey---glow 2s infinite;
    display: block;
    border-radius: 300px;
}
@keyframes Grey---glow {
    0% {
        box-shadow: 0 0 15px 3px #797979;
    }
    50% {
        box-shadow: 0 0 15px 10px #797979;
    }
    100% {
        box-shadow: 0 0 15px 3px #797979;
    }
}