#Custom_Article{
	.mgT1e {
	margin-top: 1rem !important;
	}
	.mgB0 {
	margin-bottom: 0 !important;
	}

	.mgB0-25e {
	margin-bottom: 0.25rem !important;
	}

	.mgB0-5e {
	margin-bottom: 0.5rem !important;
	}

	.mgB1e {
	margin-bottom: 1rem !important;
	}

	.mgB1-5e {
	margin-bottom: 1.5rem !important;
	}

	.mgB2e {
	margin-bottom: 2rem !important;
	}

	.mgB2-5e {
	margin-bottom: 2.5rem !important;
	}

	.mgB3e {
	margin-bottom: 3rem !important;
	}

	.mgB3-5e {
	margin-bottom: 3.5rem !important;
	}

	.mgB4e {
	margin-bottom: 4rem !important;
	}

	.mgB5e {
	margin-bottom: 5rem !important;
	}

	.mgB6e {
	margin-bottom: 6rem !important;
	}

	.alignLeft{
		text-align:left;
	}

	img{
		width:100%;
	}
    
    h1, h2, h3, h4, h5, h6, p,div{
      position: relative;
      font-weight: 400;
      font-size: 1rem;
      
        &.heading_h0 {
          font-size: 300%;
          font-weight:600;
        }
        &.heading_h1 {
          font-size: 220%;
          font-weight:600;
        }
        &.heading_h2 {
          font-size: 180%;
          font-weight:600;
        }
        &.heading_h3 {
          font-size: 120%;
          font-weight:600;
        }
        &.heading_h4 {
          font-size: 115%;
          font-weight:600;
        }
        &.heading_h5 {
          font-size: 110%;
          font-weight:600;
        }
        &.heading_h6 {
          font-size: 105%;
          font-weight:600;
        }
        em{
          position: relative;
          &:before {
            content: "";
            position: absolute;
            bottom: 8%;
            width: 100%;
            height: 0.175em;
            background: var(--bg-color3);
            z-index: -1;
          }
        }
    }
    
	&.article-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 4rem;
		max-width:1200px;
		box-sizing:content-box;
		margin: 0 auto;
		padding: 0 2rem;
	}
	main.article-main {
		flex: 1;
		min-width: 0;
	}
	aside{
		&.article-sidebar {
		flex: 0 0 300px;
		max-width: 300px;
		}
	}
	@media (max-width: 1024px) {
		aside{
		&.article-sidebar {
			flex: 0 0 240px;
			max-width: 240px;
		}
		}
	}

	@media (max-width: 768px) {
		.blog_links{
		padding-top: 0 !important;
		}
		.article-page,
		.section-padding{
		padding-bottom: 0 !important;
		}
		.article__wrapper {
		flex-direction: column;
		}
		main.article-main,
		aside.article-sidebar {
		flex: 1 1 100%;
		max-width: 100%;
		}
	}

	/*------------------------
	VerticalList
	------------------------*/
  
	.VerticalList{
		margin:0;
		li {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			margin-bottom:1.5rem;
			div {
				&.pict {
					width:90px;
					flex-shrink: 0;
				}
				&.discript {
					flex: 1;
					padding: 0 0 0 1rem;
					p{
					margin:0;
					}
				}
			}
		}
		.Recipe & {
			margin-bottom:2em;
			li{
				border: 1px solid #dddddd;
				border-width: 0 0 1px;
				padding-bottom:0.25em;
				margin-bottom:0.25em;
			}
		}
		#News & ,
		.postList & {
			max-width: 1000px;
			margin: 0 auto;
			li{
				align-items: center;
				padding:2rem 3.75rem;
				border: 1px solid var(--text-color);
				border-width: 1px 0 0;
				letter-spacing: 2.8px;
				&:first-child {
					border-width: 0;
				}
				div {
					&.discript {
						padding:0 0 0 1.35rem;
					}
				}
			}
		}
	}
    header{
      padding-bottom: 1rem;
    }
    .article-tags a:after{
      content:"";
      margin-right: 0.5em;
    }

	/*------------------------
	flexList
	------------------------*/

	ul {
		&.flexList {
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-ms-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			margin: 0 -1rem;

			&.OverHead {
			.Head {
				position: absolute;
				left: 0;
				bottom: -1px;
				width: 100%;
				background: var(--sub-color);
				color: var(--text-color_light);
				padding: 0.5em 1rem;
				box-sizing: border-box;
				z-index: +1;
				transition: background 0.25s;
			}

			a:hover {
				.Head {
				background: var(--text-color_normal);
				}

				&:before {
				width: 0;
				}
			}
			}

			li {
			position: relative;
			padding: 0 1rem;
			transform: rotate(0deg);

			&.flex_fullimg img {
				/*width:100%;*/
				max-width: none;
			}

			&.flex_numbering div {
				position: relative;

				span {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 2em;
				height: 2em;
				padding: 0.5em 0;
				border: 1px solid #555555;
				border-radius: 10em;
				text-align: center;
				font-style: normal;
				font-weight: 700;
				line-height: 1.0;
				z-index: 1;
				}
			}

			position: relative;
			padding: 0 1rem 2rem;
			}

			&.w20 li {
			flex: 0 0 50%;
			}

			&.w25 li, &.w33 li {
			flex: 0 0 100%;
			}

			&.w50 li {
			flex: 0 0 100%;

			&.w100 {
				flex: 0 0 100%;

				img {
				display: block;
				margin: 0 auto;
				min-width: 100%;
				}
			}
			}

			li h6 {
			margin-bottom: 0.5rem;
			}

			&.onBg{
				li{
					div.TextonBg{
						position: absolute;
						bottom:0;
						width:100%;
						background: rgba(255,255,255,0.7);
						padding:1.5rem 2rem;
						@media only screen and (min-width: 769px) {
							padding:1.75rem 2.25rem;
						}
						@media only screen and (min-width: 1025px) {
							padding:2rem 2.5rem;
						}
					}
				}
				div.aspect1_1 img {
					width:auto;
					height:100%;
				}
			}
		}

		&.CalList {
			margin: 0 -1rem;
			li {
				padding: 0 1rem;
				div {
					position: relative;
					width: 100%;
					overflow: hidden;
					border: 3px solid #0f206c;
					border-width: 3px 3px 0;
					margin: 0 0 3rem;

					&:before {
					content: "";
					display: block;
					padding-top: 50%;
					}
				}
			}
		}
	}

	/*---restyle--*/
	.mobile--one-whole {
		width: 100%;
	}


	.grid, .grid--center {
		@media only screen and (max-width: 1023px) {
			grid-template-columns: var(--grid);
		}
		@media only screen and (max-width: 768px) {
			grid-template-columns: var(--grid-tablet);
		}
		@media only screen and (max-width: 479px) {
			grid-template-columns: var(--grid-mobile);
		}
	}
}