@charset "UTF-8";
:root {
  /* Font */
  --base-font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

:root {
  /* Color */
  --base-color: #FFFFFF;
  --white-color: #FFFFFF;
  --white-color2: rgba( 255, 255, 255, 0.9);
  --black-color: #333333;
  --gray-color: #f5f5f5;
  --pink-color: #EE99B7;
  --pink-color2: #CF7B8B;
  --pink-color3: #F572C4;
  --red-color: #f74e79;
  --red-color2: #ee527a;
  --shadow-color1: rgba( 0, 0, 0, 0.4);
}

/* Form fields, general styles first -------------------- */

button,
input,
select,
textarea {
	border:1px solid var(--red-color);
	font-family:var(--base-font-family);
	padding:6px;
	padding:0.6rem;
	border-radius:4px;
  cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="submit"],
textarea {
	border:1px solid var(--red-color);
	background-color:var(--red-color3);
}

input[type="file"] {
  border: none;
}

input[type="submit"]:hover {
  opacity: 0.8;
}

input:focus,
textarea:focus {
	background-color:var(--white-color);
	border:1px solid var(--red-color);
}

textarea {
	font-size:100%;
	overflow:auto;
	vertical-align:top;
}
/* Breadcrumb ------------------------------------------- */

.main-breadcrumb {
  padding:0 3% 0;
}
@media screen and ( min-width: 768px ) {
  .main-breadcrumb {
    padding:0;
  }
}

.main-breadcrumb a {
  color: var(--red-color2);
}

/* Main Content Header ---------------------------------- */

.main-content-header {
	padding:20px 3% 0;
}
/* Main Content Entry Meta ------------------------------ */

.entry-meta .post-categories {
	margin-bottom:28px;
	margin-bottom:2.8rem;
}

.entry-meta {
	margin-bottom:20px;
	margin-bottom:2rem;
	line-height:1.5;
}

.entry-meta .post-categories li {
	float:left;
}

a[rel*="category"],
a[rel*="tag"] {
	display:inline-block;
	line-height:1.5;
	font-size:12px;
	font-size:1.2rem;
  background-color: var(--red-color4);
	color:#fff;
	padding:1px 10px;
	padding:0.1rem 1rem;
	margin-right:10px;
	margin-right:1rem;
	margin-bottom:5px;
	margin-bottom:0.5rem;
	border-radius:4px;
	border-radius:0.4rem;
}

a[rel="tag"],
a[rel*="tag "] {
  background-color: var(--red-color4);
}

.meta-postdate {
	text-align:right;
	margin-bottom:5px;
	margin-bottom:0.5rem;
	margin-top:-10px;
	margin-top:-1rem;
}

.meta-postdate a {
	color:#333;
	cursor:default;
}

.meta-postdate a:hover {
	text-decoration:none;
}

.by-author {
	display:none;
}

.post-edit-link-base {
	padding-top:10px;
	padding-top:1rem;
}

/* Main Content Entry Detail ---------------------------- */

.entry-content {
	padding:0 3% 0;
	margin-bottom:60px;
}

@media screen and ( min-width: 768px ) {
  .entry-content {
    padding:0;
  }
}
.main-content-site img {
	max-width:100%;
	height:auto;
}

.entry-content,
.mu_register {
	line-height:1.8;
}

.topmain-welcome-area h1,
.textwidget h1,
.entry-content h1,
.comment-content h1,
.topmain-welcome-area h2,
.textwidget h2,
.entry-content h2,
.comment-content h2,
.topmain-welcome-area h3,
.textwidget h3,
.entry-content h3,
.comment-content h3,
.topmain-welcome-area h4,
.textwidget h4,
.entry-content h4,
.comment-content h4,
.topmain-welcome-area h5,
.textwidget h5,
.entry-content h5,
.comment-content h5,
.topmain-welcome-area h6,
.textwidget h6,
.entry-content h6,
.comment-content h6 {
	margin-bottom:20px;
	margin-bottom:2rem;
	line-height:1.5;
	padding-top:5px;
	padding-top:0.5rem;
}

.topmain-welcome-area h1,
.textwidget h1,
.entry-content h1,
.comment-content h1 {
	font-size:24px;
	font-size:2.4rem;
}

.topmain-welcome-area h2,
.textwidget h2,
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size:18px;
	font-size:1.8rem;
}

.topmain-welcome-area h3,
.textwidget h3,
.entry-content h3,
.comment-content h3 {
	font-size:16px;
	font-size:1.6rem;
}

.topmain-welcome-area h4,
.textwidget h4,
.entry-content h4,
.comment-content h4 {
	font-size:15px;
	font-size:1.5rem;
}

.topmain-welcome-area h5,
.textwidget h5,
.entry-content h5,
.comment-content h5 {
	font-size:14px;
	font-size:1.4rem;
}

.topmain-welcome-area h6,
.textwidget h6,
.entry-content h6,
.comment-content h6 {
	font-size:13px;
	font-size:1.3rem;
}

.topmain-welcome-area p,
.textwidget p,
.entry-content p,
.comment-content p,
.mu_register p {
	font-size:14px;
	font-size:1.4rem;
	margin:10px 0 15px;
	margin:1rem 0 1.5rem;
	line-height:1.8;
}

.topmain-welcome-area a,
.textwidget a,
.entry-content a,
.comment-content a,
.mu_register p {
	font-size:14px;
	font-size:1.4rem;
}

.topmain-welcome-area p:last-child,
.textwidget p,
.entry-content p:last-child,
.comment-content p:last-child,
.mu_register p:last-child {
	margin-bottom:0;
}

.topmain-welcome-area ol,
.textwidget ol,
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin:0 0 20px;
	margin:0 0 2rem;
	line-height:1.8;
}

.topmain-welcome-area ul ul,
.textwidget ul ul,
.entry-content ul ul,
.comment-content ul ul,
.topmain-welcome-area ol ol,
.textwidget ol ol,
.entry-content ol ol,
.comment-content ol ol,
.topmain-welcome-area ul ol,
.textwidget ul ol,
.entry-content ul ol,
.comment-content ul ol,
.topmain-welcome-area ol ul,
.textwidget ol ul,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom:0;
}

.topmain-welcome-area ul,
.textwidget ul,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style:disc outside;
	margin-left:2px;
	margin-left:0.2rem;
}

.topmain-welcome-area ul li,
.textwidget ul li,
.entry-content ul li,
.comment-content ul li,
.mu_register li {
	margin:0 0 0 13px;
	margin:0 0 0 1.3rem;
}

.topmain-welcome-area ol,
.textwidget ol,
.entry-content ol,
.comment-content ol {
	list-style:decimal outside;
}

.topmain-welcome-area ol li,
.textwidget ol li,
.entry-content ol li,
.comment-content ol li,
.mu_register li {
	margin:0 0 0 20px;
	margin:0 0 0 2rem;
}

.topmain-welcome-area blockquote,
.textwidget blockquote,
.entry-content blockquote,
.comment-content blockquote {
	padding:20px 0;
	padding:2rem 0;
}

.topmain-welcome-area blockquote p:last-child,
.textwidget blockquote p:last-child,
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom:0;
}

.topmain-welcome-area code,
.textwidget code,
.entry-content code,
.comment-content code {
	font-family:Consolas, Monaco, "Lucida Console", monospace;
	line-height:2;
}

.topmain-welcome-area pre,
.textwidget pre,
.entry-content pre,
.comment-content pre {
	border:1px solid #ccc;
	line-height:1;
	margin:20px 0;
	margin:2rem 0;
	padding:10px;
	padding:1rem;
	overflow:auto;
	font-size:12px;
	font-size:1.2rem;
	border-radius:4px;
	border-radius:0.4rem;
}

.topmain-welcome-area pre code,
.textwidget pre code,
.entry-content pre code,
.comment-content pre code {
	display:block;
}

.topmain-welcome-area abbr,
.textwidget abbr,
.entry-content abbr,
.comment-content abbr,
.topmain-welcome-area dfn,
.textwidget dfn,
.entry-content dfn,
.comment-content dfn,
.topmain-welcome-area acronym,
.textwidget acronym,
.entry-content acronym,
.comment-content acronym {
	border-bottom:1px dotted #ccc;
	cursor:help;
}

.topmain-welcome-area address,
.textwidget address,
.entry-content address,
.comment-content address {
	display:block;
	line-height:1.8;
	margin:0 0 20px;
	margin:0 0 2rem;
}

