/*
Theme Name: Satrah
Description: Cleanest and Fastest Theme Ever. Best Suitable for News Blogs, Personal Blogs, Entertainment Blogs, PBNs or any blog which needs 99/100 PageSpeed score on Google Speed Tests. This theme integrates very well with W3TC Cache Plugin and WP Rocket Plugin. Use this theme to build your next amazing mobile-friendly & SEO Optimized WordPress blog.
Author: CodeToRank
Author URI: https://codetorank.com/
Theme URI: https://codetorank.com/satrah/
Version: 30.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, custom-header, custom-background, threaded-comments, translation-ready, custom-menu, flexible-header, featured-images, footer-widgets, right-sidebar, full-width-template, blog, news, entertainment	
Text Domain: satrah

Satrah WordPress Theme, Copyright 2018 CodetoRank.com
Satrah is distributed under the terms of the GNU GPL
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	
	z-index: 99999;
}

.main-navigation ul ul ul {
	display: none;
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}
.byline {
	display: inline-block;
	margin-left: 2px;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

#primary-mono #main { overflow: visible; }

[class*=" icon-"], [class^=icon-] {
font-family: "FontAwesome";
}

.entry-meta ul{ list-style: none; padding:0; margin:0;}

.dateList {
    list-style: none;
    margin-bottom: 5px
}

.icon-clock:before {
    content: "\f017";
}
.icon-eye:before {
    content: "\f06e";
}
.icon-bubbles:before {
    content: "\f27a";
}
.icon-folder:before {
    content: "\f07b";
}
.icon-tag:before {
    content: "\f02c";
}

.icon-user:before {
    content: "\f007";
}

.dateList__item {
    display: inline-block;
    text-align: left;
    color: rgba(0,0,0,0.5);
    font-size: 1.2rem;
    margin-right: 5px;
    line-height: 1.5
}

.dateList-main {
    margin-bottom: 10px
}

.dateList__item::before {
    margin-right: 2.5px;
    line-height: 1
}

.dateList__item a:hover {
    color: #a83f3f;
    transition: .15s
}

.widget ul li {
    position: relative;
}

.author-box {
    border: rgba(0,0,0,0.10) 1px solid;
	margin-bottom: 10px;
	    text-align: center;
    padding: 20px;
}

.author-box .author-thumb {
    float: none;
    margin: 9px auto 0;
}
.author-box .author-thumb img{
    border-radius: 50%;
}
.author-box .author-name {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.4em;
}

.sns-follow-buttons  a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background: #191919;
	border-radius: 50%;
	margin: 0 5px;
	transition: .15s;
	margin-top: 10px;
}

.year-item .down,.year-item .right{top:0;right:0;position:absolute;cursor:pointer;width:16px;height:32px;opacity:.6;-moz-opacity:.6;    display: inline-block;}

.year-item .down::after{
    content: "";
    position: absolute;
    right: 16px;
    border-top: 1px solid #5ba3b1;
    border-right: 1px solid #5ba3b1;
    width: 8px;
    height: 8px;
    top: 50%;
    transform: rotate(135deg);
    margin-top: -4px;

}

.year-item  .down.active::after {
    transform: rotate(-45deg);
    margin-top: 0;
}
.calendar_wrap {
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.box-category ul li ul li+li,.box-category>ul>li+li{border-top:1px dotted #ccc;}
.box-category ul{list-style:none;margin-bottom:20px;margin-top:-5px;}
.box-category>ul>li{display:block;position:relative;}
.box-category .down,.box-category .right{top:0;right:0;position:absolute;cursor:pointer;width:16px;height:32px;opacity:.6;-moz-opacity:.6;    display: inline-block;}
.box-category .down::after{
    content: "";
    position: absolute;
    right: 16px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: rotate(135deg);
    margin-top: -4px;

}
.box-category .down.active::after {
    transform: rotate(-45deg);
    margin-top: 0;
}
.box-category .right::after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
    margin-top: -4px;
}
.box-category .down:hover{opacity:1;-moz-opacity:1;}
.box-category ul li a{padding:15px 0 15px 5px;color:#222;display:block;}
.box-category ul li a:hover{background:#f9f9f9;}
.box-category ul li{position:relative;}
.box-category>ul>li>a{color:#333;text-transform:uppercase;}
.box-category>ul>li ul{display:none;padding-left:7px;margin-bottom:5px;}
.box-category a:hover{color:#f15a23;}
.box-category>ul>li ul li a{margin-right:16px;}
.box-category>ul>li ul>li>a{text-decoration:none;}



.widget ol{margin:0;padding:0;}

.eyecatch{position:relative;width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.eyecatch:before{content:"";display:block;padding-top:56.25%;}
.eyecatch__link{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:auto;}
.eyecatch__link::after{font-family:"Fjalla One","Lato","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";font-weight:normal;}
.eyecatch .eyecatch__link img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover;';vertical-align:bottom;transition:.3s;}
.eyecatch__link:hover img{transform:scale(1.2);}
.eyecatch__cat{position:absolute;top:0;right:0;z-index:10;background:#333;max-width:calc(100% - 3rem);}
.eyecatch__cat a{display:block;padding:7.5px 10px;color:#fff;font-size:1rem;transition:.15s;line-height:1.35;}
.eyecatch__cat a:hover{background:rgba(255,255,255,0.25);}
.heading{display:block;margin-bottom:20px;line-height:1.5;font-weight:700;}
.heading a{transition:.15s;display:inline-block;max-width:100%;}
.heading a:hover{color:#333;}
.heading-tertiary a{color:#000;}
.heading-tertiary{font-size:1.3rem;margin-bottom:10px;}
.dateList{list-style:none;margin-bottom:5px;}
.dateList__item{display:inline-block;text-align:left;color:rgba(0,0,0,0.5);font-size:1.2rem;margin-right:5px;line-height:1.5;}
.dateList__item::before{margin-right:2.5px;line-height:1;}
.widget img{max-width:100%;height:auto;}
.widget ul{list-style-type:none;}
.widget ul li{position:relative;}
.widgetArchive{list-style-type:none;}
.widgetArchive__item{position:relative;padding-bottom:20px;}
.widgetArchive__item:last-child{padding-bottom:0;}
.widgetArchive__item.widgetArchive__item-normal{display:flex;align-items:flex-start;}
.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents{width:100%;margin-left:15px;}
.widgetArchive.widgetArchive-rank{counter-reset:number;}


#secondary .widget ul#cat_accordion li {
    list-style: none;
    border-bottom: solid 1px #eee;
    padding: 0;
}
.box-category .right{
	top: 7px!important;
}

.widget .catname {
    background: #5ba3b1;
    color: #ffffff;
	font-size: 10px;
    margin: 0 0 5px;
    padding: 5px;
}


.heading{font-weight:700;line-height:var(--fit-line_height-sub);}
.heading.heading-is-secondary{font-size:var(--fit-heading-secondary);}
.heading.heading-is-tertiary{font-size:var(--fit-heading-tertiary);}
.heading.heading-is-quaternary{font-size:15px!important;}
.heading.heading-is-quinary{font-size:var(--fit-heading-quinary);}
.phrase{display:block;line-height:var(--fit-line_height-main);}
.phrase.phrase-is-secondary{font-size:var(--fit-phrase-secondary);}
.phrase.phrase-is-tertiary{font-size:var(--fit-phrase-tertiary);}
.eyecatch{position:relative;width:100%;height:auto;overflow:hidden;}
.eyecatch__cat{position:absolute;top:0;right:0;z-index:10;background:#5ba3b1;max-width:calc(100% - 28px);}
.eyecatch__cat:hover{animation:flash 1s;}
.eyecatch__cat a{display:flex;align-items:center;justify-content:center;padding:0 10px;color:#fff;font-size:13px;min-height:20px;white-space:nowrap;}
.eyecatch__cat a::before{margin-right:5px;}
.eyecatch__link{display:block;width:100%;height:100%;}
.eyecatch__link::after{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;content:"";transition:.3s;text-align:center;}
.eyecatch__link img{width:100%;height:100%;object-fit:cover;transition:var(--fit-transition-time_s);}

.related  .archive{display:flex;flex-wrap:wrap;}
.archive__item{position:relative;width:100%;}
.archive__item :last-child{margin-bottom:0;}
.related .archive .heading-is-custom{font-size:var(--fit-heading-primary);}
.related .archive :is(.archive__item-is-half,.archive__item-is-2,.archive__item-is-3,.archive__item-is-slide) .heading-is-custom{font-size:var(--fit-heading-tertiary);}
.related .archive .heading-is-custom a{ font-weight: normal; font-size: 12px;}
.related .archive .heading-is-custom a:hover{opacity:.5;}
.archive__inner *+.heading-is-custom{margin-top:5px;}
.archive__inner *+.phrase-is-tertiary{margin-top:5px;}
.archive__inner *+.avatar_box{margin-top:25px;}
.archive-is-simple{column-gap:clamp(12.5px,2.5vw,25px);row-gap:clamp(20px,4vw,40px);}
.archive-is-simple .archive__item-is-user{padding-bottom:10px;}

@media only screen and (max-width: 750px) {
.archive-is-simple :is(.archive__item-is-2,.archive__item-is-3,.archive__item-is-4){width:calc(50% - clamp(12.5px,2.5vw,25px)/ 2);}
.nextprev_list .eyecatch{width: 40px!important; min-width: 40px!important;}
.archive__inner p{ display: none;}
#breadcrumb ol{display: -webkit-flex;white-space: nowrap;overflow: scroll;}
}
.archive-is-simple .heading-is-custom{font-size:var(--fit-heading-senary);}
.archive-is-simple .eyecatch+.archive__contents{margin-top:10px;}
.archive-is-simple *+.avatar_box{position:relative;bottom:0;margin-top:10px;}
.date_list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;row-gap:5px;column-gap:10px;}
.date_list__item{display:inline-block;text-align:left;line-height:var(--fit-line_height-main);font-size:var(--fit-phrase-quaternary);opacity:.65; list-style: none;}
.date_list__item::before{margin-right:5px;}
.avatar_box{display:block;}
.avatar_box .avatar_box__link{width:fit-content;display:inline-flex;align-items:center;}
.avatar_box .avatar_box__img{margin-right:10px;}
.avatar_box .avatar_box__img-is-s{width:24px;height:24px;}
.avatar_box .avatar_box__img img{width:100%;height:100%;object-fit:cover;border-radius:9999px;}
.avatar_box .avatar_box__name{position:relative;line-height:var(--fit-line_height-main);}
.avatar_box .avatar_box__name:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.25);transform:scale(0);transition:var(--fit-transition-time_s);}
.avatar_box .avatar_box__link:hover .avatar_box__name:after{transform:scale(1);}
.l-main>*+*{margin-top:clamp(40px,6vw,60px);}
.sub_content>:first-child{margin-top:0;}
.sub_content>*+*{margin-top:clamp(30px,4vw,40px);}
.nextprev_list{position:relative;display:flex;list-style:none;width:100%;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;padding:20px 0; margin: 0;}
.nextprev_list__next,.nextprev_list__prev{position:relative;display:flex;align-items:center;flex:1;min-height:40px;gap:10px;padding:0 10px 0 30px;}
.nextprev_list__next{padding:0 30px 0 10px;justify-content:right;border-left:1px dashed var(--fit-color-border_main);}
.nextprev_list__next::before,.nextprev_list__prev::before{position:absolute;color:#fff;background:#5675a0;width:20px;height:20px;line-height:20px;border-radius:9999px;text-align:center;font-size:var(--fit-phrase-quaternary);z-index:2;}
.nextprev_list__prev::before{left:0;}
.nextprev_list__next::before{right:0;}
.nextprev_list .eyecatch{width:80px;min-width:80px;}
.nextprev_list .eyecatch__link::after{display:none;}
.nextprev_list .heading-is-quaternary a{transition:var(--fit-transition-time_s);}
.nextprev_list .heading-is-quaternary a:hover{opacity:.5;}
.nextprev_list__link{overflow-wrap:anywhere;}
.profile{overflow:hidden;width:100%;}
.profile .heading+.profile__wrapper{margin-top:20px;}
.profile *+.btn{margin-top:30px;}
.profile .heading+.phrase{margin-top:10px;}
.profile__wrapper{display:flex;gap:clamp(20px,3vw,30px);}
.profile__item{flex-grow:1;}
.profile__item-is-img{min-width:clamp(80px,12vw,180px);max-width:clamp(80px,12vw,180px);}
.profile__img{aspect-ratio:1/1;}
.profile__img img{width:100%;height:100%;object-fit:cover;border:2px solid var(--fit-color-pale_gray);}
.related>.heading+*{margin-top:20px;}
.u-position_left{margin-left:unset!important;margin-right:auto!important;}
.u-aspect_11{aspect-ratio:1/1;}
.u-aspect_169{aspect-ratio:16/9;}
@media only screen and (min-width:1000px){
.archive__item-is-3{width:calc(33.33% - clamp(12.5px,2.5vw,25px)/ 1.5);}
}
@media all{
.heading-is-preset14{position:relative;display:flex;align-items:center;padding:10px 0px;border-bottom:1px dashed #ccc;}
.heading-is-preset14::before{margin-right:5px;}
.heading-is-preset14::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:5px;border-radius:9999px;background-color:var(--main-color);}
.heading-is-preset14 .heading__title{display:inline-block;font-size:65%;opacity:.5;margin-left:10px;white-space:nowrap;}
.heading-is-preset68{--text-color:var(--fit-color-black);--main-color:var(--fit-color-sub);--sub-color:var(--fit-color-black);display:flex;align-items:center;color:var(--text-color);}
.heading-is-preset68::before{margin-right:5px;color:var(--sub-color);}
.heading-is-preset68 .heading__title{display:inline-block;font-size:65%;color:var(--main-color);margin-left:15px;white-space:nowrap;}
.btn-is-preset23{--text-color:var(--fit-color-white);--main-color:var(--fit-color-main);--sub-color:var(--fit-color-sub);position:relative;text-align:center;margin-left:auto;margin-right:auto;width:fit-content;font-size:var(--fit-phrase-primary);font-weight:700;background-color:var(--main-color);line-height:var(--fit-line_height-main);}
.btn-is-preset23::before{content:"";position:absolute;top:0;left:0;bottom:0;width:0;background-color:var(--sub-color);transition:var(--fit-transition-time_s);pointer-events:none;}
.btn-is-preset23::after{content:"";position:absolute;top:50%;right:20px;transform:rotate(45deg) translateY(-50%);width:5px;height:5px;border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);border-radius:1px;z-index:1;transition:var(--fit-transition-time_s);pointer-events:none;}
.btn-is-preset23 .btn__inner{display:block;position:relative;padding:10px 40px 10px 30px;color:var(--text-color);margin-left:auto;margin-right:auto;transition:var(--fit-transition-time_s);}
.btn-is-preset23 .btn__inner::before{margin-right:10px;}
.btn-is-preset23 .btn__inner::after{content:attr(data-micro);display:block;line-height:1.85;font-size:65%;opacity:.5;}
.btn-is-preset23:hover::before{width:100%;}
.btn-is-preset23:hover::after{right:10px;}
}
@media all{
.sub_content-is-post .profile{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;box-shadow:1px 1px 4px 0px         rgba(25,25,25, 0.2);background-color:rgba(247,246,250,1);}
.sub_content-is-post .profile__img img{border-radius:9999px;}
.sub_content-is-post .profile__item .heading,.sub_content-is-post .profile__item .phrase{color:#514f5b;}
@media only screen and (min-width: 640px){
.sub_content-is-post .profile{padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;}
}
}
@media all{
.icon-pencil1:before{content:"\e201c";font-family: FontAwesome;}
.icon-angle-right:before{content:"\f101";font-family: FontAwesome; color: #fff;}
.icon-angle-left:before{content:"\f101";font-family: FontAwesome; 
	transform:rotate(180deg);}
.icon-book1:before{content:"\f02d";font-family: FontAwesome;}
.icon-time:before{content:"\e2125";font-family: FontAwesome;}
}
#comment-area{ margin: 20px auto;}
.comment-title{margin:22px 0;font-size:24px;}
.comment-form .required{color:red;}
.comment-form .submit{margin:1em 0;}
.comment-btn{background-color:#f9f9f9;border:1px solid var(--cocoon-thin-color);color:var(--cocoon-text-color);display:block;font-size:1.2em;text-decoration:none;width:100%;text-align:center;padding:10px;display:block;}
.comment-btn:hover{background-color:#f5f8fa;transition:all 0.3s ease-in-out;color:var(--cocoon-text-color);}
.form-submit input[type=submit]{padding:11px;width:100%;margin:0;cursor:pointer;}
.form-submit input[type=submit]{-webkit-appearance:none;border:1px solid var(--cocoon-thin-color);background-color:#f5f8fa;color:#333;}
#submit{background-color:#0095d9;color:#fff;}
#submit{width:80%;margin:0 auto;display:block;}
.post ol{padding-left: 0;
    margin-bottom: 20px;
    margin-left: 0;
	    list-style-type: none;
}
.post ol ol{    padding-left: 1em;
    margin-bottom: 20px;
    margin-left: 1em;
	    list-style-type: none;
}
#breadcrumb{margin-bottom: 20px;}
.s-navi-activated #s-navi dt.trigger .acordion_button{ z-index: 100004; }
.bs-info-author-block{margin:10px 0;}
.bs-blog-post .bs-blog-meta{display:inline-flex;align-items:center;flex-wrap:wrap;}
.bs-blog-meta span{padding-right:3px;font-size:14px;font-weight:500;}
.bs-blog-meta .bs-author .auth img{border-radius:50%;width:20px;height:20px;margin-right:8px;margin-left:1px;display:unset;box-shadow:0px 2px 8px 1px rgba(33, 33, 33, 0.3);}
.bs-blog-date:before,.tag-links:before{font-weight:900;position:relative;display:inline-block;padding-right:2px;padding-left:1px;text-decoration:inherit;vertical-align:baseline;opacity:0.8;}
.bs-blog-date:before{content:"\f06e";font-family: stsvg;}
.tag-links:before{content:"\f086";font-family: stsvg;}
.bs-blog-post .bs-header .bs-info-author-block{box-shadow:inherit;margin:0;padding:0;border:none;}
.bs-info-author-block{display:flex;box-shadow:var(--bxsh);}
.cat-links{    background-color: #3dc2ff;
    color: #fff;
    border-radius: 100vh;line-height: 1;
    padding:0 .5em;}
	#comments .page-numbers{ display: inline-block; font-size: 12px;}
	#comments  .page-numbers.dots {
    border-radius: 50%;
    border: 1px solid #3d3d54;
}
#comments  .pager-numbers .page-numbers.current, #comments   .current {
    background: 0 0;
    border: 0;
    color: white;
    font-size: 110%;
    background-color: #4c79c3;
    border-radius: 50%;
}
.author-box .author-meta{ width: 100%; display: flex; flex-wrap: wrap; gap:5px; margin-bottom: 15px; }
.author-box .author-meta label{ font-weight: bold; margin-right: 5px;}
.author-box  .author-name{     padding: 5px 12px;
    border-radius: 100vh;   background: #3dc2ff;
}
.author-box  .author-name a{color: #ffffff!important;}


.fab-typo-title--md {
    border-top: 1px solid #e0e0e0;
    text-align: center;
    height: 1.4em;
    font-size: 120%;
    margin-top: 2em;
}
.fab-typo-title--md span {
    position: relative;
    top: -12px;
    padding: 0 25px;
    background: #fff;
}
.fab-g {
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.top__side-snsmg ul{margin:1em 0;}
.top__side-snsmg ul>li{text-align:center; list-style:none; margin-bottom:1em;}
.top__side-snsmg ul>li svg{width:24px;height:24px;vertical-align:middle;    color: #404040;}
.top__side-snslink{border-radius:50%;width:50px;height:50px;line-height:50px;background:#eee;text-align:center;display:inline-block;font-size:150%;}
.top__side-snslink.top__side-snslink--magnify{font-size:190%;}
.top__side-snslink:hover{background:#999;color:#fff;text-decoration:none;}
.top__side-snslink>.fab-icon{margin-right:0;}

.entry-tags { margin-top: 10px;}
.tag-link{color:#333;text-decoration:none;display:inline-block;margin-right:5px;padding:1px 5px;font-size:12px;border:1px solid #999;border-radius:var(--cocoon-badge-border-radius);word-break:break-all; margin-bottom: 10px;}
.tag-link:hover{background-color:#f5f8fa;transition:all 0.3s ease-in-out;color:var(--cocoon-text-color);}
.p-profileBox__iconImg {
    background: #fdfdfd;
    border: 4px solid #fdfdfd;
    border-radius: 50%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px;
}
.p-profileBox .p-profileBox__btn {
    margin: 1.5em auto .5em;
}
.is-style-btn_normal a {
        color: #fff;
    border-radius:80px;
    display: inline-block;
    line-height: 1.5;
    margin: 0;
    padding: .5em 1em;
    position: relative;
    text-decoration: none;
}

.container{position:relative;max-width:1140px;margin-left:15px;margin-right:15px;}
.container::after{content:"";display:block;clear:both;}
.breadcrumb{padding:10px 0;overflow-x:auto;}
.breadcrumb__list{list-style:none;display:table;}
.breadcrumb__list::after{content:"";display:block;clear:both;}
.breadcrumb__item{position:relative;display:table-cell;white-space:nowrap;padding-right:15px;padding-left:15px;font-size:1.2rem;line-height:1.75;color:#24a57c;}
.breadcrumb__item:first-child{padding-left:0;}
.breadcrumb__item.icon-home::before{margin-right:5px;color:#24a57c;}
.breadcrumb__item::after{content:"";position:absolute;right:0;top:50%;margin-top:-3px;width:5px;height:5px;border-top:1px solid #24a57c;border-right:1px solid #24a57c;transform:rotate(45deg);}
.breadcrumb__item:last-child::after{border:none;}
.breadcrumb__item a:hover{color:#88abda;}



.widget.widget_calendar .calendar_wrap {
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid rgba(0,0,0,0.1)
}

.widget.widget_calendar .calendar_wrap table {
    width: 100%
}

.widget.widget_calendar .calendar_wrap caption {
    font-size: 1.2rem;
    margin-bottom: 20px
}

.widget.widget_calendar .calendar_wrap thead {
    font-size: 1.2rem
}

.widget.widget_calendar .calendar_wrap thead th {
    padding-bottom: 10px;
    text-align: center
}

.widget.widget_calendar .calendar_wrap tbody {
    color: #7f7f7f
}

.widget.widget_calendar .calendar_wrap tbody td {
    background: #fff;
    border: 1px solid #f8f8f8;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.widget.widget_calendar .calendar_wrap tbody td:hover {
    background: #f8f8f8
}

.widget.widget_calendar .calendar_wrap tbody a {
    display: block;
    font-weight: bold;
    background: #5ba3b1;
    color: #fff!important;
    text-decoration: underline
}

.widget.widget_calendar .calendar_wrap tbody a:hover {
    background: #5ba3b1
}

.widget.widget_calendar .calendar_wrap tbody .pad {
    background: none
}

.widget.widget_calendar .calendar_wrap tfoot a {
    text-decoration: underline
}

.widget.widget_calendar .calendar_wrap tfoot #next {
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: right
}

.widget.widget_calendar .calendar_wrap tfoot #prev {
    font-size: 1.2rem;
    text-transform: uppercase;
    padding-top: 10px
}