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


.cs_menulist li.cs_title{
		width: 100%!important;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		line-height: 2.15384615;
		min-height: 30px;
		margin: 5px;
		padding: 0 10px;
		border-radius: 3px;
		background: #0a4b78;
		color: #f0f0f1;
}

.cs_menulist li.cs_othermenu{
		width: 33.33%!important;
}

[class*="cap_wrap"][class*="bg_"]{
position: relative;
}

[class*="cap_wrap"][class*="bg_"]:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
}

/* 黄色 */
[class*="cap_wrap"].bg_yellow:before{
background: #ffc107;
mix-blend-mode: color;
}

/* 水色 */
[class*="cap_wrap"].bg_blue:before{
background: #359fff;
mix-blend-mode: overlay;
}

/* 紫 */
[class*="cap_wrap"].bg_purple:before{
background: #3b35ff;
mix-blend-mode: overlay;
}


/* 幾何学模様 */
.cap_wrap.bg_isometric {
background-color: #fff;
background-image:  linear-gradient(30deg, #ccc 12%, transparent 12.5%, transparent 87%, #d4d4d4 87.5%, #d4d4d4), linear-gradient(150deg, #d4d4d4 12%, transparent 12.5%, transparent 87%, #ccc 87.5%, #ccc), linear-gradient(30deg, #d4d4d4 12%, transparent 12.5%, transparent 87%, #d4d4d4 87.5%, #d4d4d4), linear-gradient(150deg, #ccc 12%, transparent 12.5%, transparent 87%, #d4d4d4 87.5%, #d4d4d4), linear-gradient(60deg, #d4d4d477 25%, transparent 25.5%, #d4d4d477 75%, #d4d4d477 75%, #d4d4d477), linear-gradient(60deg, #d4d4d477 25%, transparent 25.5%, transparent 75%, #d4d4d477 75%, #d4d4d477);
background-size: 20px 35px;
  background-position: 0 0, 0 0, 10px 17.5px, 10px 17.5px, 0 0, 10px 17.5px;
}

.cap_wrap.bg_isometric:before{
mix-blend-mode: color;
}

/* 水玉 */
.cap_wrap.bg_smalldot {
background-color: #fff;
background-color: #ffffff; background-image: radial-gradient(#d4d4d4 1px, #ffffff 1px);
background-size: 10px 10px;
}

.cap_wrap.bg_smalldot.purple_yellow{
background-color: #ffffff; background-image: radial-gradient(#FACB0E 1px, #5A4FCF 1px);
}


		
		/* 市松模様 */
.cap_wrap.bg_block {
background-image:  repeating-linear-gradient(45deg, #838383 25%, transparent 25%, transparent 75%, #838383 75%, #838383), repeating-linear-gradient(45deg, #838383 25%, #d3d3d3 25%, #d3d3d3 75%, #838383 75%, #838383);
background-image:  repeating-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), repeating-linear-gradient(45deg, #ccc 25%, #eee 25%, #eee 75%, #ccc 75%, #ccc);
background-image:  repeating-linear-gradient(45deg, #dcdcdc 25%, transparent 25%, transparent 75%, #dcdcdc 75%, #dcdcdc), repeating-linear-gradient(45deg, #dcdcdc 25%, #f7f7f7 25%, #f7f7f7 75%, #dcdcdc 75%, #dcdcdc);

background-position: 0 0, 10px 10px;
background-size: 20px 20px;
}

		/* 市松模様 黒×赤 */
.cap_wrap.bg_block.black_red {
background-image:  repeating-linear-gradient(45deg, #262626 25%, transparent 25%, transparent 75%, #262626 75%, #262626), repeating-linear-gradient(45deg, #262626 25%, #e83939 25%, #e83939 75%, #262626 75%, #262626);
}

		/* 市松模様 黒×青 */
.cap_wrap.bg_block.black_blue {
background-image:  repeating-linear-gradient(45deg, #262626 25%, transparent 25%, transparent 75%, #262626 75%, #262626), repeating-linear-gradient(45deg, #262626 25%, #206fcf 25%, #206fcf 75%, #262626 75%, #262626);
}

		/* 市松模様 黒×黄色 */
.cap_wrap.bg_block.black_yellow {
background-image:  repeating-linear-gradient(45deg, #262626 25%, transparent 25%, transparent 75%, #262626 75%, #262626), repeating-linear-gradient(45deg, #262626 25%, #f9dc27 25%, #f9dc27 75%, #262626 75%, #262626);
}



/* ストライプ */
.cap_wrap.bg_stripe{
background-image: linear-gradient(to right, #eee, #eee 5px, #ccc 5px, #ccc );
background-size: 10px 100%;
}

.cap_wrap.bg_stripe:before{
mix-blend-mode: overlay;
}

.cap_wrap.bg_stripe.red_yellow{
background-image: linear-gradient(to right, #EC173A, #EC173A 5px, #FEF0BC 5px, #FEF0BC);
background-size: 10px 100%;
}

/* ストライプ 斜め */
.cap_wrap.bg_dia_stripe{
background: repeating-linear-gradient(45deg, transparent, transparent 7px, currentColor 7px, currentColor calc(2 * 7px));
}

.cap_wrap.bg_dia_stripe:before{
mix-blend-mode: overlay;
}

.cap_wrap.bg_dia_stripe.blue_wt{
background-color: #409EFF;
color: #fff;
}



/* 三角形 ****/

.bg_triangle{
background-image: linear-gradient(45deg, #dcdcdc 50%, #eee 50%);
background-size: 20px 20px;
}

.bg_triangle.red_yellow{
background-image: linear-gradient(45deg, #EC173A 50%, #FEF0BC 50%);
background-size: 20px 20px;
}


/* 方眼紙 */

.bg_paper{
background-image:  linear-gradient(#ccc 2px, transparent 2px), linear-gradient(90deg, #ccc 2px, transparent 2px), linear-gradient(#ccc 1px, transparent 1px), linear-gradient(90deg, #ccc 1px, #eee 1px);
background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
background-position: -3px -3px, -3px -3px, -3px -3px, -2px -2px;
}

.bg_paper.bg_wt{
background-image:  linear-gradient(#ccc 2px, transparent 2px), linear-gradient(90deg, #ccc 2px, transparent 2px), linear-gradient(#ccc 1px, transparent 1px), linear-gradient(90deg, #ccc 1px, #fff 1px);
}

		
		/*ジグザグ*/
		
		.bg_zigzag {
  background-image:  linear-gradient(135deg, #ffc107 25%, transparent 25%), linear-gradient(225deg, #ffc107 25%, transparent 25%), linear-gradient(45deg, #ffc107 25%, transparent 25%), linear-gradient(315deg, #ffc107 25%, #ffe9a7 25%);
  background-image:  linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(225deg, #ccc 25%, transparent 25%), linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(315deg, #ccc 25%, #eee 25%);
		background-position:  8px 0, 8px 0, 0 0, 0 0;
  background-size: 16px 16px;
  background-repeat: repeat;
}

		.bg_zigzag.green_yellow {
  background-image:  linear-gradient(135deg, #378E99 25%, transparent 25%), linear-gradient(225deg, #378E99 25%, transparent 25%), linear-gradient(45deg, #378E99 25%, transparent 25%), linear-gradient(315deg, #378E99 25%, #ffe9a7 25%);
  background-image:  linear-gradient(135deg, #facb0e 25%, transparent 25%), linear-gradient(225deg, #facb0e 25%, transparent 25%), linear-gradient(45deg, #facb0e 25%, transparent 25%), linear-gradient(315deg, #facb0e 25%, #378E99 25%);
		background-position:  8px 0, 8px 0, 0 0, 0 0;
  background-size: 16px 16px;
  background-repeat: repeat;
}


/* カラフル */
.bg_dia_grid{
background-size: 14px 20px;
background-color: #D24B45;
background-image: url(data:image/svg+xml;base64,CjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGZvcmVpZ25PYmplY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGRpdiBjbGFzcz0iaG9zdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiPjxzdHlsZT4KICp7Ym94LXNpemluZzpib3JkZXItYm94O30gKjo6YWZ0ZXIsICo6OmJlZm9yZXtib3gtc2l6aW5nOmluaGVyaXQ7fTpob3N0LCAuaG9zdHtkaXNwbGF5OmJsb2NrO3Zpc2liaWxpdHk6dmlzaWJsZTt3aWR0aDphdXRvO2hlaWdodDphdXRvO306aG9zdChbaGlkZGVuXSksIC5ob3N0W2hpZGRlbl17ZGlzcGxheTpub25lO30gLmNvbnRhaW5lcntwb3NpdGlvbjpyZWxhdGl2ZTt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO2Rpc3BsYXk6Z3JpZDtncmlkLWF1dG8tZmxvdzppbmhlcml0O2dyaWQtdGVtcGxhdGUtYXJlYXM6aW5oZXJpdDtncmlkLXRlbXBsYXRlLWNvbHVtbnM6aW5oZXJpdDtncmlkLXRlbXBsYXRlLXJvd3M6aW5oZXJpdDtncmlkLWF1dG8tY29sdW1uczppbmhlcml0O2dyaWQtYXV0by1yb3dzOmluaGVyaXQ7Z3JpZC1jb2x1bW4tZW5kOmluaGVyaXQ7Z3JpZC1jb2x1bW4tc3RhcnQ6aW5oZXJpdDtncmlkLXJvdy1lbmQ6aW5oZXJpdDtncmlkLXJvdy1zdGFydDppbmhlcml0O2dyaWQtcm93OmluaGVyaXQ7Z3JpZC1jb2x1bW46aW5oZXJpdDtncmlkLWFyZWE6aW5oZXJpdDtncmlkLXRlbXBsYXRlOmluaGVyaXQ7Z3JpZDppbmhlcml0O2dyaWQtY29sdW1uLWdhcDppbmhlcml0O2dyaWQtcm93LWdhcDppbmhlcml0O2dyaWQtZ2FwOmluaGVyaXQ7fSBjZWxsOmVtcHR5e3Bvc2l0aW9uOnJlbGF0aXZlO2xpbmUtaGVpZ2h0OjE7ZGlzcGxheTpncmlkO3BsYWNlLWl0ZW1zOmNlbnRlcjt9IAo6aG9zdCwgLmhvc3R7Z3JpZC10ZW1wbGF0ZS1yb3dzOnJlcGVhdCgyLCAxZnIpO2dyaWQtdGVtcGxhdGUtY29sdW1uczpyZXBlYXQoMiwgMWZyKTt9IDpob3N0LCAuaG9zdHt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO30gICNjLTEtMS0xe2JhY2tncm91bmQ6IzNDMkIzNDsKLXdlYmtpdC10cmFuc2Zvcm0tb3JpZ2luOjEwMCUgMTAwJTsgdHJhbnNmb3JtLW9yaWdpbjoxMDAlIDEwMCU7Ci13ZWJraXQtdHJhbnNmb3JtOnJvdGF0ZVgoNDVkZWcpIHNrZXdZKDM0ZGVnKTsgdHJhbnNmb3JtOnJvdGF0ZVgoNDVkZWcpIHNrZXdZKDM0ZGVnKTt9I2MtMi0xLTF7YmFja2dyb3VuZDojRjdGMEU5Owotd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46MCAxMDAlOyB0cmFuc2Zvcm0tb3JpZ2luOjAgMTAwJTsKLXdlYmtpdC10cmFuc2Zvcm06cm90YXRlWCg0NWRlZykgc2tld1koLTM0ZGVnKTsgdHJhbnNmb3JtOnJvdGF0ZVgoNDVkZWcpIHNrZXdZKC0zNGRlZyk7fSNjLTEtMi0xe2JhY2tncm91bmQ6I0Y3RjBFOTsKLXdlYmtpdC10cmFuc2Zvcm0tb3JpZ2luOjEwMCUgMDsgdHJhbnNmb3JtLW9yaWdpbjoxMDAlIDA7Ci13ZWJraXQtdHJhbnNmb3JtOnJvdGF0ZVgoNDVkZWcpIHNrZXdZKC0zNGRlZyk7IHRyYW5zZm9ybTpyb3RhdGVYKDQ1ZGVnKSBza2V3WSgtMzRkZWcpO30jYy0yLTItMXtiYWNrZ3JvdW5kOiMzQzJCMzQ7Ci13ZWJraXQtdHJhbnNmb3JtLW9yaWdpbjowIDA7IHRyYW5zZm9ybS1vcmlnaW46MCAwOwotd2Via2l0LXRyYW5zZm9ybTpyb3RhdGVYKDQ1ZGVnKSBza2V3WSgzNGRlZyk7IHRyYW5zZm9ybTpyb3RhdGVYKDQ1ZGVnKSBza2V3WSgzNGRlZyk7fSA8L3N0eWxlPjxncmlkIGNsYXNzPSJjb250YWluZXIiPjxjZWxsIGlkPSJjLTEtMS0xIj48L2NlbGw+PGNlbGwgaWQ9ImMtMi0xLTEiPjwvY2VsbD48Y2VsbCBpZD0iYy0xLTItMSI+PC9jZWxsPjxjZWxsIGlkPSJjLTItMi0xIj48L2NlbGw+PC9ncmlkPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48L3N2Zz4=);
/*
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='23.09' height='40' viewBox='0 0 34.64101615137755 60' patternUnits='userSpaceOnUse' patternTransform='rotate(120)'%3E%3Crect width='100%25' height='100%25' fill='%232a4365'/%3E%3Cpath d='M51.96 30L51.96 50L34.64 60L34.64 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.32 30L17.32 50L0 60L0 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 0L34.64 20L17.32 30L17.32 10z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 60L34.64 80L17.32 90L17.32 70z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 60L17.32 50L17.32 30L34.64 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M0 60L-17.32 50L-17.32 30L0 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 30L0 20L0 0L17.32 10z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 90L0 80L0 60L17.32 70z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M32.91 41L32.91 39L34.64 38L34.64 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M-1.73 41L-1.73 39L0 38L0 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M15.59 11L15.59 9L17.32 8L17.32 10z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M15.59 71L15.59 69L17.32 68L17.32 70z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 38L36.37 39L36.37 41L34.64 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M0 38L1.73 39L1.73 41L0 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 8L19.05 9L19.05 11L17.32 10z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 68L19.05 69L19.05 71L17.32 70z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M36.37 41L34.64 42L32.91 41L34.64 40z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M1.73 41L0 42L-1.73 41L0 40z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M19.05 11L17.32 12L15.59 11L17.32 10z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M19.05 71L17.32 72L15.59 71L17.32 70z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 40.1L34.55 40.05L34.55 39.95L34.64 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M0 40.1L-0.09 40.05L-0.09 39.95L0 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 10.1L17.23 10.05L17.23 9.95L17.32 10z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 70.1L17.23 70.05L17.23 69.95L17.32 70z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M34.73 39.95L34.73 40.05L34.64 40.1L34.64 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M0.09 39.95L0.09 40.05L0 40.1L0 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.41 9.95L17.41 10.05L17.32 10.1L17.32 10z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.41 69.95L17.41 70.05L17.32 70.1L17.32 70z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.55 39.95L34.64 39.9L34.73 39.95L34.64 40z' stroke-linejoin='miter' background='true' fill='%23ecc94b'/%3E%3Cpath d='M-0.09 39.95L0 39.9L0.09 39.95L0 40z' stroke-linejoin='miter' background='true' fill='%23ecc94b'/%3E%3Cpath d='M17.23 9.95L17.32 9.9L17.41 9.95L17.32 10z' stroke-linejoin='miter' background='true' fill='%23ecc94b'/%3E%3Cpath d='M17.23 69.95L17.32 69.9L17.41 69.95L17.32 70z' stroke-linejoin='miter' background='true' fill='%23ecc94b'/%3E%3Cpath d='M34.64 40L34.64 40L34.64 40L34.64 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M0 40L0 40L0 40L0 40z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.32 10L17.32 10L17.32 10L17.32 10z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.32 70L17.32 70L17.32 70L17.32 70z' stroke-linejoin='miter' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M34.64 40L34.64 40L34.64 40L34.64 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M0 40L0 40L0 40L0 40z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 10L17.32 10L17.32 10L17.32 10z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M17.32 70L17.32 70L17.32 70L17.32 70z' stroke-linejoin='miter' fill='%23ecc94b'/%3E%3Cpath d='M34.64 40L34.64 40L34.64 40L34.64 40z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M0 40L0 40L0 40L0 40z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.32 10L17.32 10L17.32 10L17.32 10z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='M17.32 70L17.32 70L17.32 70L17.32 70z' stroke-linejoin='miter' background='true' fill='rgba(247, 250, 252,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
*/
}

@media screen and (min-width:641px) {
[class*="bg_dia_grid"]{
background-size: 21px 38px;
}
}

/* 矢印 */
.bg_arrow{
	background:
	linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
	linear-gradient(45deg, #92baac 45px, transparent 45px,transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px),
	linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px);
	background-color:#e1ebbd;
	background-size: 128px 128px;
}

.bg_arrow{ /*半分*/
	background:
	linear-gradient(45deg, #92baac 22.5px, transparent 22.5px)32px 32px,
	linear-gradient(45deg, #92baac 22.5px, transparent 22.5px,transparent 45.5px, #e1ebbd 45.5px, #e1ebbd 67.5px, transparent 67.5px),
	linear-gradient(-45deg, #92baac 11.5px, transparent 11.5px, transparent 34px,#92baac 34px,#92baac 56.5px,transparent 56.5px,transparent 79px,#92baac 79px);
	background-color:#e1ebbd;
	background-size: 64px 64px;
}

.bg_arrow{/*3分の1*/
	background:
	linear-gradient(45deg, #92baac 15px, transparent 15px)21.33px 21.33px,
	linear-gradient(45deg, #92baac 15px, transparent 15px,transparent 30.33px, #e1ebbd 30.33px, #e1ebbd 45px, transparent 45px),
	linear-gradient(-45deg, #92baac 7.66px, transparent 7.66px, transparent 22.66px,#92baac 22.66px,#92baac 37.66px,transparent 37.66px,transparent 52.66px,#92baac 52.66px);
	background-color:#e1ebbd;
	background-size: 42.66px 42.66px;
}

.bg_arrow{/*4分の1*/
	background:
	linear-gradient(45deg, #92baac 11.25px, transparent 11.25px)16px 16px,
	linear-gradient(45deg, #92baac 11.25px, transparent 11.25px,transparent 22.75px, #e1ebbd 22.75px, #e1ebbd 33.75px, transparent 33.75px),
	linear-gradient(-45deg, #92baac 5.75px, transparent 5.75px, transparent 17px,#92baac 17px,#92baac 28.25px,transparent 28.25px,transparent 39.5px,#92baac 39.5px);
	background-color:#e1ebbd;
	background-size: 32px 32px;
}

.bg_arrow.black_red{/*4分の1 赤黒*/
	background:
	linear-gradient(45deg, #e83939 11.25px, transparent 11.25px)16px 16px,
	linear-gradient(45deg, #e83939 11.25px, transparent 11.25px,transparent 22.75px, #262626 22.75px, #262626 33.75px, transparent 33.75px),
	linear-gradient(-45deg, #e83939 5.75px, transparent 5.75px, transparent 17px,#e83939 17px,#e83939 28.25px,transparent 28.25px,transparent 39.5px,#e83939 39.5px);
	background-color:#262626;
	background-size: 32px 32px;
}


/* ランキング */
[class*="cap_wrap"][class*="bg_crown"]{
		/*background-image: linear-gradient(45deg, #ffc107 25%, transparent 25%), linear-gradient(315deg, #ffc107 25%, #ffe9a7 25%);*/
		background-image: linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(315deg, #eee 25%, #ccc 25%);
		background-position: 6.5px 0, 13px 0, 0 0, 0 0;
		background-size: 13px 13px;
  background-repeat: repeat;
		}
		
		
	.cap_wrap.bg_crown:before{
		background: #359fff;
		mix-blend-mode: overlay;
		}
		
		.cap_wrap.bg_crown01:before{
		background: #ffcd6e;
		background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
																							radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
		mix-blend-mode: multiply;
		}
		
		.cap_wrap.bg_crown02:before{
		background: #eee;
		background: radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 0%, #d1d1d1 8%, #9f9f9f 30%, #939393 40%, transparent 80%),
																							radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #d1d1d1 8%, #9f9f9f 25%, #7e7e7e 62.5%, #bdbdbd 100%);
		mix-blend-mode: multiply;
		}
		
		.cap_wrap.bg_crown03{
			background: #9f6a05;
			background-image: linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(315deg, #eee 25%, #ccc 25%);
			background-position: 6.5px 0, 13px 0, 0 0, 0 0;
			background-size: 13px 13px;
			background-repeat: repeat;
		}
		
		.cap_wrap.bg_crown03:before{
		background: #5d4a1f;
		background: radial-gradient(ellipse farthest-corner at right bottom, #fda334 0%, #dc822e 8%, #9f6328 30%, #8f5f2d 40%, transparent 80%),
																							radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #e6c485 8%, #a07443 25%, #5d4a1f 62.5%, #c7772c 100%);
		mix-blend-mode: multiply;
			opacity: 0.8;
		}

@media screen and (min-width:641px) {
[class*="cap_wrap"][class*="bg_crown"]{
		background-position: 10px 0, 20px 0, 0 0, 0 0;
		background-size: 20px 20px;
  background-repeat: repeat;
		}
		}
		
[class*="cap_wrap_line"]{
	padding: 2px;
}		

.cap_wrap_line{
	background: linear-gradient(to right, #f00, #00f);
}

.cap_wrap_line02{
	background: linear-gradient(90deg, #4158D0, #C850C0 30%, #FFCC70);
}

.cap_wrap_line03{
	background: linear-gradient(135deg, #12c2e9 0%, #c471ed 100%);
}

/* ゲーム枠 */

.post_content .cap_wrap_cs{
width: 100%;
max-width: 673px; /* あとで消して良い */
height: 100%;
position: relative;
overflow: hidden;
margin:0 0 30px;
padding: 10px;
}

@media screen and (min-width:641px) {
.post_content .cap_wrap_cs{
margin:0 0 35px;
padding: 20px;
}

.post_content .cap_wrap_cs .img_wrap{
width:calc(100% - 11%);
border:5px solid #000;
float: right;
}

.dot_frame_tate {
	width: calc(100% + 8px);
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: -4px;
	z-index: 0;
}

.cap_wrap_frame{
margin:0 0 35px;
}

}


.post_content .cap_wrap_cs .img_wrap{
width:calc(100% - 11%);
border:4px solid #000;
float: right;
position: relative;
}

.post_content .cap_wrap_cs img,
.post_content .cap_wrap_frame img{
border:none!important;
margin: 0!important;
padding: 0!important;
}

[class*=".post_content .cap_wrap_cs img.wrap_"]{
width: auto!important;
height: auto!important;
}

.post_content .cap_wrap_cs img.wrap_top{
width: 100%!important;
height: auto!important;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

.post_content .cap_wrap_cs img.wrap_bottom{
width: 100%!important;
height: auto!important;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}

.post_content .cap_wrap_cs img.wrap_left{
width: auto!important;
height: 100%!important;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.post_content .cap_wrap_cs img.wrap_right{
width: auto!important;
height: 100%!important;
position: absolute;
top: 50%;
right: -1px;
transform: translateY(-50%);
}

.bg_game_character{
width: auto!important;
height: calc(100% - 10%)!important;
position: absolute;
top: 50%;
left: 2.3%;
transform: translateY(-50%);
max-height: 260px;
}

/* 枠フレーム */

.cap_wrap_frame{
width: 100%;
max-width: 673px;
height: 100%;
position: relative;
border:4px solid #000;
margin:0 0 30px;
padding: 5px;
}

.dot_frame_top,
.dot_frame_bottom{
	width: calc(100% + 10px);
	display: flex;
	justify-content: space-between;
}

.dot_frame_top{
position: absolute;
top: -6px;
left: -5px;
}

.dot_frame_bottom{
position: absolute;
bottom: -6px;
left: -5px;
}

.dot_frame_left,
.dot_frame_right{
	width: 10px;
	height: calc(100% - 4px);
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.dot_frame_left{
position: absolute;
top: 2px;
left: -6px;
}

.dot_frame_right{
position: absolute;
top: 2px;
right: -8px;
}


.dot_frame_top span,
.dot_frame_bottom span,
.dot_frame_left span,
.dot_frame_right span{
width: 8px;
height: 8px;
border-radius: 50%;
border: 2px solid #000;
background: #fff;
display: inline-block;
position: relative;
}

.cap_wrap_frame{
position: relative;
}

.cap_wrap_frame img{
z-index: 1;
position: relative;
}


.dot_frame_tate {
		width: calc(100% - 2px);
		height: 100%;
		display: flex;
		justify-content: space-evenly;
		position: absolute;
		top: 0;
		left: 1px;
		z-index: 0;
}


.dot_frame_tate span{
display: inline-block;
width: 4px;
height: 100%;
background: #000;
}

.dot_frame_yoko {
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: 0;
}

.dot_frame_yoko span{
display: inline-block;
width: 100%;
height: 4px;
background: #000;
}


.post_content .cap_wrap_frame img{
width: auto!important;
height: auto!important;
}


/* グラデーション */

.cap_wrap_cs[class*="col_"]:before{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: color;
}

.cap_wrap_cs[class*="col_"].mly:before{
mix-blend-mode: multiply;
}

.cap_wrap_cs.col_blue_pink02.mly:before{
mix-blend-mode: multiply;
background-image: linear-gradient(-315deg,#a10097ed 0%,#2070cf 80%);
}

/* 青赤 */
.cap_wrap_cs.col_blue_red:before{
background: linear-gradient(to right, rgb(0, 159, 255), rgb(236, 47, 75));
}

/* 水色ピンク */
.cap_wrap_cs.col_blue_pink:before{
background: linear-gradient(to right, rgb(27, 209, 239), rgb(222, 89, 218));
}

/* 青ピンク */
.cap_wrap_cs.col_blue_pink02:before{
background-image: linear-gradient(-315deg,#bf01b3ed 0%,#2070cf 80%);
}

/* 紫ピンクオレンジ */
.cap_wrap_cs.col_purple_pink_orange:before{
background: linear-gradient(to right, rgb(138, 35, 135), rgb(233, 64, 87), rgb(242, 113, 33));
}

/* 紫緑 */
.cap_wrap_cs.col_purple_green:before{
background: linear-gradient(to right, rgb(89, 193, 115), rgb(161, 127, 224), rgb(93, 38, 193));
}

/* 赤紫 */
.cap_wrap_cs.col_red_purple:before{
  background: linear-gradient(to right, rgb(218, 68, 83), rgb(137, 33, 107));
}

/* 紫赤 */
.cap_wrap_cs.col_purple_orange:before{
  background: linear-gradient(to right, rgb(35, 7, 77), rgb(204, 83, 51));
}

/* 紫黄 */
.cap_wrap_cs.col_purple_yellow:before{
  background: linear-gradient(to right, rgb(26, 42, 108), rgb(178, 31, 31), rgb(253, 187, 45));
}

/* 緑黄 */
.cap_wrap_cs.col_green_yellow:before{
  background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));
}

/* 青緑・緑 */
.cap_wrap_cs.col_green_green:before{
background: linear-gradient(to right, rgb(6, 190, 182), rgb(72, 177, 191));
}

/* 紫ピーチ */
.cap_wrap_cs.col_purple_peach:before{
background: linear-gradient(to right, rgb(58, 28, 113), rgb(215, 109, 119), rgb(255, 175, 123));
}

/* 緑青 */
.cap_wrap_cs.col_green_blue:before{
background: linear-gradient(to right, rgb(0, 118, 58), rgb(21, 87, 153));
mix-blend-mode: color;
}

/* カーキ */
.cap_wrap_cs.col_dk_green:before{
background: linear-gradient(to left, rgb(48, 60, 25), rgb(20, 28, 0));
}

/* 紫緑 */
.cap_wrap_cs.col_purple_green02:before{
background: linear-gradient(to right, rgb(70, 14, 152), rgb(29, 40, 2));
}

/* 赤黒 */
.cap_wrap_cs.col_bk_red:before{
background: linear-gradient(to right, rgb(15, 15, 15), rgb(153, 21, 21));
}

/* 濃い青 */
.cap_wrap_cs.col_dk_blue:before{
background: linear-gradient(to left, rgb(15, 15, 15), rgb(0, 73, 188));
}

/* 赤黄 */
.cap_wrap_cs.col_red_yellow:before{
background-image: linear-gradient(-315deg,#c91a21 0%,#fabf3d 80%);
}