.topmain-welcome-area embed,
.topmain-welcome-area iframe,
.topmain-welcome-area object,
.topmain-welcome-area video,
.textwidget embed,
.textwidget iframe,
.textwidget object,
.textwidget video,
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom:24px;
	margin-bottom:2.4rem;
}

.topmain-welcome-area dt,
.textwidget dt,
.entry-content dt,
.comment-content dt {
	font-weight:bold;
	line-height:1.8;
	margin-bottom:10px;
	margin-bottom:1rem;
}

.topmain-welcome-area dd,
.textwidget dd,
.entry-content dd,
.comment-content dd {
	line-height:1.8;
	margin-bottom:25px;
	margin-bottom:2.5rem;
}

.topmain-welcome-area table,
.textwidget table,
.entry-content table,
.comment-content table {
	border-top:1px solid var(--red-color4);
	border-left:1px solid var(--red-color4);
	font-size:13px;
	font-size:1.3rem;
	line-height:2;
	margin-bottom:25px;
	margin-bottom:2.5rem;
	width:100%;
}

.topmain-welcome-area table caption,
.textwidget table caption,
.entry-content table caption,
.comment-content table caption {
	font-size:16px;
	font-size:1.6rem;
	margin:24px 0;
	margin:2.4rem 0;
}

.topmain-welcome-area th,
.textwidget th,
.entry-content th,
.comment-content th {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f5f5f5;
	padding:15px;
	padding:1.5rem;
	font-weight:normal;
}

.topmain-welcome-area th a,
.textwidget th a,
.entry-content th a,
.comment-content th a {
	color:#333;
}

.topmain-welcome-area td,
.textwidget td,
.entry-content td,
.comment-content td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:15px;
	padding:1.5rem;
}

@media screen and ( max-width: 479px ) {
  .topmain-welcome-area td,
  .textwidget td,
  .entry-content td,
  .comment-content td {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:15px;
    padding:1.5rem;
  }
}

.mu_register h2 {
	color:#ccc;
	font-weight:normal;
}

/* Main Content Entry Images ---------------------------- */

.alignleft {
	max-width:50%;
	float:left;
}

.alignright {
	max-width:50%;
	float:right;
}

.aligncenter {
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	max-width:100%; /* Keep wide captions from overflowing their container. */
	padding:4px;
	padding:0.4rem;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	margin-top:10px;
	margin-top:1rem;
}

img.wp-smiley,
.rsswidget img {
	border:0;
	box-shadow:none;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	border-radius:0;
}

.entry-content dl.gallery-item {
	margin:0;
}

.gallery-item a,
.gallery-caption {
	width:90%;
}

.gallery-item a {
	display:block;
}

.gallery-caption a {
	display:inline;
}

.gallery-columns-1 .gallery-item a {
	max-width:100%;
	width:auto;
}

.gallery .gallery-icon img {
	height:auto;
	max-width:90%;
	padding:5%;
}

.gallery-columns-1 .gallery-icon img {
	padding:3%;
}

img.alignleft,
.wp-caption.alignleft {
	margin:4px 25px 20px 0;
	margin:0.4rem 2.5rem 2rem 0;
}

img.alignright,
.wp-caption.alignright {
	margin:4px 0 20px 25px;
	margin:0.4rem 0 2rem 2.5rem;
}

img.aligncenter,
.wp-caption.aligncenter {
	clear:both;
	margin-top:12px;
	margin-top:1.2rem;
	margin-bottom:12px;
	margin-bottom:1.2rem;
}

img.alignnone,
.wp-caption.alignnone {
	clear:both;
	margin-top:12px;
	margin-top:1.2rem;
	margin-bottom:12px;
	margin-bottom:1.2rem;
}

div.attachment {
	margin:0 0 20px;
	margin:0 0 2rem;
}

div.attachment img,
.wp-caption img,
img.main-tile,
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.archive-post img {
	border:2px solid #fff;
	box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);
	display:block;
	height:auto;
	margin-left:1px;
	max-width:99%;
	border-radius:4px;
	border-radius:0.4rem;
}

img.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

img.alignleft {
	margin:4px 25px 20px 0;
	margin:0.4rem 2.5rem 2rem 0;
}

img.alignright {
	margin:4px 0 20px 25px;
	margin:0.4rem 0 2rem 2.5rem;
}

dl.wp-caption.aligncenter {
	border:none;
	box-shadow:none;
}

/* Main Content Single audio/video attachment view ------ */

.attachment .entry-content .mejs-audio {
	max-width:400px;
	max-width:40rem;
}

.attachment .entry-content .mejs-container {
	margin-bottom:24px;
	margin-bottom:2.4rem;
}

/* Main Content Pager Settings -------------------------- */

.page-links {
	margin-top:40px;
	margin-top:4rem;
	margin-bottom:30px;
	margin-bottom:3rem;
	clear:both;
	line-height:1.8;
	text-align:center;
}

.page-links > span {
	background-color:var(--red-color);
	padding:6px 10px;
	padding:0.6rem 1rem;
	border:1px solid var(--red-color);
	color:#fff;
}

.page-links > a {
	padding:6px 10px;
	padding:0.6rem 1rem;
	border:1px solid #ccc;
	color:#333;
}

.page-links > a:hover {
	background-color:#ccc;
}

.entry-content-single a span {
  color: var(--red-color2);
}

.nav-single {
	display:block;
	width:100%;
	overflow:hidden;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.nav-previous a,
.nav-next a {
	display:block;
	width:50%;
	float:left;
	overflow:hidden;
  color: var(--red-color2);
}

.nav-previous a::before {
	position:absolute;
  content:"";
  background-image: url(http://npoatto.com/wp-content/themes/attohome/assets/img/arrow-left.png);
	width: 28px;
  height: 28px;
	margin-left:-40px;
	margin-left:-4rem;
}

.nav-previous a {
	border-right:1px dotted #ccc;
	line-height:2.2;
	padding:12px 20px 12px 70px;
	padding:1.2rem 2rem 1.2rem 7rem;
}

.nav-next {
	text-align:right;
}

.nav-next a::after {
	position:absolute;
  content:"";
	background-image: url(http://npoatto.com/wp-content/themes/attohome/assets/img/arrow-right.png);
	width: 28px;
  height: 28px;
	margin-left:10px;
	margin-left:1rem;
}

.nav-next a {
	line-height:2.2;
	padding:12px 70px 12px 20px;
	padding:1.2rem 7rem 1.2rem 2rem;
}

a.no-pager-links::before,
a.no-pager-links::after {
	display:none;
}

a.no-pager-links:hover {
	text-decoration:none;
}

/* Main Content Comments Area --------------------------- */

.comments-area {
	margin-top:25px;
	margin-top:2.5rem;
}

.comments-title,
.comment-reply-title {
	line-height:1.5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-size:1.4rem;
	padding:15px 30px;
	padding:1.5rem 3rem;
}

.pingback {
	line-height:1.5;
	padding:0 0 10px;
	padding:0 0 1rem;
}

ol.commentlist {
	padding:20px 30px;
	padding:2rem 3rem;
}

article.comment {
	padding-top:15px;
	padding-top:1.5rem;
	border-top:1px dotted #ccc;
}

.comment .children {
	border-top:1px dotted #ccc;
	padding-top:15px;
	padding-top:1.5rem;
	margin-top:10px;
	margin-top:1rem;
	margin-left:20px;
	margin-left:2rem;
}

ol.commentlist li,
.comment .children li {
	margin-bottom:10px;
	margin-bottom:1rem;
}

ol.commentlist li:last-child,
.comment .children li:last-child {
	margin-bottom:0;
}

.comment img {
	display:block;
	overflow:hidden;
	float:left;
	margin-right:15px;
	margin-right:1.5rem;
}

.comment > img + section {
	padding-left:60px;
	padding-left:6rem;
}

ol.commentlist li:first-child > article.comment {
	padding-top:0;
	border-top:none;
}

p.comment-meta {
	margin-top:0;
}

.post-author {
	font-size:11px;
	font-size:1.1rem;
	background-color:#ccc;
	color:#fff;
	padding:0 10px;
	padding:0 1rem;
	border-radius:15px;
	border-radius:1.5rem;
}

.bypostauthor,
.sticky {
	font-weight:normal;
}

.comment-reply-title > small {
	margin-left:10px;
	margin-left:1rem;
}

.comment-form {
	padding:20px 30px;
	padding:2rem 3rem;
}

.comment-notes {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:20px;
	margin-bottom:2rem;
}

.form_content {
	display:none;
}

.comment-fields input,
.comment-area textarea {
	margin-bottom:15px;
	margin-bottom:1.5rem;
	width:100%;
}

.form-allowed-tags {
	font-size:10px;
	font-size:1rem;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}

.form-submit input {
	width:100%;
}

.nocomments-accept {
	display:none;
}

.nocomments {
	border-top:1px solid #ccc;
	padding:20px 30px;
	padding:2rem 3rem;
}

/* Main Content Archive Page Settings ------------------- */

.archive-post {
	display:block;
	overflow:hidden;
	position:relative;
	line-height:1.5;
	padding:15px 30px;
	padding:1.5rem 3rem;
	border-top:1px dotted #ccc;
}

.entry-image,
.entry-summary {
	display:block;
	overflow:hidden;
}

.archive-post img {
	margin-bottom:10px;
	margin-bottom:1rem;
}

.excerpt-title {
	font-weight:normal;
	font-size:14px;
	font-size:1.4rem;
}

.excerpt-title a {
	font-weight:bold;
}

/* Widget Area Settings ================================= */

/* Widget Area Total Settings --------------------------- */

.widget-area {
	line-height:1;
}

.widget {
	display:block;
	overflow:hidden;
	border-top:1px solid #ccc;
}

.widget > * {
	width:100%;
	padding:15px 0 15px;
	padding:1.5rem 0 1.5rem;
}

.widget-title {
	line-height:1.5;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-size:1.4rem;
	padding-left:30px;
	padding-left:3rem;
	padding-right:30px;
	padding-right:3rem;
}

.main-content-header .main-content-title,
.topmain-widget-area .widget-title {
	position:relative;
	background:none;
	color:#333;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.2;
	font-weight:normal;
	margin-bottom:0;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom:3px solid #ccc;
	border-bottom:0.3rem solid #ccc;
}

.main-content-header .main-content-title::before,
.topmain-widget-area .widget-title::after {
	position:absolute;
	bottom:-3px;
	bottom:-0.3rem;
	left:0;
	z-index:2;
	content:'';
	width:27.5%;
	height:3px;
	height:0.3rem;
	background-color:var(--red-color);
}

.main-content-header .main-content-title {
	margin-bottom:20px;
	margin-bottom:2rem;
}


.post-sitemap-list .widget-title,
.sidebar-left .widget-title,
.sidebar-right .widget-title,
.comments-title,
.comment-reply-title {
	position:relative;
	margin-bottom:0;
	border-left:3px solid #ccc;
	border-left:0.3rem solid #ccc;
}

.post-sitemap-list .widget-title::after,
.sidebar-left .widget-title::after,
.sidebar-right .widget-title::after,
.comments-title::after,
.comment-reply-title::after {
	position:absolute;
	left:-3px;
	left:-0.3rem;
	z-index:2;
	top:0;
	content:'';
	width:3px;
	width:0.3rem;
	height:40%;
	background-color:var(--red-color);
}

.post-sitemap-list .widget-title {
	line-height:1.5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-size:1.4rem;
	padding:15px 30px;
	padding:1.5rem 3rem;

}

/* Displayed in List Format & Header Sitemap,Contact Link */

.post-sitemap-list > ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_nav_menu > ul,
.widget_nav_menu > div,
.widget_pages > ul,
.widget_meta > ul,
.widget_recent_entries > ul,
.widget_rss > ul,
.widget_recent_comments > ul,
.widget_tagposts > ul,
.widget_tagpages > ul,
.widget_catposts >ul {
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.post-sitemap-list ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_recent_comments ul li,
.widget_tagposts ul li,
.widget_tagpages ul li,
.widget_catposts ul li {
	display:block;
	overflow:hidden;
	width:100%;
	line-height:1.5;
	border-bottom:1px dotted #ccc;
}

.post-sitemap-list ul li:last-child,
.widget_categories ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_rss ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_tagposts ul li:last-child,
.widget_tagpages ul li:last-child,
.widget_catposts ul li:last-child {
	border-bottom:none;
}

.hw_link1 a::before,
.hw_link2 a::before,
.post-sitemap-list ul li::before,
.widget_archive ul li::before,
.widget_categories ul li::before,
.widget_nav_menu ul li::before,
.widget_pages ul li::before,
.widget_meta ul li::before {
    position:absolute;
	content:"\0025a0";
    color:var(--red-color);
	font-size:10px;
	font-size:1rem;
	line-height:1.1;
	margin-top:18px;
	margin-top:1.8rem;
	margin-left:30px;
	margin-left:3rem;
}

.hw_link1,
.hw_link2 {
	display:block;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #ccc;
}

.hw_link1 a::before,
.hw_link2 a::before {
	margin-top:3px;
	margin-top:0.3rem;
	margin-left:-20px;
	margin-left:-2rem;
}

.hw_link1 a,
.hw_link2 a {
	display:block;
	overflow:hidden;
	position:relative;
	padding:15px 30px 15px 51px;
	padding:1.5rem 3rem 1.5rem 5.1rem;
	text-align:left;
}

.hw_link1 a {
	width:100%;
}

.hw_link2 a {
	width:50%;
	float:left;
	border-right:1px solid #ccc;
}

.hw_link2 a:last-child {
	border-right:none;
}

.post-sitemap-list ul li.cat-item-none::before,
.widget_categories ul li.cat-item-none::before {
	content:"";
}

.widget_categories ul li.cat-item-none {
	padding:15px 30px;
	padding:1.5rem 3rem;
}

.widget_recent_comments ul li::before {
    position:absolute;
    font-family:'dashicons';
    content:"\f101";
	background:none;
	color:#ccc;
	font-size:30px;
	font-size:3rem;
	margin-left:-30px;
	margin-left:-3rem;
	margin-top:-8px;
	margin-top:-0.8rem;
}

.widget_recent_comments ul li {
	padding:15px 30px 15px 57px;
	padding:1.5rem 3rem 1.5rem 5.7rem;
}

.widget_recent_entries ul li,
.widget_rss ul li,
.widget_tagposts ul li,
.widget_tagpages ul li,
.widget_catposts ul li  {
	padding:15px 30px;
	padding:1.5rem 3rem;
}

.post-sitemap-list ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_meta ul li a {
	display:block;
	padding:15px 30px 15px 51px;
	padding:1.5rem 3rem 1.5rem 5.1rem;
  color: var(--red-color2);
}

.post-sitemap-list .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_categories .children {
	border-top:1px dotted #ccc;
}

.post-sitemap-list .children li:last-child,
.widget_nav_menu .sub-menu li:last-child,
.widget_pages .children li:last-child,
.widget_categories .children li:last-child {
	border-bottom:none;
}

.post-sitemap-list .children li::before,
.widget_nav_menu .sub-menu li::before,
.widget_pages .children li::before,
.widget_categories .children li::before {
    position:absolute;
    font-family:'dashicons';
    content:"\f460";
	background:none;
	color:var(--red-color);
	font-size:10px;
	font-size:1rem;
	padding-top:1px;
}

/* Widget Tagged posts,Tagged pages --------------------- */

.widget_tagposts ul li p,
.widget_tagposts ul li div.img_tag_posts_none,
.widget_tagpages ul li p,
.widget_tagpages ul li div.img_tag_posts_none {
	display:none;
}

.widget_tagposts ul li p.ex_tag_link,
.topmain-widget-area .widget_tagposts ul li p,
.widget_tagpages ul li p.ex_tag_link,
.topmain-widget-area .widget_tagpages ul li p {
	display:inline-block;
}

.widget_tagposts .img_tag_posts,
.topmain-widget-area .widget_tagposts ul li .ex_tag_link,
.widget_tagpages .img_tag_posts,
.topmain-widget-area .widget_tagpages ul li .ex_tag_link {
	margin-bottom:10px;
	margin-bottom:1rem;
}

.widget_tagposts ul li p.ex_tag_button,
.widget_tagpages ul li p.ex_tag_button {
	display:none;
}

/* Widget Recent Entries -------------------------------- */

.widget_recent_entries .post-date,
.widget_catposts .post-date {
	display:block;
	width:100%;
	margin-bottom:7px;
	margin-bottom:0.7rem;
}

.widget_recent_entries .post-item-none {
	padding:20px 30px;
	padding:2rem 3rem;
}

/* Widget RSS ------------------------------------------- */

.widget_rss .widget-title {
	vertical-align:middle;
}

.widget_rss .widget-title .rsswidget {
	color:#333;
}

.widget_rss h2.widget-title .rsswidget {
	font-size:22px;
	font-size:2.2rem;
	line-height:1.2;
}

.widget_rss .widget-title .rss-widget-icon-link img {
	display:none;
}

.widget_rss .widget-title .rss-widget-icon-link::after {
    background-color:var(--red-color);
	color:#fff;
	vertical-align:middle;
    font-family:'dashicons';
    content:"\f303";
	font-size:16px;
	font-size:1.6rem;
	margin-left:10px;
	margin-left:1rem;
	padding:1px;
	border-radius:2px;
	border-radius:0.2rem;
}

.widget_rss .widget-title .rss-widget-icon-link {
	vertical-align:middle;
}

@-moz-document url-prefix() {
	.widget_rss .widget-title .rss-widget-icon-link::after {
		padding:2px 2px 0 2px;
		padding:0.2rem 0.2rem 0 0.2rem;
	}
}

@media all and (-ms-high-contrast:none) {

	.widget_rss h2.widget-title .rss-widget-icon-link::after {
		padding-bottom:2px;
		padding-bottom:0.2rem;
	}

	.widget_rss h3.widget-title .rss-widget-icon-link::after {
		padding:1px 2px 4px 0;
		padding:0.1rem 0.2rem 0.4rem 0;
	}

}

.widget_rss .widget-title .rss-widget-icon-link:hover {
	text-decoration:none;
}

.widget_rss .rss-date,
.widget_rss .rssSummary,
cite {
	display:block;
	margin-top:7px;
	margin-top:0.7rem;
}

.widget_rss cite::before {
	content:" - ";
}

/* Dropdown List for Archives, Categories --------------- */

.widget-dropdown {
	display:block;
	overflow:hidden;
	border-radius:4px;
	border-radius:0.4rem;
	padding:0;
	/*margin:20px auto;
	margin:2rem auto;
	width:90%;*/
}

.widget_archive select[name=archive-dropdown],
.widget_categories select.postform {
	display:block;
	overflow:hidden;
	/*background:url("images/widget_cat_drop_down.png") no-repeat right 10% center var(--red-color);*/
	background: var(--red-color);
	color:#fff;
	width:90%;
	margin:2rem auto;
	border:none;
	cursor:pointer;
	padding:6px 5px 6px 10px;
	padding:0.6rem 0.5rem 0.6rem 1rem;
	line-height:1.1;
	border-radius:5px;
}

.widget_archive select[name=archive-dropdown] option,
.widget_categories select.postform option {
	border:none;
	box-shadow:none;
}

@-moz-document url-prefix() {

	.widget_archive select[name=archive-dropdown],
	.widget_categories select.postform, x:-moz-any-link {
		padding:0 5px;
		padding:0 0.5rem;
	}

	.widget_archive select[name=archive-dropdown] option,
	.widget_categories select.postform option {
		padding:3px 10px 3px 10px;
		padding:0.3rem 1rem 0.3rem 1rem;
	}

}

/* Widget Tag Cloud ------------------------------------- */

.tagcloud {
	padding-left:30px !important;
	padding-left:3rem !important;
	padding-right:30px !important;
	padding-right:3rem !important;
	line-height:1.3;
}

.tagcloud a::before {
	vertical-align:middle;
	font-family:'dashicons';
    content:"\f323";
	font-size:21px;
	font-size:2.1rem;
    color:#ccc;
}

.tagcloud a {
	width:100%;
	margin:0 10px 10px 0;
	margin:0 1rem 1rem 0;
	padding:5px 0;
	padding:0.5rem 0;
	vertical-align:middle;
}

/* Widget Text ------------------------------------------ */

.widget_text .textwidget {
	padding:20px;
}

/* Widget Text block ------------------------------------ */

.widget_framedtext {
	background-color:#f5f5f5;
	border:1px solid #ccc;
	padding:12px;
	padding:1.2rem;
	margin:30px;
	margin:3rem;
	border-radius:4px;
	border-radius:0.4rem;
}

.widget_framedtext .widget-title {
	background:none;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	padding:0 0 10px;
	padding:0 0 1rem;
	border:none;
	color:#333;
}

.widget_framedtext .widget-title::after {
	background:none;
}

.widget_framedtext .textwidget {
	padding:0;
	line-height:1.5;
	font-size:13px;
	font-size:1.3rem;
}

/* Widget Search ---------------------------------------- */

#searchform {
	width:90%;
	margin:1rem auto;
}

#searchform::before {
    position:absolute;
	font-family:'dashicons';
    content:"\f179";
    color:var(--red-color);
	font-size:30px;
	font-size:3rem;
	padding-top:4px;
	padding-top:0.4rem;
	padding-left:3px;
	padding-left:0.3rem;
}

#searchform input#s {
	width:100%;
	padding-left:40px;
	padding-left:4rem;
	margin:0 auto;
}

#searchform input#s:focus {
	background-color:#fff;
}

#searchform input#searchsubmit {
	display:none;
}

.entry-content #searchform::before {
	padding-top:0;
	margin-top:-8px;
	margin-top:-0.8rem;
}


/* Footer Copy Area ===================================== */
.footer-copy {
	line-height:1;
	padding:20px 0;
  background-color: #f74e79;
	word-break:break-all;
	text-align:center;
	line-height:1.5;
	font-weight:normal;
	color:#fff;
  font-size: 10px;
}

@media (min-width:426px) {
  .footer-copy {
    font-size: 12px;
  }
}

/* Page Top Button ====================================== */

#pagetop {
    position:fixed;
    display:none;
	right:10px;
	right:1rem;
	bottom:10px;
	bottom:1rem;
	width:50px;
	width:5rem;
	height:50px;
	height:5rem;
    border-radius:25px;
    border-radius:2.5rem;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:9999;
	box-shadow:0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
    font-size:20px;
    font-size:2rem;
	padding-top:15px;
	padding-top:1.5rem;
    text-align:center;
	background-color:var(--red-color);
    color:#fff;
}

#pagetop:hover {
	transition:all 0.3s;
	opacity:0.7;
	text-decoration:none;
}

/* Minimum width of 768 pixels.
 * Width including the scroll bar of the browser.
 */

@media (max-width:785px) {

	/* Responsive Menu for Smart devicies ------------------- */

	#layout {
		padding-left:0;
	}

	#layout.active {
		left:250px;
		left:25rem;
	}

	#layout,
	#page,
	#header-nav-area {
		overflow-x:hidden;
	}

	#header-nav-area {
		position:fixed;
		left:0;
		margin-left:-250px;
		margin-left:-25rem;
		top:0;
		bottom:0;
		width:250px;
		width:25rem;
		overflow-y:auto;
		z-index:100;
	}

	#header-nav-area.active {
		left:250px;
		left:25rem;
	}

	#button-toggle-menu {
		display:block;
	}

	body.logged-in.admin-bar #header-nav-area {
		top:46px;
		top:4.6rem;
	}

	#layout.active .menu-link {
		left:250px;
		left:25rem;
	}

}

@media screen and (min-width:768px) {

	/* Basic structure ====================================== */

	body {
		overflow:visible;
	}

	.component-inner,
	.site-header-area .component-inner {
		margin:0 auto;
		max-width:1200px;
		max-width:120rem;
		padding:0 20px 0;
		padding:0 2rem 0;
	}

	/* Header =============================================== */

	/* Header Layout ---------------------------------------- */

	.site-header-area {
		border-top:none;
	}

	#header-menu-button {
		display:none;
	}

	/* Header Title Area ------------------------------------ */

	.header-title-only {
		border:none;
		text-align:left;
		padding:20px 0;
		padding:2rem 0;
		width:100%;
	}

	.header-title-area {
		border:none;
		float:left;
		text-align:left;
		padding:25px 10px 20px 0;
		padding:2.5rem 1rem 2rem 0;
		width:70%;
	}

	.header-title-only .site-title-img,
	.header-title-only .site-title,
	.header-title-area .site-title-img,
	.header-title-area .site-title {
		margin-right:15px;
		margin-right:1.5rem;
		margin-bottom:5px;
		margin-bottom:0.5rem;
		display:inline-block;
		vertical-align:middle;
	}

	.header-title-only .site-description,
	.header-title-area .site-description {
		padding-top:3px;
		padding-top:0.3rem;
	}

	.header-title-only .site-title-img + .site-description,
	.header-title-area .site-title-img + .site-description {
		display:inline-block;
		padding-top:0;
		vertical-align:middle;
	}

	/* Header Widget Area ----------------------------------- */

	#header-widget-area {
		float:right;
		width:30%;
		text-align:right;
		margin-top:0;
		padding-top:5px;
		padding-top:0.5rem;
	}

	/* Sitemap & Contact Link ------------------------------- */

	.hw_link1,
	.hw_link2 {
		display:block;
		overflow:hidden;
		width:100%;
		margin-top:5px;
		margin-top:0.5rem;
		margin-bottom:8px;
		margin-bottom:0.8rem;
		border:none;
	}

	.hw_link1 a,
	.hw_link2 a {
		display:inline;
		overflow:hidden;
		padding:12px 0 10px 29px;
		padding:1.2rem 0 1rem 2.9rem;
		width:auto;
		float:none;
		border:none;
	}

	.hw_text {
		padding:0;
		border-bottom:none;
	}

	.hw_text_large {
		padding:0;
		margin-bottom:5px;
		margin-bottom:0.5rem;
	}

	/* Header Image Area (Slide) ---------------------------- */

	.header-image-area {
		border:none;
	}

	.header-image-area .component-inner {
		margin:0 auto;
		max-width:1240px;
		max-width:124rem;
		padding:0;
		padding:0 2rem 0;
	}

	/* Navigation Menu -------------------------------------- */

	#layout,
	#header-nav-area,
	#button-toggle-menu {
		transition:none 0 ease 0;
	}

	#header-nav-area {
		box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow:0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
		min-width:100%;
	}

	#site-navigation {
		padding-bottom:0;
	}

	#site-navigation div.menu {
		border-bottom:none;
		padding:0;
	}

	#site-navigation div.menu > ul > li::before {
		position:absolute;
		top:50%;
		left:-2px;
		left:-0.2rem;
		color:#fff;
		content:"\007c";
		font-size:10px;
		font-size:1rem;
		font-weight:normal;
	}

	#site-navigation div.menu > ul > li:last-child::after {
		position:absolute;
		top:50%;
		right:-3px;
		right:-0.3rem;
		color:#fff;
		content:"\007c";
		font-size:10px;
		font-size:1rem;
		font-weight:normal;
	}

	#site-navigation ul li {
		border-top:none;
		width:auto;
		float:left;
		text-align:center;
	}

	#site-navigation ul li a {
		margin:0;
		padding:17px 22px;
		padding:1.7rem 2.2rem;
	}

	#site-navigation ul li ul {
		position:absolute;
		z-index:100;
		top:100%;
		left:0;
		width:190px;
		width:19rem;
		margin:0;
		padding:0;
		box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow:0.1rem 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
	}

	#site-navigation ul li ul li {
		overflow:hidden;
		width:100%;
		height:0;
		transition:0.2s;
	}

	#site-navigation ul li ul li a {
		width:100%;
		text-align:left;
		border-top:1px solid var(--red-color);
		padding:12px;
		padding:1.2rem;
	}

	#site-navigation div.menu > ul > li:hover > a,
	#site-navigation ul li ul li ul li a {
		color:#fff;
		background-color:#0e67a3;
	}

	#site-navigation div.menu > ul > li:hover li:hover > a,
	#site-navigation ul li:hover ul li ul li:hover > a  {
		color:var(--red-color);
		background-color:#b8dcf1;
	}

	#site-navigation div.menu > ul > li:hover > ul > li {
		overflow:visible;
		height:auto;
		background-color:#0e67a3;
	}

	#site-navigation ul li ul li ul {
		top:0;
		left:100%;
	}

	#site-navigation ul li ul li:hover > ul > li {
		overflow:visible;
		height:auto;
	}

	/* Main Contents ======================================== */

	.main-content-area {
		border:none;
		padding-top:25px;
		padding-top:2.5rem;
	}

	/* 3 Columns Basic Layout ------------------------------- */

	body.column-3 .main-content-wrap {
		float:left;
		width:82%;
	}

	body.column-3 .sidebar-right {
		float:right;
		width:18%;
	}

	body.column-3 .main-content-site {
		float:right;
		width:77.5%;
		padding-left:40px;
		padding-left:4rem;
		padding-right:40px;
		padding-right:4rem;
	}

	body.column-3 .sidebar-left {
		float:left;
		width:22.5%;
	}

	/* 2 Columns Left-Sidebar Basic Layout ------------------ */

	body.column-2l .main-content-wrap {
		width:100%;
	}

	body.column-2l .main-content-site {
		float:right;
		width:82%;
		padding-left:40px;
		padding-left:4rem;
	}

	body.column-2l .sidebar-left {
		float:left;
		width:18%;
	}

	/* 2 Columns Right-Sidebar Basic Layout ----------------- */

	body.column-2r .main-content-wrap {
		float:left;
		width:82%;
	}

	body.column-2r .main-content-site {
		width:100%;
		padding-right:40px;
		padding-right:4rem;
	}

	body.column-2r .sidebar-right {
		float:right;
		width:18%;
	}

	/* 1 Column Basic Layout -------------------------------- */

	body.full-width .main-content-wrap,
	body.full-width .main-content-site {
		width:100%;
	}

	/* Main Contents Basic Settings ------------------------- */

	.main-content-site {
		border-top:none;
	}

	.main-content-site > * {
		padding-left:0;
		padding-right:0;
	}

	/* Welcome Message Area --------------------------------- */

	.topmain-welcome-area {
		padding:20px;
		padding:2rem;
		margin-bottom:35px;
		margin-bottom:3.5rem;
	}

	/* Breadcrumb ------------------------------------------- */

	.main-breadcrumb {
		display:block;
		font-size:13px;
		font-size:1.3rem;
		line-height:1.5;
		margin-bottom:20px;
		margin-bottom:2rem;
		word-wrap:break-word;
	}

	/* Main Content Header ---------------------------------- */

	.main-content-header {
		padding:0;
	}

	/* Main Content Entry Detail ---------------------------- */

	.entry-content {
		padding:0;
	}

	/* Main Content Pager Settings -------------------------- */

	.nav-previous a {
		border-right:none;
	}

	.nav-previous a {
		padding-left:50px;
		padding-left:5rem;
	}

	.nav-next a {
		padding-right:50px;
		padding-right:5rem;
	}

	/* Main Content Comments Area --------------------------- */

	.comments-area {
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		padding-top:20px;
		padding-top:2rem;
	}

	.comments-title,
	.comment-reply-title {
		margin:0 0 20px;
		margin:0 0 2rem;
		padding:5px 0 0 15px;
		padding:0.5rem 0 0 1.5rem;
		border-bottom:none;
		border-top:none;
	}

	ol.commentlist {
		padding:0 0 10px;
		padding:0 0 1rem;
	}

	.comment .children {
		margin-left:60px;
		margin-left:6rem;
	}

	.comment-respond {
		padding:20px 0;
		padding:2rem 0;
	}

	.comment-form {
		padding:0;
	}

	.nocomments {
		padding:20px 0;
		padding:2rem 0;
	}

	/* Main Content Archive Page Settings ------------------- */

	.article-group {
		border-bottom:1px dotted #ccc;
		margin-bottom:30px;
		margin-bottom:3rem;
    padding-bottom: 40px;
	}

	.archive-post {
		padding:15px 0;
		padding:1.5rem 0;
	}

	.archive-post img {
		margin:0;
	}

	.archive-post > .entry-image {
		float:right;
		width:29%;
		padding:2px 3px 3px 2px;
		padding:0.2rem 0.3rem 0.3rem 0.2rem;
	}

	.archive-post > .entry-image + .entry-summary {
		float:left;
		width:71%;
		padding-right:20px;
		padding-right:2rem;
	}

	/* Widget Area Settings ================================= */

	/* Widget Area Total Settings --------------------------- */

	.footer-widget-area .component-inner {
		display: flex;
    justify-content: space-between;
    align-items: flex-start;
	}

	.footer-widget-area .widget-area {
		width: 30%;
	}

	.widget {
		border:none;
		padding-top:0;
		margin-bottom:20px;
		margin-bottom:2rem;
	}

	.widget > * {
		padding:0;
	}

	.widget-title {
		padding:0 0 15px;
		padding:0 0 1.5rem;
		margin-bottom:0;
		border:none;
	}

	.post-sitemap-list .widget-title,
	.sidebar-left .widget-title,
	.sidebar-right .widget-title {
		margin:0 0 15px;
		margin:0 0 1.5rem;
		padding:3px 0 0 15px;
    padding: .8em 1.4em;
	}

	.post-sitemap-list .widget-title {
		border-top:none;
		border-bottom:none;
	}

	.post-sitemap-list {
		border-bottom:none;
	}

	.post-sitemap-list .widget-title {
		margin-top:30px;
		margin-top:3rem;
	}

	.topmain-widget-area section:last-child,
	.sidebar-left aside:last-child,
	.sidebar-right aside:last-child {
		margin-bottom:0;
	}

	/* Widget Displayed in List Format ---------------------- */

	.post-sitemap-list ul li,
	.widget_archive ul li,
	.widget_categories ul li,
	.widget_nav_menu ul li,
	.widget_pages ul li,
	.widget_meta ul li {
		border-right:none;
		width:100%;
		padding:15px 0;
		padding:1.5rem 0;
	}

	.widget_categories ul li.cat-item-none {
		padding:15px 3px;
		padding:1.5rem 0.3rem;
	}

	.post-sitemap-list ul,
	.widget_archive ul,
	.widget_categories ul,
	.widget_nav_menu ul,
	.widget_pages ul,
	.widget_meta ul,
	.widget_recent_entries ul,
	.widget_rss ul,
	.widget_recent_comments ul,
	.widget_tagposts ul,
	.widget_tagpages ul,
	.widget_catposts ul{
		border-top:1px dotted #ccc;
	}

	.post-sitemap-list ul li:last-child,
	.widget_archive ul li:last-child,
	.widget_categories ul li:last-child,
	.widget_nav_menu ul li:last-child,
	.widget_pages ul li:last-child,
	.widget_meta ul li:last-child,
	.widget_recent_entries ul li:last-child,
	.widget_rss ul li:last-child,
	.widget_recent_comments ul li:last-child,
	.widget_tagposts ul li:last-child,
	.widget_tagpages ul li:last-child,
	.widget_catposts ul li:last-child {
		border-bottom:1px dotted #ccc;
	}

	.widget_recent_comments ul li::before {
		margin-left:-33px;
		margin-left:-3.3rem;
	}

	.widget_recent_comments ul li {
		padding-right:0;
		padding-left:30px;
		padding-left:3rem;
	}

	.post-sitemap-list ul li a,
	.widget_archive ul li a,
	.widget_categories ul li a,
	.widget_nav_menu ul li a,
	.widget_pages ul li a,
	.widget_meta ul li a {
		display:inline;
		padding:0 0 0 25px;
		padding:0 0 0 2.5rem;
	}

	.post-sitemap-list ul li::before,
	.widget_archive ul li::before,
	.widget_categories ul li::before,
	.widget_nav_menu ul li::before,
	.widget_pages ul li::before,
	.widget_meta ul li::before {
		margin-left:0;
		margin-top:3px;
		margin-top:0.3rem;
	}

	.hw_link1 a::before,
	.hw_link2 a::before {
		top:11px;
		top:1.1rem;
		margin-left:-18px;
		margin-left:-1.8rem;
		padding-top:0;
	}

	.post-sitemap-list .children,
	.widget_nav_menu .sub-menu,
	.widget_pages .children,
	.widget_categories .children {
		margin-top:15px;
		margin-top:1.5rem;
	}

	.post-sitemap-list .children li:last-child,
	.widget_nav_menu .sub-menu li:last-child,
	.widget_pages .children li:last-child,
	.widget_categories .children li:last-child {
		padding-bottom:0;
	}

	/* Dropdown List for Archives, Categories --------------- */

	.widget_archive select[name=archive-dropdown],
	.widget_categories select.postform {
		/*background-position:right 14% center;*/
		margin:0 auto;
		width:100%;
		/*width:112%;*/
	}

	/* Widget Tag Cloud ------------------------------------- */

	.tagcloud {
		padding-left:0 !important;
		padding-right:0 !important;
	}

	/* Widget Text ------------------------------------------ */

	.widget_text .textwidget {
		padding:0 0 5px;
		padding:0 0 0.5rem;
	}

	/* Widget Text block ------------------------------------ */

	.widget_framedtext {
		border:1px solid #ccc;
		padding:12px;
		padding:1.2rem;
		margin-top:0;
		margin-left:0;
		margin-right:0;
	}

	.widget_framedtext .widget-title {
		background:none;
		padding:0;
		margin-bottom:10px;
		margin-bottom:1rem;
	}

	.widget_recent_entries ul li,
	.widget_rss ul li,
	.widget_catposts ul li,
	.widget_tagposts ul li,
	.widget_tagpages ul li {
		padding-right:0;
		padding-left:0;
	}

	/* Widget Recent Entries -------------------------------- */

	.widget_recent_entries .post-item-none {
		padding:0;
	}

	/* Widget Search ---------------------------------------- */

	#searchform {
		width:100%;
	}

	/* Widget Calendar -------------------------------------- */

	.calendar_wrap {
		max-width:98%;
		margin:0 4px 4px 2px;
		margin:0 0.4rem 0.4rem 0.2rem;
	}

	/* This CSS apply only to a specific Widget Area -------- */

	.main-content-site .post-sitemap-list ul,
	.topmain-widget-area .widget_archive ul,
	.topmain-widget-area .widget_categories ul,
	.topmain-widget-area .widget_nav_menu ul,
	.topmain-widget-area .widget_pages ul,
	.topmain-widget-area .widget_meta ul,
	.topmain-widget-area .widget_recent_comments ul,
	.footer-widget-area .widget_archive ul,
	.footer-widget-area .widget_categories ul,
	.footer-widget-area .widget_nav_menu ul,
	.footer-widget-area .widget_pages ul,
	.footer-widget-area .widget_meta ul {
		border:none;
	}

	.main-content-site .post-sitemap-list ul li,
	.topmain-widget-area .widget_archive ul li,
	.topmain-widget-area .widget_categories ul li,
	.topmain-widget-area .widget_nav_menu ul li,
	.topmain-widget-area .widget_pages ul li,
	.topmain-widget-area .widget_meta ul li,
	.footer-widget-area .widget_archive ul li,
	.footer-widget-area .widget_categories ul li,
	.footer-widget-area .widget_nav_menu ul li,
	.footer-widget-area .widget_pages ul li,
	.footer-widget-area .widget_meta ul li {
		padding:0 0 8px 0;
		padding:0 0 0.8rem 0;
		border:none;
	}


	.topmain-widget-area .widget_recent_comments ul li {
		padding:0 0 15px 30px;
		padding:0 0 1.5rem 3rem;
		border:none;
	}

	.main-content-site .post-sitemap-list .children,
	.topmain-widget-area .widget_nav_menu .sub-menu,
	.topmain-widget-area .widget_pages .children,
	.topmain-widget-area .widget_categories .children,
	.footer-widget-area .widget_nav_menu .sub-menu,
	.footer-widget-area .widget_pages .children,
	.footer-widget-area .widget_categories .children {
		margin-left:20px;
		margin-left:2rem;
		margin-top:8px;
		margin-top:0.8rem;
	}

}

/* Minimum width of 1218 pixels.
 * Width including the scroll bar of the browser.
 */

@media screen and (min-width:1218px) {
}


/* 追加CSS分　プラスカレンダー */

h2 {
  background-color:#ffeded;
}

/*
.meta-postdate
{
  display: none !important;
}
*/

/* common setting */
body.custom-background{
background-size: contain;
background-attachment: unset;
border-top: 6px solid var(--red-color);
padding-top: 60px;
background-image: url(http://npoatto.com/wp-content/uploads/2022/04/img_home_bg.png);
background-repeat: no-repeat;
}

@media screen and (min-width: 920px){
  body.custom-background{
    border-top: 10px solid var(--red-color);
  }
}

a:hover{
text-decoration: none;
color: var(--red-color);
}


body.column-3 .main-content-wrap{
  width: 80%;
}
body.column-3 .main-content-site{
  margin: 0 0 0 30px;
  padding: 0 30px;
  width: 72%;
  border-left: 6px solid #FDF5F7;
}

body.column-3 .sidebar-right{
  border-left: 6px solid #FDF5F7;
  padding-left: 30px;
  width: 20%;
}




/* titles-accent */

.front-widget-items__center .widget-title,
.main-content-header .main-content-title{
border-top: dotted 3px #ee527a;
border-bottom: dotted 3px #ee527a;
padding: 1.4rem 0 1rem  50px;
}
.topmain-widget-area .widget-title,
.main-content-header .main-content-title{
border-top: dotted 3px #ee527a;
border-bottom: dotted 3px #ee527a;
padding: 1.4rem 0 1rem  50px;
}

.main-content-header .main-content-title{
  background:url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_stamp_clover.png) no-repeat left;
  background-size: 30px;
  background-position: 8px;
}

.main-content-header .main-content-title:before{
background: none;
}

.sidebar-left .widget-title, .sidebar-right .widget-title{
border: 0;
background: url(http://npoatto.com/wp-content/uploads/2022/04/img_bg_title_sub.jpg) ;
background-repeat:no-repeat; 
background-position: center;
background-size: cover;
padding: .8em 1.4em;
text-align:center;
}

.sidebar-left .widget-title::after,
.topmain-widget-area .widget-title::after{
border: 0;
content:"";
height: 0;
}

.sidebar-right .textwidget{
padding-left: 50px;	background:url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_stamp_heart.png) no-repeat top left/24%;
}

.sidebar-right .textwidget p a{
background-color: #FFECF1;
background:url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_arrow_s.png) #FFECF1 no-repeat center right 10px/14%;
display: inline-block;
width: 100%;
padding: .2em 0 .2em 1.4em;
}

.sidebar-right .textwidget.custom-html-widget{
padding-left: 0;
background: none;
}


@media screen and (max-width: 767px){
.sidebar-right{
  padding: 0 3%;
}
.sidebar-right .textwidget{
padding-left: 30%;
}

#custom_html-5 .custom-html-widget{
  padding-right: 0;
}

#custom_html-5 .custom-html-widget div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#custom_html-5 .custom-html-widget div div.dfad{
  width: 44%;
}
}
@media screen and (min-width: 768px){
body.column-2r .main-content-wrap 	{
  width: 72%;
}
body.column-2r .sidebar-right{
  width: 22%;
  padding-left: 2em;
  border-left: solid 6px #FDF5F7;
}
}

.entry-content h2{
padding: .3em 1em;
color: #F74E79;
background-color: #ffeded;
font-weight: 700;
}
.entry-content a{
color: var(--red-color2);
}

/* event-board */
.eo-event-board .eo-event-board-items {
  width: 100% !important;
}
.eo-event-board .eo-event-board-items .eo-eb-event-box {
  width: 100%;
  margin: 16px 0 0 0;
  border-radius: 8px;
}
.eo-event-board .eo-event-board-items .eo-eb-event-box .eo-eb-date-month {
  border-radius: 8px 8px 0 0;
}
.eo-event-board .eo-event-board-items .eo-eb-event-box .eo-eb-date-day {
  font-size: 24px;
  font-weight: bold;
}
.eo-event-board .eo-event-board-items .eo-eb-event-box .eo-eb-date-week {
  font-size: 12px;
  font-weight: bold;
  border-radius: 0 0 8px 8px;
  padding-bottom: 4px;
}
.eo-event-board .eo-event-board-items .eo-eb-event-box .eo-eb-event-title a {
  font-size: 16px;
  line-height: 1.6;
}
.eo-event-board .eo-event-board-more {
  display: none;
}

/* pages css */
.pages-main {
  margin-top: 40px;
}
@media screen and ( min-width: 920px ) {
  .pages-main {
    margin-top: 80px;
  }
}

.pages-post {
  display: flex;
  flex-direction: column;
}

.pages-post .pages-main-area {
  width: 100%;
  margin-bottom: 60px;
}

@media screen and ( min-width: 768px ) {
  .pages-post {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px 0;
    max-width: 1200px;
    margin: 0 auto;
  }
  .pages-post .pages-main-area {
    width: calc(78% - 6px);
    padding-right: 12px;
  }
  .pages-post .sidebar-right {
    width: 22%;
    padding-left: 12px;
    border-left: 6px solid #FDF5F7;
    max-width: 255px;
    min-width: 212px;
  }
}

@media screen and ( min-width: 920px ) {
  .pages-post .pages-main-area {
    padding-right: 28px;
  }
  .pages-post .sidebar-right {
    width: 22%;
    padding-left: 28px;
    min-width: 228px;
  }
}

.sidebar-right .textwidget {
  max-width: 560px;
}
.sidebar-right .sidebar-right-link {
  max-width: 200px;
  color: var(--red-color2);
}

@media screen and ( max-width: 767px ) {
  .sidebar-right .sidebar-right-ads div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .sidebar-right .sidebar-right-ads div.dfad{
    display: block;
    margin: 0 auto;
  }
}

.main-content-header .main-content-title{
border-top: dotted 2px #ee527a;
border-bottom: dotted 2px #ee527a;
padding: 12px 0 12px 50px;
margin-bottom: 24px;
}

/* 親子deお出掛け */
.bl_oyakoodekake img {
  width: 100%;
}

.bl_oyakoodekake ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bl_oyakoodekake ul li{
width: 46%;
padding:16px 40px 16px 0;
margin: 0 0 80px 0;
list-style: none;
background-color:#FFFBFA;
background: url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_02.jpg) #FFFBFA no-repeat left 20px top 16px /24%;
}

.bl_oyakoodekake ul li:first-of-type{
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_01.jpg);
}

.bl_oyakoodekake ul li:nth-of-type(2){
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_02.jpg);
}

.bl_oyakoodekake ul li:nth-of-type(3){
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_03.jpg);
}

.bl_oyakoodekake ul li:nth-of-type(4){
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_04.jpg);
}

.bl_oyakoodekake ul li:nth-of-type(5){
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_05.jpg);
}
.bl_oyakoodekake ul li:nth-of-type(6){
background-image:url(http://npoatto.com/wp-content/uploads/2022/04/img_odekake_woman_06.jpg);
}

.bl_oyakoodekake ul li .bl_oyakoodekake_box_text{
padding-left: 40%;
}
.bl_oyakoodekake ul li .bl_oyakoodekake_box_text h2{
background: none;
margin-bottom: 0;
color: #F74E79;
}

.bl_oyakoodekake li a.el_btn_arrow{
display: inline-block;
width: 100%;
margin: 16px 20px 0 20px;
border:solid 3px #F5F5F5;
padding: .8em 1.6em;
color: #333;
font-size: 1.8rem;
font-weight: bold;
background: url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_arrow_s.png) #fff no-repeat top 50% right 20px / 8%;
}

.bl_oyakoodekake li a.el_btn_arrow:hover{
color:#F74E79;
opacity: .8;
}

@media screen and (max-width: 590px){
.bl_oyakoodekake ul{
  flex-direction: column;
}

.bl_oyakoodekake ul li{
  width: 100%;
}
}

@media screen and (min-width: 768px){
  .bl_oyakoodekake ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .bl_oyakoodekake ul li{
    width: 46%;
    padding:16px 0px 16px 0;
  }
}
@media screen and (min-width: 920px){
  .bl_oyakoodekake ul{
    justify-content: space-between;
  }
  .bl_oyakoodekake ul li{
    width: 46%;
    padding:16px 40px 16px 0;
  }
}

/* 子育てカレンダー */

.pages-post .fc-basic-view tbody .fc-week {
  height: 110px;
  overflow-y: hidden;
}
.pages-post .fc-day-grid-event {
  border-radius: 6px;
}
.pages-post .fc-event-container .fc-content {
  overflow: hidden;
}
.pages-post .fc-event-container .fc-content .fc-time {
  display: none;
}
.pages-post .fc-event-container .fc-content .fc-title {
  white-space: nowrap;
}

/* single-event css */
.page-event {
  margin-top: 40px;
}
@media screen and ( min-width: 920px ) {
  .page-event {
    margin-top: 80px;
  }
}

.page-event-contents .pages-main-area {
  width: 100%;
  margin-bottom: 60px;
}

@media screen and ( min-width: 768px ) {
  .page-event-contents {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px 0;
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-event-contents .pages-main-area {
    width: 78%;
    padding-right: 12px;
  }
  .page-event-contents .sidebar-right {
    width: 22%;
    padding-left: 12px;
    border-left: 6px solid #FDF5F7;
    max-width: 255px;
    min-width: 212px;
  }
}

@media screen and ( min-width: 920px ) {
  .page-event-contents .pages-main-area {
    padding-right: 28px;
  }
  .page-event-contents .sidebar-right {
    width: 22%;
    padding-left: 28px;
    min-width: 228px;
  }
}

.page-event-contents h2 {
  border-top: dotted 3px #ee527a;
  border-bottom: dotted 3px #ee527a;
  padding: 1.2rem 0 1.2rem 50px;
  margin-bottom: 24px;
}

.page-event-contents a {
  color: var(--red-color2);
}

.page-event-contents .page-event-link {
  margin-top: 60px;
  display: block;
}

.page-event-contents .page-event-link .page-event-link__txt {
  color: var(--red-color2);
  transition: .2s;
}

.page-event-contents .page-event-link::after {
  content: url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_arrow_s.png);
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.48);
}

.page-event-contents .page-event-link:hover .page-event-link__txt {
  text-align: right;
  padding-right: 8px;
  transition: .3s;
}

.page-event-contents h2.clover{
  background: url(http://npoatto.com/wp-content/uploads/2022/04/img_icon_stamp_clover.png) no-repeat left/4% ;
  font-size: 24px;
  margin-top: 24px;
}

.page-event-contents li {
  list-style:none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-event-contents .eo-event-meta div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-event-contents .eo-event-meta h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.page-event .event-meta-none {
  display: none;
}

@media (min-width: 600px) {
  .single-event .eo-event-meta {
      width: 56% !important;
  }
}
@media (min-width: 660px) {
  .single-event .eo-event-meta {
      width: 56% !important;
  }
}

.page-event-contents .entry-content h2 {
  border: none;
  padding: 0.3em 1em;
}

.page-event-contents table {
  border: none;
  margin-left: 0;
}
.page-event-contents th {
  border: none;
  text-align: right;
  padding: 0;
  background: none;
  width: 108px;
}
.page-event-contents td {
  border: none;
  text-align: right;
  padding: 0 0 0 8px;
}
.page-event-contents td a[rel*="tag"] {
  color: var(--white-color);
}
.eventorganiser-event-meta td ul {
  margin-left: 0;
}
.eventorganiser-event-meta td ul li{
  display: block;
  margin: 0;
}
.eo-event-border-bottom {
  border-color: var(--red-color4);
}

/* corporate-devel */
.entry-content .img-txt-display {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
  gap: 8px;
}
.entry-content .img-display {
  display: flex;
}
.entry-content .img-display a:first-child {
  margin-right: 8px;
}

@media screen and ( min-width: 375px ) {
  .entry-content .img-txt-display {
    grid-template-columns: 150px 1fr;
    place-items: center start;
    gap: 24px;
  }
  .entry-content .img-display {
    justify-content: flex-start;
  }
  .entry-content .img-display a:first-child {
    margin-right: 24px;
  }
}


/* single */
.pages-main-single .entry-meta .post-categories {
  height: 28px;
}

.pages-main-single .entry-meta .post-categories a {
  border: 2px solid var(--red-color4);
  transition: .2s;
}

.pages-main-single .entry-meta .post-categories a:hover {
  color: var(--red-color);
  background-color: transparent;
  border: 2px solid var(--red-color);
}

/* archive */
.article-group-archive {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 20px 3% 0;
  border-bottom:none;
}

@media screen and ( min-width: 576px ) {
  .article-group-archive {
    gap: 32px;
  }
}

@media screen and ( min-width: 768px ) {
  .article-group-archive {
    padding: 0;
  }
}

@media screen and ( min-width: 992px ) {
  .article-group-archive {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
  }
}

.article-group-archive .post-links {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 1;
}

.article-group-archive .post-links .post-link {
  display: block;
  border-radius: 16px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  padding: 8px 8px 12px;
}

.article-group-archive .post-links .post-link .post-link-content__img {
  border-radius: 8px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.article-group-archive .post-links .post-link .post-link-content__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s;
  border-radius: 8px;
}

.article-group-archive .post-links .post-link:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}

.article-group-archive .post-links .post-link:hover img {
  transform: scale(1.1);
  transition: 0.4s;
}

.article-group-archive .post-links .post-link .post-link-content__item {
  padding: 8px;
}

.article-group-archive .post-links .post-link .post-link-content__item .post-link-content__item-postdate {
  padding: 8px 4px;
  margin-bottom: 12px;
  border-bottom: 2px dotted var(--red-color);
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

/* pagenation */
.main .blog-pagination {
  width: 100%;
  height: 56px;
  margin: 60px auto 0 auto;
  max-width: 330px;
}
@media screen and ( min-width: 576px ) {
  .main .blog-pagination {
    max-width: 400px;
  }
}
@media screen and ( min-width: 768px ) {
  .main .blog-pagination {
    max-width: 350px;
  }
}
@media screen and ( min-width: 920px ) {
  .main .blog-pagination {
    max-width: 400px;
  }
}
.main .blog-pagination .pagination {
  height: 100%;
}
.main .blog-pagination .pagination h2 {
  display: none;
}
.main .blog-pagination .pagination .nav-links {
  width: 100%;
  height: 100%;
}
.main .blog-pagination .pagination .nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .blog-pagination .pagination .nav-links .page-numbers li {
  width: 10%;
}
.main .blog-pagination .pagination .nav-links .page-numbers li:not(:last-child) {
  margin-right: 8px;
}
.main .blog-pagination .pagination .nav-links .page-numbers li a {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--red-color);
  text-align: center;
  line-height: 1;
  padding: 12px 0;
  transition: 0.2s;
}
.main .blog-pagination .pagination .nav-links .page-numbers li a:hover {
  color: var(--red-color4);
  transition: 0.3s;
}
.main .blog-pagination .pagination .nav-links .page-numbers li a:hover .sr-only .cls-2 {
  fill: var(--red-color4);
  transition: 0.2s;
}
.main .blog-pagination .pagination .nav-links .page-numbers li .dots {
  font-weight: 700;
}
.main .blog-pagination .pagination .nav-links .page-numbers li .sr-only .cls-2 {
  height: auto;
  fill: var(--red-color);
  transition: 0.2s;
}
.main .blog-pagination .pagination .nav-links .page-numbers li .sr-only {
  display: grid;
  justify-items: center;
  align-items: center;
  height: 16px;
  fill: var(--red-color);
  transition: 0.2s;
}
.main .blog-pagination .pagination .nav-links .page-numbers li .sr-only svg{
  width: 24px;
  height: auto;
}
.main .blog-pagination .pagination .nav-links .page-numbers li .current {
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--white-color);
  background: var(--red-color2);
  max-width: 40px;
  aspect-ratio: 1/1;
  border-radius: 20px;
  text-align: center;
  line-height: 1;
}

/* event-pagenation */
.eo-events-nav {
	display:block;
	width:100%;
	overflow:hidden;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.eo-events-nav .nav-previous a,
.eo-events-nav .nav-next a {
	display:block;
	width:100%;
	float:left;
	overflow:hidden;
  color: var(--red-color2);
  border: none;
}

.eo-events-nav .meta-nav {
  display: none;
}

.nav-previous a::before {
	position:absolute;
  content:"";
  background-image: url(http://npoatto.com/wp-content/themes/attohome/assets/img/arrow-left.png);
	width: 28px;
  height: 28px;
	margin-left:-40px;
	margin-left:-4rem;
}

.nav-previous a {
	border-right:1px dotted #ccc;
	line-height:2.2;
	padding:12px 20px 12px 70px;
	padding:1.2rem 2rem 1.2rem 7rem;
}

.nav-next {
	text-align:right;
}

.nav-next a::after {
	position:absolute;
  content:"";
	background-image: url(http://npoatto.com/wp-content/themes/attohome/assets/img/arrow-right.png);
	width: 28px;
  height: 28px;
	margin-left:10px;
	margin-left:1rem;
}

.nav-next a {
	line-height:2.2;
	padding:12px 70px 12px 20px;
	padding:1.2rem 7rem 1.2rem 2rem;
}

.eo-event-meta a[rel*="tag"] {
  color: var(--white-color);
}

/* to-top */
.to-top {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  height: 40px;
  width: 40px;
  border-radius: 25px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: .3s;
}
.to-top .to-top-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.to-top:hover img{
  opacity: 0.7;
  transition: .3s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@media screen and ( min-width: 576px ) {
  .to-top {
    height: 50px;
    width: 50px;
  }
}